@nice2dev/icons-life 1.0.10

package/README.md

@@ -0,0 +1,182 @@
+# @nice2dev/icons-life
+
+Personal life icons (health, finance, home, productivity) for Nice2Dev UI library.
+
+## Installation
+
+```bash
+pnpm add @nice2dev/icons-life
+```
+
+## Features
+
+- 🎨 **60 Life Icons** - Comprehensive set of personal life icons
+- 🎭 **3 Variants** - Filled, outlined, and duotone rendering modes
+- ✨ **9 Animations** - Built-in SMIL animations (pulse, grow, shake, spin, bounce, fade, flip, slide, glow)
+- 📦 **Tree-shakeable** - Import only what you need
+- 🔷 **TypeScript** - Full type safety with comprehensive types
+
+## Icon Categories
+
+### Health Icons (15)
+
+Medical, fitness and wellness icons:
+
+`HeartIcon`, `HeartbeatIcon`, `StethoscopeIcon`, `PillsIcon`, `SyringeIcon`, `BandageIcon`, `HospitalIcon`, `AmbulanceIcon`, `DoctorIcon`, `DnaIcon`, `BrainIcon`, `LungsIcon`, `DumbbellIcon`, `YogaIcon`, `RunningIcon`
+
+### Finance Icons (15)
+
+Money, banking and investment icons:
+
+`WalletIcon`, `CreditCardIcon`, `BankNoteIcon`, `CoinsIcon`, `PiggyBankIcon`, `BankIcon`, `ChartIcon`, `TrendingUpIcon`, `TrendingDownIcon`, `CalculatorIcon`, `ReceiptIcon`, `InvoiceIcon`, `SafeIcon`, `BitcoinIcon`, `ExchangeIcon`
+
+### Home Icons (15)
+
+House, building and interior icons:
+
+`HouseIcon`, `BuildingIcon`, `DoorIcon`, `KeyIcon`, `BedIcon`, `SofaIcon`, `LampIcon`, `KitchenIcon`, `BathtubIcon`, `GarageIcon`, `GardenIcon`, `FenceIcon`, `AirConditionerIcon`, `HeaterIcon`, `WifiIcon`
+
+### Productivity Icons (15)
+
+Time management and planning icons:
+
+`CalendarIcon`, `ClockIcon`, `AlarmIcon`, `TimerIcon`, `ChecklistIcon`, `TargetIcon`, `TrophyIcon`, `FlagIcon`, `RocketIcon`, `LightbulbIcon`, `BookmarkIcon`, `ClipboardIcon`, `KanbanIcon`, `GanttIcon`, `PomodoroIcon`
+
+## Usage
+
+### Basic Usage
+
+```tsx
+import { HeartIcon, WalletIcon, HouseIcon, CalendarIcon } from '@nice2dev/icons-life';
+
+// Health icon with pulse animation
+<HeartIcon animation="pulse" />
+
+// Finance icon
+<WalletIcon size={32} />
+
+// Home icon
+<HouseIcon variant="outlined" />
+
+// Productivity icon
+<CalendarIcon size={24} color="#333" />
+```
+
+### Icon Variants
+
+```tsx
+import { TrophyIcon } from '@nice2dev/icons-life';
+
+// Filled (default)
+<TrophyIcon variant="filled" />
+
+// Outlined
+<TrophyIcon variant="outlined" />
+
+// Duotone
+<TrophyIcon variant="duotone" accentColor="#fcd34d" />
+```
+
+### Animations
+
+```tsx
+import { RocketIcon } from '@nice2dev/icons-life';
+
+<RocketIcon animation="pulse" />   // Pulsing effect
+<RocketIcon animation="grow" />    // Size growth
+<RocketIcon animation="shake" />   // Shake/wiggle
+<RocketIcon animation="spin" />    // 360° rotation
+<RocketIcon animation="bounce" />  // Bouncing effect
+<RocketIcon animation="fade" />    // Fade in/out
+<RocketIcon animation="flip" />    // 3D flip
+<RocketIcon animation="slide" />   // Slide motion
+<RocketIcon animation="glow" />    // Glowing effect
+```
+
+### Grouped Imports
+
+```tsx
+import { healthIcons, financeIcons, homeIcons, productivityIcons } from '@nice2dev/icons-life';
+
+// Access all health icons
+const { HeartIcon, DumbbellIcon } = healthIcons;
+
+// Use in icon picker
+const allFinanceIcons = Object.values(financeIcons);
+```
+
+### Custom Colors
+
+```tsx
+import { HeartIcon } from '@nice2dev/icons-life';
+
+// Override default colors
+<HeartIcon color="#333333" accentColor="#ef4444" />;
+```
+
+## Props
+
+| Prop          | Type                                  | Default          | Description                        |
+| ------------- | ------------------------------------- | ---------------- | ---------------------------------- |
+| `size`        | `number`                              | `24`             | Icon size in pixels                |
+| `color`       | `string`                              | `'currentColor'` | Primary icon color                 |
+| `accentColor` | `string`                              | -                | Secondary/accent color for duotone |
+| `variant`     | `'filled' \| 'outlined' \| 'duotone'` | `'filled'`       | Icon style variant                 |
+| `animation`   | `LifeIconAnimation`                   | -                | Animation type                     |
+| `className`   | `string`                              | -                | Additional CSS class               |
+| `style`       | `CSSProperties`                       | -                | Inline styles                      |
+
+## TypeScript
+
+```tsx
+import type {
+  LifeIconProps,
+  LifeIconAnimation,
+  HealthIconName,
+  FinanceIconName,
+  HomeIconName,
+  ProductivityIconName,
+} from '@nice2dev/icons-life';
+
+// Type-safe icon selection
+const iconName: HealthIconName = 'Heart';
+const animation: LifeIconAnimation = 'pulse';
+```
+
+## Use Cases
+
+### Health App Dashboard
+
+```tsx
+<HeartbeatIcon animation="pulse" color="#ef4444" />
+<DumbbellIcon size={32} />
+<RunningIcon variant="outlined" />
+```
+
+### Finance Tracker
+
+```tsx
+<TrendingUpIcon color="#22c55e" />
+<TrendingDownIcon color="#ef4444" />
+<PiggyBankIcon animation="bounce" />
+```
+
+### Smart Home Control
+
+```tsx
+<HouseIcon size={40} />
+<LampIcon variant="duotone" accentColor="#fcd34d" />
+<WifiIcon animation="pulse" />
+```
+
+### Productivity App
+
+```tsx
+<CalendarIcon />
+<ChecklistIcon color="#22c55e" />
+<PomodoroIcon animation="pulse" accentColor="#ef4444" />
+```
+
+## License
+
+MIT © Nice2Dev

