@nice2dev/icons 1.3.15 → 1.3.17

package/dist/esm/variantProps.js

@@ -1,71 +1,42 @@
-/**
- * @file variantProps.ts
- * @description Discriminated unions and strict prop validation per icon variant.
- *
- * Provides narrowed prop types for each icon variant (solid, outline, duotone, cutout,
- * sharp, rounded, mini, 3d, vivid) with variant-specific required/optional props.
- *
- * @example
- * ```tsx
- * // Narrows to DuotoneIconProps — guarantees secondaryColor is accepted
- * const props: VariantIconProps = {
- *   variant: 'duotone',
- *   primaryColor: '#3b82f6',
- *   secondaryColor: '#93c5fd',
- *   secondaryOpacity: 0.4,
- * };
- *
- * // Type guard usage
- * if (isDuotoneProps(props)) {
- *   props.secondaryColor; // string — narrowed
- * }
- * ```
- */
-/* ────────────────────────────────────────────────────────────────────────────
-   TYPE GUARDS
-───────────────────────────────────────────────────────────────────────────── */
-/** Narrows to `SolidIconProps` when `variant === 'solid'`. */
 function isSolidProps(props) {
-    return props.variant === 'solid';
+  return props.variant === "solid";
 }
-/** Narrows to `OutlineIconProps` when `variant === 'outline'`. */
 function isOutlineProps(props) {
-    return props.variant === 'outline';
+  return props.variant === "outline";
 }
-/** Narrows to `DuotoneIconProps` when `variant === 'duotone'`. */
 function isDuotoneProps(props) {
-    return props.variant === 'duotone';
+  return props.variant === "duotone";
 }
-/** Narrows to `CutoutIconProps` when `variant === 'cutout'`. */
 function isCutoutProps(props) {
-    return props.variant === 'cutout';
+  return props.variant === "cutout";
 }
-/** Narrows to `SharpIconProps` when `variant === 'sharp'`. */
 function isSharpProps(props) {
-    return props.variant === 'sharp';
+  return props.variant === "sharp";
 }
-/** Narrows to `RoundedIconProps` when `variant === 'rounded'`. */
 function isRoundedProps(props) {
-    return props.variant === 'rounded';
+  return props.variant === "rounded";
 }
-/** Narrows to `MiniIconProps` when `variant === 'mini'`. */
 function isMiniProps(props) {
-    return props.variant === 'mini';
+  return props.variant === "mini";
 }
-/** Narrows to `ThreeDIconProps` when `variant === '3d'`. */
 function isThreeDProps(props) {
-    return props.variant === '3d';
+  return props.variant === "3d";
 }
-/** Narrows to `VividIconProps` when `variant === 'vivid'`. */
 function isVividProps(props) {
-    return props.variant === 'vivid';
+  return props.variant === "vivid";
 }
-/**
- * Converts a discriminated `VariantIconProps` into the general `NtdIconProps`.
- * Useful when passing narrowed props to actual icon components.
- */
 function toIconProps(props) {
-    return props;
-}
-
-export { isCutoutProps, isDuotoneProps, isMiniProps, isOutlineProps, isRoundedProps, isSharpProps, isSolidProps, isThreeDProps, isVividProps, toIconProps };
+  return props;
+}
+export {
+  isCutoutProps,
+  isDuotoneProps,
+  isMiniProps,
+  isOutlineProps,
+  isRoundedProps,
+  isSharpProps,
+  isSolidProps,
+  isThreeDProps,
+  isVividProps,
+  toIconProps
+};

package/dist/types/animationSpeed.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+/**
+ * Every icon animation runs at half its earlier pace by default (1.3.17, showcase feedback: "za szybko").
+ * `animationSpeed` multiplies the pace from there — `animationSpeed={2}` is the pace before 1.3.17.
+ */
+export declare const ANIMATION_SLOWDOWN = 2;
+/** The factor every default animation time is multiplied by: the slowdown over the speed. */
+export declare function animationScale(speed?: number): number;
+/**
+ * The factor for times derived from a duration: a duration the caller gave is kept (only `speed`
+ * applies); a default one is slowed down like every default animation.
+ */
+export declare function durationScale(durationGiven: boolean, speed?: number): number;
+/**
+ * The tree with the times of its SVG animation elements multiplied by `scale` — how an icon that
+ * animates itself (SMIL) follows `animationSpeed`. Component elements are passed as they are (an icon
+ * inside a style decorator handles its own speed).
+ */
+export declare function retimeTree(node: React.ReactNode, scale: number): React.ReactNode;