package/dist/createLifeIcon-BAJdO67Z.cjs

@@ -0,0 +1,134 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const iconDefaults = {
+  size: 24,
+  color: "currentColor",
+  variant: "filled"
+};
+function getLifeAnimation(animation) {
+  switch (animation) {
+    case "pulse":
+      return /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", values: "1;0.5;1", dur: "1.5s", repeatCount: "indefinite" });
+    case "grow":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "scale",
+          values: "1;1.1;1",
+          dur: "0.6s",
+          repeatCount: "indefinite"
+        }
+      );
+    case "shake":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "rotate",
+          values: "-5 12 12;5 12 12;-5 12 12",
+          dur: "0.3s",
+          repeatCount: "indefinite"
+        }
+      );
+    case "spin":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "rotate",
+          from: "0 12 12",
+          to: "360 12 12",
+          dur: "1s",
+          repeatCount: "indefinite"
+        }
+      );
+    case "bounce":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          values: "0,0;0,-3;0,0",
+          dur: "0.5s",
+          repeatCount: "indefinite"
+        }
+      );
+    case "fade":
+      return /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", values: "0;1;0", dur: "2s", repeatCount: "indefinite" });
+    case "flip":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "scale",
+          values: "1,1;-1,1;1,1",
+          dur: "1s",
+          repeatCount: "indefinite"
+        }
+      );
+    case "slide":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          values: "-3,0;3,0;-3,0",
+          dur: "1s",
+          repeatCount: "indefinite"
+        }
+      );
+    case "glow":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "animate",
+        {
+          attributeName: "filter",
+          values: "drop-shadow(0 0 0px currentColor);drop-shadow(0 0 4px currentColor);drop-shadow(0 0 0px currentColor)",
+          dur: "1.5s",
+          repeatCount: "indefinite"
+        }
+      );
+    default:
+      return null;
+  }
+}
+function createLifeIcon(renderContent, options) {
+  const IconComponent = react.forwardRef((props, ref) => {
+    const {
+      size = iconDefaults.size,
+      color = iconDefaults.color,
+      accentColor,
+      variant = iconDefaults.variant,
+      animation,
+      className,
+      style,
+      "aria-label": ariaLabel,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        ref,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        className,
+        style,
+        "aria-label": ariaLabel,
+        role: ariaLabel ? "img" : "presentation",
+        ...rest,
+        children: [
+          animation && /* @__PURE__ */ jsxRuntime.jsx("g", { children: getLifeAnimation(animation) }),
+          renderContent({ size, color, accentColor, variant })
+        ]
+      }
+    );
+  });
+  IconComponent.displayName = (options == null ? void 0 : options.displayName) ?? "LifeIcon";
+  return IconComponent;
+}
+exports.createLifeIcon = createLifeIcon;
+//# sourceMappingURL=createLifeIcon-BAJdO67Z.cjs.map

package/dist/createLifeIcon-BAJdO67Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLifeIcon-BAJdO67Z.cjs","sources":["../src/createLifeIcon.tsx"],"sourcesContent":["/**\r\n * @file createLifeIcon.tsx\r\n * @description Factory function for creating animated life icons\r\n */\r\n\r\nimport React, { forwardRef } from 'react';\r\n\r\nimport type { LifeIconProps, LifeIconAnimation } from './types';\r\n\r\n/** Default icon props */\r\nexport const iconDefaults: Required<Pick<LifeIconProps, 'size' | 'color' | 'variant'>> = {\r\n  size: 24,\r\n  color: 'currentColor',\r\n  variant: 'filled',\r\n};\r\n\r\n/** Get SMIL animation element for the specified animation type */\r\nexport function getLifeAnimation(animation: LifeIconAnimation): React.ReactNode {\r\n  switch (animation) {\r\n    case 'pulse':\r\n      return (\r\n        <animate attributeName=\"opacity\" values=\"1;0.5;1\" dur=\"1.5s\" 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.1;1\"\r\n          dur=\"0.6s\"\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=\"rotate\"\r\n          values=\"-5 12 12;5 12 12;-5 12 12\"\r\n          dur=\"0.3s\"\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          from=\"0 12 12\"\r\n          to=\"360 12 12\"\r\n          dur=\"1s\"\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=\"0.5s\"\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'fade':\r\n      return <animate attributeName=\"opacity\" values=\"0;1;0\" dur=\"2s\" repeatCount=\"indefinite\" />;\r\n    case 'flip':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"scale\"\r\n          values=\"1,1;-1,1;1,1\"\r\n          dur=\"1s\"\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=\"-3,0;3,0;-3,0\"\r\n          dur=\"1s\"\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'glow':\r\n      return (\r\n        <animate\r\n          attributeName=\"filter\"\r\n          values=\"drop-shadow(0 0 0px currentColor);drop-shadow(0 0 4px currentColor);drop-shadow(0 0 0px currentColor)\"\r\n          dur=\"1.5s\"\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    default:\r\n      return null;\r\n  }\r\n}\r\n\r\n/** Factory function for creating life icons */\r\nexport function createLifeIcon(\r\n  renderContent: (props: LifeIconProps) => React.ReactNode,\r\n  options?: { displayName?: string },\r\n) {\r\n  const IconComponent = forwardRef<SVGSVGElement, LifeIconProps>((props, ref) => {\r\n    const {\r\n      size = iconDefaults.size,\r\n      color = iconDefaults.color,\r\n      accentColor,\r\n      variant = iconDefaults.variant,\r\n      animation,\r\n      className,\r\n      style,\r\n      'aria-label': ariaLabel,\r\n      ...rest\r\n    } = props;\r\n\r\n    return (\r\n      <svg\r\n        ref={ref}\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        fill=\"none\"\r\n        className={className}\r\n        style={style}\r\n        aria-label={ariaLabel}\r\n        role={ariaLabel ? 'img' : 'presentation'}\r\n        {...rest}\r\n      >\r\n        {animation && <g>{getLifeAnimation(animation)}</g>}\r\n        {renderContent({ size, color, accentColor, variant })}\r\n      </svg>\r\n    );\r\n  });\r\n\r\n  IconComponent.displayName = options?.displayName ?? 'LifeIcon';\r\n  return IconComponent;\r\n}\r\n"],"names":["jsx","forwardRef","jsxs"],"mappings":";;;AAUO,MAAM,eAA4E;AAAA,EACvF,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACX;AAGO,SAAS,iBAAiB,WAA+C;AAC9E,UAAQ,WAAA;AAAA,IACN,KAAK;AACH,aACEA,+BAAC,aAAQ,eAAc,WAAU,QAAO,WAAU,KAAI,QAAO,aAAY,aAAA,CAAa;AAAA,IAE1F,KAAK;AACH,aACEA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AACH,aACEA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AACH,aACEA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,MAAK;AAAA,UACL,MAAK;AAAA,UACL,IAAG;AAAA,UACH,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AACH,aACEA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AACH,aAAOA,+BAAC,aAAQ,eAAc,WAAU,QAAO,SAAQ,KAAI,MAAK,aAAY,aAAA,CAAa;AAAA,IAC3F,KAAK;AACH,aACEA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AACH,aACEA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AACH,aACEA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB;AACE,aAAO;AAAA,EAAA;AAEb;AAGO,SAAS,eACd,eACA,SACA;AACA,QAAM,gBAAgBC,MAAAA,WAAyC,CAAC,OAAO,QAAQ;AAC7E,UAAM;AAAA,MACJ,OAAO,aAAa;AAAA,MACpB,QAAQ,aAAa;AAAA,MACrB;AAAA,MACA,UAAU,aAAa;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,GAAG;AAAA,IAAA,IACD;AAEJ,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,OAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAQ;AAAA,QACR,MAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,MAAM,YAAY,QAAQ;AAAA,QACzB,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,aAAaF,2BAAAA,IAAC,KAAA,EAAG,UAAA,iBAAiB,SAAS,GAAE;AAAA,UAC7C,cAAc,EAAE,MAAM,OAAO,aAAa,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG1D,CAAC;AAED,gBAAc,eAAc,mCAAS,gBAAe;AACpD,SAAO;AACT;;"}

package/dist/createLifeIcon-BjwgNM6z.js

@@ -0,0 +1,135 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const iconDefaults = {
+  size: 24,
+  color: "currentColor",
+  variant: "filled"
+};
+function getLifeAnimation(animation) {
+  switch (animation) {
+    case "pulse":
+      return /* @__PURE__ */ jsx("animate", { attributeName: "opacity", values: "1;0.5;1", dur: "1.5s", repeatCount: "indefinite" });
+    case "grow":
+      return /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "scale",
+          values: "1;1.1;1",
+          dur: "0.6s",
+          repeatCount: "indefinite"
+        }
+      );
+    case "shake":
+      return /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "rotate",
+          values: "-5 12 12;5 12 12;-5 12 12",
+          dur: "0.3s",
+          repeatCount: "indefinite"
+        }
+      );
+    case "spin":
+      return /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "rotate",
+          from: "0 12 12",
+          to: "360 12 12",
+          dur: "1s",
+          repeatCount: "indefinite"
+        }
+      );
+    case "bounce":
+      return /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          values: "0,0;0,-3;0,0",
+          dur: "0.5s",
+          repeatCount: "indefinite"
+        }
+      );
+    case "fade":
+      return /* @__PURE__ */ jsx("animate", { attributeName: "opacity", values: "0;1;0", dur: "2s", repeatCount: "indefinite" });
+    case "flip":
+      return /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "scale",
+          values: "1,1;-1,1;1,1",
+          dur: "1s",
+          repeatCount: "indefinite"
+        }
+      );
+    case "slide":
+      return /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          values: "-3,0;3,0;-3,0",
+          dur: "1s",
+          repeatCount: "indefinite"
+        }
+      );
+    case "glow":
+      return /* @__PURE__ */ jsx(
+        "animate",
+        {
+          attributeName: "filter",
+          values: "drop-shadow(0 0 0px currentColor);drop-shadow(0 0 4px currentColor);drop-shadow(0 0 0px currentColor)",
+          dur: "1.5s",
+          repeatCount: "indefinite"
+        }
+      );
+    default:
+      return null;
+  }
+}
+function createLifeIcon(renderContent, options) {
+  const IconComponent = forwardRef((props, ref) => {
+    const {
+      size = iconDefaults.size,
+      color = iconDefaults.color,
+      accentColor,
+      variant = iconDefaults.variant,
+      animation,
+      className,
+      style,
+      "aria-label": ariaLabel,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        className,
+        style,
+        "aria-label": ariaLabel,
+        role: ariaLabel ? "img" : "presentation",
+        ...rest,
+        children: [
+          animation && /* @__PURE__ */ jsx("g", { children: getLifeAnimation(animation) }),
+          renderContent({ size, color, accentColor, variant })
+        ]
+      }
+    );
+  });
+  IconComponent.displayName = (options == null ? void 0 : options.displayName) ?? "LifeIcon";
+  return IconComponent;
+}
+export {
+  createLifeIcon as c
+};
+//# sourceMappingURL=createLifeIcon-BjwgNM6z.js.map