package/dist/types/createIcon.d.ts

@@ -87,5 +87,11 @@ export interface CreateIconOptions {
     perfectStackRotation?: number;
     /** The share of the icon a child at that spot takes. Default 0.6, as centred. */
     perfectStackSize?: number;
+    /**
+     * The icon animates itself with SVG animation elements (1.3.17): createIcon scales their `dur` /
+     * `begin` by `animationSpeed` (see `retimeTree`), so its pace follows the prop like every other
+     * animation. Leave it off for static icons — the tree is then not walked.
+     */
+    animated?: boolean;
 }
 export declare function createIcon(options: CreateIconOptions): import("react").ForwardRefExoticComponent<NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/types/iconStyles.d.ts

@@ -4,8 +4,13 @@ export interface IconStyleBaseProps {
     children: React.ReactNode;
     /** Play entrance and looping animations. @default true */
     animate?: boolean;
-    /** Base animation duration in seconds. @default 2 */
+    /**
+     * Base animation duration in seconds; each decorator has its own default. A given duration keeps
+     * its length; the defaults run at half their pace before 1.3.17.
+     */
     duration?: number;
+    /** Pace of the decorations (1.3.17): every time is divided by it. */
+    animationSpeed?: number;
     /** Amount of decorative elements. @default 'normal' */
     intensity?: IconStyleIntensity;
     className?: string;

package/dist/types/icons/brand.d.ts

@@ -1,7 +1,3 @@
 export declare const NtdNiceToDev: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdOmniVerk: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
-export declare const NtdOmniVerkLogo: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
-export declare const NtdOmniVerkSpinner: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
-export declare const NtdOmniVerkBadge: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
-export declare const NtdOmniVerkWatermark: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdOmniVerkAnimated: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/types/icons/food.d.ts

@@ -9,7 +9,6 @@
  * @since 2026-03
  * @license MIT
  */
-export declare const NtdPizza: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdBurger: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdHotdog: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdSushi: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -23,7 +22,6 @@ export declare const NtdChefHat: import("react").ForwardRefExoticComponent<impor
 export declare const NtdForkKnife: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdPlate: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdRecipe: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
-export declare const NtdDelivery: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdRestaurant: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const foodIcons: {
     NtdPizza: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -40,6 +38,5 @@ export declare const foodIcons: {
     NtdForkKnife: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
     NtdPlate: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
     NtdRecipe: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
-    NtdDelivery: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
     NtdRestaurant: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 };

package/dist/types/icons/index.d.ts

@@ -17,14 +17,14 @@ export { NtdCryptoWallet, NtdBlockchain, NtdBitcoin, NtdEthereum, NtdNFT, NtdTok
 export { NtdDashboard, NtdAnalytics, NtdIntegration, NtdAPI, NtdWebhook, NtdMetrics, NtdSubscription, NtdTenant, NtdUsage, NtdQuota, NtdUptime, NtdBilling, NtdTeamwork, } from './saas';
 export { NtdSmartBulb, NtdThermostat, NtdSmartCamera, NtdDoorbell, NtdMotionSensor, NtdSmartLock, NtdSmartHub, NtdVoiceAssistant, NtdSmartPlug, NtdTemperatureSensor, NtdSmartSwitch, NtdRouter, NtdSmartSpeaker, } from './smarthome';
 export { NtdApple, NtdPizza, NtdGlass, NtdHeartPulse, NtdPill, NtdSyringe, NtdStethoscope, NtdWeight, NtdBandaid, NtdCake, NtdEgg, NtdHamburger, NtdDna, } from './health';
-export { NtdNiceToDev, NtdOmniVerk, NtdOmniVerkLogo, NtdOmniVerkSpinner, NtdOmniVerkBadge, NtdOmniVerkWatermark, NtdOmniVerkAnimated, } from './brand';
+export { NtdNiceToDev, NtdOmniVerk, NtdOmniVerkAnimated } from './brand';
 export { NtdGamepad, NtdGamepadController, NtdJoystick, NtdVrHeadset, NtdTrophy as NtdTrophyGaming, NtdLeaderboard, NtdHealthBar, NtdXpBar, NtdStar as NtdStarGaming, NtdTwitch, NtdYoutubeLive, NtdDiscord, NtdDice as NtdDiceGaming, NtdSword, NtdShield as NtdShieldGaming, NtdPotion, gamingIcons, } from './gaming';
 export { NtdNeuralNetwork, NtdBrain, NtdDeepLearning, NtdChatbot, NtdRobot, NtdVoiceAssistant as NtdAIAssistant, NtdTensor, NtdGradient, NtdDataset, NtdModel, NtdTraining, NtdInference, NtdSparkle, NtdStar4, NtdMagicWand, NtdPrompt, aiIcons, } from './ai';
 export { NtdGraduationCap, NtdDiploma, NtdSchool, NtdUniversity, NtdBook, NtdBookBookmark, NtdOpenBook, NtdNotebook, NtdPencil, NtdPen, NtdOnlineCourse, NtdWebinar, NtdCertificate, NtdQuiz, NtdExam, NtdFlashcard, NtdBackpack, NtdCalculator as NtdCalculatorEdu, educationIcons, } from './education';
 export { NtdBeaker, NtdFlask, NtdTestTube, NtdPetriDish, NtdMicroscope, NtdDna as NtdDnaScience, NtdAtom, NtdRadiation, NtdNuke, NtdMolecule, NtdPeriodictable, NtdMagnet, NtdTelescope, NtdPlanet, NtdRocket as NtdRocketScience, NtdResearch, NtdHypothesis, NtdExperiment, scienceIcons, } from './science';
 export { NtdHouse as NtdHouseRealEstate, NtdApartment, NtdCondo, NtdVilla, NtdOfficeBuilding, NtdWarehouse, NtdKey as NtdKeyRealEstate, NtdFloorPlan, NtdSquareMeters, NtdBedroom, NtdBathroom, NtdGarage, NtdPool, NtdForSale, NtdForRent, NtdSold, NtdMortgage, realestateIcons, } from './realestate';
-export { NtdPizza as NtdPizzaFood, NtdBurger, NtdHotdog, NtdSushi, NtdTaco, NtdCoffee as NtdCoffeeFood, NtdWine, NtdBeer, NtdCocktail, NtdSoda, NtdChefHat, NtdForkKnife, NtdPlate, NtdRecipe, NtdDelivery, NtdRestaurant, foodIcons, } from './food';
+export { NtdBurger, NtdHotdog, NtdSushi, NtdTaco, NtdCoffee as NtdCoffeeFood, NtdWine, NtdBeer, NtdCocktail, NtdSoda, NtdChefHat, NtdForkKnife, NtdPlate, NtdRecipe, NtdRestaurant, foodIcons, } from './food';
 export { NtdPlane, NtdPlaneTakeoff, NtdTrain, NtdCar, NtdBus, NtdShip, NtdBike, NtdTaxi, NtdLuggage, NtdPassport, NtdTicket, NtdHotel, NtdBeach, NtdCamping, NtdCompassRose, travelIcons, } from './travel';
 export { NtdSoccerBall, NtdBasketball, NtdTennis, NtdGolf, NtdDumbbell, NtdRunning, NtdYoga, NtdSwimming, NtdCycling, NtdStopwatch, NtdWhistle, NtdMedal, NtdPodium, NtdTarget as NtdTargetSports, sportsIcons, } from './sports';
-export { NtdProduct, NtdAlert, NtdAlertBell, NtdWorkflow, NtdShipment, NtdFood, NtdMeal, NtdProject, NtdInsurance, NtdTax, NtdGym, NtdLab, } from './omniverk';
+export { NtdProduct, NtdAlert, NtdAlertBell, NtdWorkflow, NtdShipment, NtdFood, NtdMeal, NtdProject, NtdInsurance, NtdTax, NtdLab, } from './omniverk';
 export { NtdPadXboxA, NtdPadXboxB, NtdPadXboxX, NtdPadXboxY, NtdPadNintendoA, NtdPadNintendoB, NtdPadNintendoX, NtdPadNintendoY, NtdPadPlaystationCross, NtdPadPlaystationCircle, NtdPadPlaystationSquare, NtdPadPlaystationTriangle, NtdPadGenericNorth, NtdPadGenericEast, NtdPadGenericWest, NtdPadGenericSouth, NtdPadLb, NtdPadRb, NtdPadLt, NtdPadRt, NtdPadStart, NtdPadSelect, NtdPadHome, NtdPadDpad, NtdPadDpadUp, NtdPadDpadDown, NtdPadDpadLeft, NtdPadDpadRight, NtdPadStickLeft, NtdPadStickRight, NtdPadStickLeftPress, NtdPadStickRightPress, NtdRemoteOk, NtdRemoteBack, NtdRemoteMenu, NtdKeyCommand, NtdKeyOption, NtdKeyShift, NtdKeyControl, NtdKeyEnter, NtdKeyTab, NtdKeyBackspace, NtdKeySpace, NtdKeyCaps, } from './input';

package/dist/types/icons/omniverk.d.ts

@@ -8,7 +8,6 @@ export declare const NtdAlertBell: import("react").ForwardRefExoticComponent<imp
 export declare const NtdWorkflow: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 /** Shipment — courier box with an address label (distinct from NtdTruck/NtdProduct). */
 export declare const NtdShipment: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
-/** Food / meal — a plate with cutlery beside it (distinct from NtdPlantTree). */
 export declare const NtdFood: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 /** Alias — meal reading of {@link NtdFood}. */
 export declare const NtdMeal: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -17,6 +16,4 @@ export declare const NtdProject: import("react").ForwardRefExoticComponent<impor
 /** Insurance — shield with a checkmark (distinct from generic NtdShield). */
 export declare const NtdInsurance: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdTax: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
-/** Gym — dumbbell for fitness/workout views (distinct from medical NtdHeartPulse). */
-export declare const NtdGym: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdLab: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/types/icons/science.d.ts

@@ -20,7 +20,7 @@ export declare const NtdAtom: import("react").ForwardRefExoticComponent<import("
 export declare const NtdRadiation: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 /**
  * A mushroom cloud — "this wipes everything" (an instance reset, OmniVerk wishlist §18). Duotone
- * and vivid: the cap primary (the largest part), the stem and the base secondary.
+ * and vivid: the cap primary (the largest part), the stem secondary.
  */
 export declare const NtdNuke: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdMolecule: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/types/smilAnimations.d.ts

@@ -57,8 +57,10 @@ export declare function generateSmilAnimation(config: SmilAnimationConfig, cente
 export interface SmilAnimationWrapperProps {
     /** Animation type */
     animation: SmilAnimationType;
-    /** Animation duration in seconds */
+    /** Animation duration in seconds (default 2 since 1.3.17 — half the old pace). */
     duration?: number;
+    /** Pace (1.3.17): the duration is divided by it. */
+    animationSpeed?: number;
     /** Repeat count ('indefinite' for infinite loop) */
     repeatCount?: number | 'indefinite';
     /** Easing function */
@@ -85,7 +87,7 @@ export interface SmilAnimationWrapperProps {
  * </svg>
  * ```
  */
-export declare function SmilAnimationWrapper({ animation, duration, repeatCount, easing, delay, center, children, }: SmilAnimationWrapperProps): React.JSX.Element;
+export declare function SmilAnimationWrapper({ animation, duration, animationSpeed, repeatCount, easing, delay, center, children, }: SmilAnimationWrapperProps): React.JSX.Element;
 /**
  * Creates a SMIL animation definition that can be referenced by id.
  * Useful for applying the same animation to multiple elements.

package/dist/types/types.d.ts

@@ -216,6 +216,13 @@ export interface NtdIconProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {
      * icon animates inside itself (NtdHourglass's sand under `turn`) keep in step.
      */
     animationDuration?: string;
+    /**
+     * Pace of the icon's animations (1.3.17): `animation`, `smilAnimation`, gradient animations and
+     * an icon's own built-in animation. `1` (default) is the normal pace — half the pace before
+     * 1.3.17; `2` is the old pace, `0.5` slower still. An explicit `animationDuration` /
+     * `smilDuration` keeps its length and is only divided by this.
+     */
+    animationSpeed?: number;
     /** SMIL animation to apply (SVG-native, no CSS required) */
     smilAnimation?: SmilAnimationType;
     /** SMIL animation duration in seconds (default: 1) */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice2dev/icons",
-  "version": "1.3.15",
+  "version": "1.3.17",
   "description": "Beautiful, lightweight, multi-color SVG icon library for React with animations",
   "author": "NiceToDev <contact@nicetodev.com>",
   "license": "SEE LICENSE IN LICENSE",
@@ -69,16 +69,16 @@
   ],
   "scripts": {
     "typecheck": "tsc --noEmit",
-    "build": "npm run build:types && rollup -c",
+    "build": "npm run build:types && vite build",
     "build:types": "tsc -p tsconfig.types.json",
     "build:cdn": "vite build -c vite.cdn.config.ts",
     "build:spritesheet": "node scripts/generate-spritesheet.mjs",
     "build:iconfont": "node scripts/generate-iconfont.mjs",
     "audit:treeshaking": "node scripts/tree-shaking-audit.mjs",
     "audit:treeshaking:verbose": "node scripts/tree-shaking-audit.mjs --verbose --output reports/treeshaking-report.json",
-    "dev": "rollup -c -w",
-    "demo": "vite demo",
-    "demo:build": "vite build demo",
+    "dev": "vite build --watch",
+    "demo": "vite --config vite.demo.config.ts",
+    "demo:build": "vite build --config vite.demo.config.ts",
     "lint": "eslint src/",
     "test": "vitest run --config vitest.config.ts --passWithNoTests",
     "test:watch": "vitest --config vitest.config.ts",
@@ -109,34 +109,27 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.3.1",
-    "@nice2dev/ui-core": "^1.3.15",
-    "@rollup/plugin-commonjs": "^29.0.3",
-    "@rollup/plugin-node-resolve": "^16.0.3",
-    "@rollup/plugin-typescript": "^12.3.0",
-    "@storybook/addon-a11y": "^10.6.0",
-    "@storybook/addon-docs": "^10.6.0",
-    "@storybook/addon-vitest": "^10.6.0",
-    "@storybook/react-vite": "^10.6.0",
+    "@nice2dev/ui-core": "^1.3.17",
+    "@storybook/addon-a11y": "^10.6.6",
+    "@storybook/addon-docs": "^10.6.6",
+    "@storybook/react-vite": "^10.6.6",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.7",
     "@vitejs/plugin-react": "^4.7.0",
-    "@vitest/browser-playwright": "^4.1.11",
-    "@vitest/coverage-v8": "^4.1.11",
+    "@vitest/coverage-v8": "^4.1.12",
+    "chromatic": "^18.7.2",
+    "conventional-changelog-angular": "^9.4.0",
+    "conventional-changelog-cli": "^5.0.0",
     "jsdom": "^29.0.0",
     "playwright": "^1.62.1",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "rollup": "^4.63.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "^10.6.0",
+    "storybook": "^10.6.6",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
     "vite": "^6.4.1",
-    "vitest": "^4.1.11",
-    "chromatic": "^18.7.2",
-    "conventional-changelog-cli": "^5.0.0",
-    "conventional-changelog-angular": "^9.4.0"
+    "vitest": "^4.1.12"
   }
 }