package/dist/createLifeIcon-BjwgNM6z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLifeIcon-BjwgNM6z.js","sources":["../src/createLifeIcon.tsx"],"sourcesContent":["/**\r\n * @file createLifeIcon.tsx\r\n * @description Factory function for creating animated life icons\r\n */\r\n\r\nimport React, { forwardRef } from 'react';\r\n\r\nimport type { LifeIconProps, LifeIconAnimation } from './types';\r\n\r\n/** Default icon props */\r\nexport const iconDefaults: Required<Pick<LifeIconProps, 'size' | 'color' | 'variant'>> = {\r\n  size: 24,\r\n  color: 'currentColor',\r\n  variant: 'filled',\r\n};\r\n\r\n/** Get SMIL animation element for the specified animation type */\r\nexport function getLifeAnimation(animation: LifeIconAnimation): React.ReactNode {\r\n  switch (animation) {\r\n    case 'pulse':\r\n      return (\r\n        <animate attributeName=\"opacity\" values=\"1;0.5;1\" dur=\"1.5s\" 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.1;1\"\r\n          dur=\"0.6s\"\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=\"rotate\"\r\n          values=\"-5 12 12;5 12 12;-5 12 12\"\r\n          dur=\"0.3s\"\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          from=\"0 12 12\"\r\n          to=\"360 12 12\"\r\n          dur=\"1s\"\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=\"0.5s\"\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'fade':\r\n      return <animate attributeName=\"opacity\" values=\"0;1;0\" dur=\"2s\" repeatCount=\"indefinite\" />;\r\n    case 'flip':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"scale\"\r\n          values=\"1,1;-1,1;1,1\"\r\n          dur=\"1s\"\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=\"-3,0;3,0;-3,0\"\r\n          dur=\"1s\"\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'glow':\r\n      return (\r\n        <animate\r\n          attributeName=\"filter\"\r\n          values=\"drop-shadow(0 0 0px currentColor);drop-shadow(0 0 4px currentColor);drop-shadow(0 0 0px currentColor)\"\r\n          dur=\"1.5s\"\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    default:\r\n      return null;\r\n  }\r\n}\r\n\r\n/** Factory function for creating life icons */\r\nexport function createLifeIcon(\r\n  renderContent: (props: LifeIconProps) => React.ReactNode,\r\n  options?: { displayName?: string },\r\n) {\r\n  const IconComponent = forwardRef<SVGSVGElement, LifeIconProps>((props, ref) => {\r\n    const {\r\n      size = iconDefaults.size,\r\n      color = iconDefaults.color,\r\n      accentColor,\r\n      variant = iconDefaults.variant,\r\n      animation,\r\n      className,\r\n      style,\r\n      'aria-label': ariaLabel,\r\n      ...rest\r\n    } = props;\r\n\r\n    return (\r\n      <svg\r\n        ref={ref}\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        fill=\"none\"\r\n        className={className}\r\n        style={style}\r\n        aria-label={ariaLabel}\r\n        role={ariaLabel ? 'img' : 'presentation'}\r\n        {...rest}\r\n      >\r\n        {animation && <g>{getLifeAnimation(animation)}</g>}\r\n        {renderContent({ size, color, accentColor, variant })}\r\n      </svg>\r\n    );\r\n  });\r\n\r\n  IconComponent.displayName = options?.displayName ?? 'LifeIcon';\r\n  return IconComponent;\r\n}\r\n"],"names":[],"mappings":";;AAUO,MAAM,eAA4E;AAAA,EACvF,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACX;AAGO,SAAS,iBAAiB,WAA+C;AAC9E,UAAQ,WAAA;AAAA,IACN,KAAK;AACH,aACE,oBAAC,aAAQ,eAAc,WAAU,QAAO,WAAU,KAAI,QAAO,aAAY,aAAA,CAAa;AAAA,IAE1F,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,MAAK;AAAA,UACL,MAAK;AAAA,UACL,IAAG;AAAA,UACH,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AACH,aAAO,oBAAC,aAAQ,eAAc,WAAU,QAAO,SAAQ,KAAI,MAAK,aAAY,aAAA,CAAa;AAAA,IAC3F,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGlB;AACE,aAAO;AAAA,EAAA;AAEb;AAGO,SAAS,eACd,eACA,SACA;AACA,QAAM,gBAAgB,WAAyC,CAAC,OAAO,QAAQ;AAC7E,UAAM;AAAA,MACJ,OAAO,aAAa;AAAA,MACpB,QAAQ,aAAa;AAAA,MACrB;AAAA,MACA,UAAU,aAAa;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,GAAG;AAAA,IAAA,IACD;AAEJ,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,OAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAQ;AAAA,QACR,MAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,MAAM,YAAY,QAAQ;AAAA,QACzB,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,aAAa,oBAAC,KAAA,EAAG,UAAA,iBAAiB,SAAS,GAAE;AAAA,UAC7C,cAAc,EAAE,MAAM,OAAO,aAAa,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG1D,CAAC;AAED,gBAAc,eAAc,mCAAS,gBAAe;AACpD,SAAO;AACT;"}

package/dist/createLifeIcon.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { LifeIconProps, LifeIconAnimation } from './types';
+/** Default icon props */
+export declare const iconDefaults: Required<Pick<LifeIconProps, 'size' | 'color' | 'variant'>>;
+/** Get SMIL animation element for the specified animation type */
+export declare function getLifeAnimation(animation: LifeIconAnimation): React.ReactNode;
+/** Factory function for creating life icons */
+export declare function createLifeIcon(renderContent: (props: LifeIconProps) => React.ReactNode, options?: {
+    displayName?: string;
+}): React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=createLifeIcon.d.ts.map

package/dist/createLifeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLifeIcon.d.ts","sourceRoot":"","sources":["../src/createLifeIcon.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEhE,yBAAyB;AACzB,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAIpF,CAAC;AAEF,kEAAkE;AAClE,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAiF9E;AAED,+CAA+C;AAC/C,wBAAgB,cAAc,CAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,EACxD,OAAO,CAAC,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,uFAqCnC"}

package/dist/family.d.ts

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+import { LifeIconProps } from './types';
+export declare const FatherIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const MotherIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const ParentsIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const BabyIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const ToddlerIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const ChildIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const TeenagerIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const SiblingsIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const TwinsIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const FamilyIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const GrandparentsIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const FamilyTreeIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const DogIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const CatIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const BirdIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const FishIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const HamsterIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const RabbitIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const PetBowlIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const PetCollarIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const PetHouseIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const LeashIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const BirthdayIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const WeddingIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const AnniversaryIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const GraduationIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const PartyIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const BalloonIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const ConfettiIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const GiftIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const GiftBoxIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const GiftCardIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const WrappingPaperIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const RibbonIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const BroomIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const MopIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const VacuumIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const LaundryIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const IronIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const DishesIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const TrashIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const GroceryIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const StrollerIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const CribIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const BottleIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const PacifierIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const DiaperIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const ToyIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const BlocksIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const RattleIcon: React.ForwardRefExoticComponent<LifeIconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=family.d.ts.map

package/dist/family.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"family.d.ts","sourceRoot":"","sources":["../src/family.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,eAAO,MAAM,UAAU,qFAqBtB,CAAC;AAEF,eAAO,MAAM,UAAU,qFAqBtB,CAAC;AAEF,eAAO,MAAM,WAAW,qFA4BvB,CAAC;AAGF,eAAO,MAAM,QAAQ,qFAuBpB,CAAC;AAEF,eAAO,MAAM,WAAW,qFAqBvB,CAAC;AAEF,eAAO,MAAM,SAAS,qFA8BrB,CAAC;AAEF,eAAO,MAAM,YAAY,qFA8BxB,CAAC;AAEF,eAAO,MAAM,YAAY,qFA6BxB,CAAC;AAEF,eAAO,MAAM,SAAS,qFA6BrB,CAAC;AAGF,eAAO,MAAM,UAAU,qFAgCtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qFA6B5B,CAAC;AAEF,eAAO,MAAM,cAAc,qFA4D1B,CAAC;AAGF,eAAO,MAAM,OAAO,qFA2BnB,CAAC;AAEF,eAAO,MAAM,OAAO,qFAiCnB,CAAC;AAEF,eAAO,MAAM,QAAQ,qFAmBpB,CAAC;AAEF,eAAO,MAAM,QAAQ,qFAmBpB,CAAC;AAEF,eAAO,MAAM,WAAW,qFAwCvB,CAAC;AAEF,eAAO,MAAM,UAAU,qFAuBtB,CAAC;AAEF,eAAO,MAAM,WAAW,qFAsBvB,CAAC;AAEF,eAAO,MAAM,aAAa,qFA+BzB,CAAC;AAEF,eAAO,MAAM,YAAY,qFA0BxB,CAAC;AAEF,eAAO,MAAM,SAAS,qFA6BrB,CAAC;AAGF,eAAO,MAAM,YAAY,qFAoBxB,CAAC;AAEF,eAAO,MAAM,WAAW,qFAkCvB,CAAC;AAEF,eAAO,MAAM,eAAe,qFAuB3B,CAAC;AAEF,eAAO,MAAM,cAAc,qFAoB1B,CAAC;AAEF,eAAO,MAAM,SAAS,qFA6BrB,CAAC;AAEF,eAAO,MAAM,WAAW,qFA6BvB,CAAC;AAEF,eAAO,MAAM,YAAY,qFAuCxB,CAAC;AAGF,eAAO,MAAM,QAAQ,qFAqCpB,CAAC;AAEF,eAAO,MAAM,WAAW,qFA2BvB,CAAC;AAEF,eAAO,MAAM,YAAY,qFAwBxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qFAyB7B,CAAC;AAEF,eAAO,MAAM,UAAU,qFAmBtB,CAAC;AAGF,eAAO,MAAM,SAAS,qFAkBrB,CAAC;AAEF,eAAO,MAAM,OAAO,qFAuBnB,CAAC;AAEF,eAAO,MAAM,UAAU,qFA0BtB,CAAC;AAEF,eAAO,MAAM,WAAW,qFAgCvB,CAAC;AAEF,eAAO,MAAM,QAAQ,qFAwBpB,CAAC;AAEF,eAAO,MAAM,UAAU,qFAkCtB,CAAC;AAEF,eAAO,MAAM,SAAS,qFAyBrB,CAAC;AAEF,eAAO,MAAM,WAAW,qFA8BvB,CAAC;AAGF,eAAO,MAAM,YAAY,qFA6BxB,CAAC;AAEF,eAAO,MAAM,QAAQ,qFAuBpB,CAAC;AAEF,eAAO,MAAM,UAAU,qFAuBtB,CAAC;AAEF,eAAO,MAAM,YAAY,qFA6BxB,CAAC;AAEF,eAAO,MAAM,UAAU,qFA6BtB,CAAC;AAEF,eAAO,MAAM,OAAO,qFA8BnB,CAAC;AAEF,eAAO,MAAM,UAAU,qFAoCtB,CAAC;AAEF,eAAO,MAAM,UAAU,qFAyBtB,CAAC"}