@nice2dev/icons 1.0.0

package/dist/cjs/index.js

@@ -0,0 +1,362 @@
+'use strict';
+
+var types = require('./types.js');
+var createIcon = require('./createIcon.js');
+var smilAnimations = require('./smilAnimations.js');
+var NiceIconPicker = require('./NiceIconPicker.js');
+var NiceVectorEditor = require('./NiceVectorEditor.js');
+var animationControls = require('./animationControls.js');
+var figmaExport = require('./figmaExport.js');
+var navigation = require('./icons/navigation.js');
+var actions = require('./icons/actions.js');
+var ui = require('./icons/ui.js');
+var media = require('./icons/media.js');
+var files = require('./icons/files.js');
+var fun = require('./icons/fun.js');
+var weather = require('./icons/weather.js');
+var shapes = require('./icons/shapes.js');
+var business = require('./icons/business.js');
+var social = require('./icons/social.js');
+var devtech = require('./icons/devtech.js');
+var ecommerce = require('./icons/ecommerce.js');
+var fintech = require('./icons/fintech.js');
+var saas = require('./icons/saas.js');
+var smarthome = require('./icons/smarthome.js');
+var health = require('./icons/health.js');
+var brand = require('./icons/brand.js');
+
+
+
+exports.GRADIENT_PRESETS = types.GRADIENT_PRESETS;
+exports.SIZE_MAP = types.SIZE_MAP;
+exports.createIcon = createIcon.createIcon;
+exports.SMIL_ANIMATION_TYPES = smilAnimations.SMIL_ANIMATION_TYPES;
+exports.SmilAnimationWrapper = smilAnimations.SmilAnimationWrapper;
+exports.createSmilAnimationDef = smilAnimations.createSmilAnimationDef;
+exports.generateSmilAnimation = smilAnimations.generateSmilAnimation;
+exports.isSmilSupported = smilAnimations.isSmilSupported;
+exports.NiceIconPicker = NiceIconPicker.NiceIconPicker;
+exports.NiceVectorEditor = NiceVectorEditor.NiceVectorEditor;
+exports.AnimationController = animationControls.AnimationController;
+exports.InteractiveIcon = animationControls.InteractiveIcon;
+exports.PRESET_INTERACTIONS = animationControls.PRESET_INTERACTIONS;
+exports.PRESET_SEQUENCES = animationControls.PRESET_SEQUENCES;
+exports.createAnimationSequence = animationControls.createAnimationSequence;
+exports.createClickAnimation = animationControls.createClickAnimation;
+exports.createHoverAnimation = animationControls.createHoverAnimation;
+exports.createVisibilityAnimation = animationControls.createVisibilityAnimation;
+exports.useAnimationSequence = animationControls.useAnimationSequence;
+exports.batchExportIcons = figmaExport.batchExportIcons;
+exports.copyIconToClipboard = figmaExport.copyIconToClipboard;
+exports.downloadIconAsPng = figmaExport.downloadIconAsPng;
+exports.downloadIconAsSvg = figmaExport.downloadIconAsSvg;
+exports.exportIconToDataUrl = figmaExport.exportIconToDataUrl;
+exports.exportIconToFigmaNode = figmaExport.exportIconToFigmaNode;
+exports.exportIconToSvgString = figmaExport.exportIconToSvgString;
+exports.generateFigmaPluginManifest = figmaExport.generateFigmaPluginManifest;
+exports.NtdArrowDown = navigation.NtdArrowDown;
+exports.NtdArrowLeft = navigation.NtdArrowLeft;
+exports.NtdArrowRight = navigation.NtdArrowRight;
+exports.NtdArrowUp = navigation.NtdArrowUp;
+exports.NtdChevronDown = navigation.NtdChevronDown;
+exports.NtdChevronLeft = navigation.NtdChevronLeft;
+exports.NtdChevronRight = navigation.NtdChevronRight;
+exports.NtdChevronUp = navigation.NtdChevronUp;
+exports.NtdClose = navigation.NtdClose;
+exports.NtdExternalLink = navigation.NtdExternalLink;
+exports.NtdMenu = navigation.NtdMenu;
+exports.NtdMoreHorizontal = navigation.NtdMoreHorizontal;
+exports.NtdMoreVertical = navigation.NtdMoreVertical;
+exports.NtdRefresh = navigation.NtdRefresh;
+exports.NtdCheck = actions.NtdCheck;
+exports.NtdClipboard = actions.NtdClipboard;
+exports.NtdCopy = actions.NtdCopy;
+exports.NtdDownload = actions.NtdDownload;
+exports.NtdEdit = actions.NtdEdit;
+exports.NtdFilter = actions.NtdFilter;
+exports.NtdLink = actions.NtdLink;
+exports.NtdLock = actions.NtdLock;
+exports.NtdLogIn = actions.NtdLogIn;
+exports.NtdLogOut = actions.NtdLogOut;
+exports.NtdMinus = actions.NtdMinus;
+exports.NtdPlus = actions.NtdPlus;
+exports.NtdPrint = actions.NtdPrint;
+exports.NtdRedo = actions.NtdRedo;
+exports.NtdSave = actions.NtdSave;
+exports.NtdSearch = actions.NtdSearch;
+exports.NtdSettings = actions.NtdSettings;
+exports.NtdShare = actions.NtdShare;
+exports.NtdSort = actions.NtdSort;
+exports.NtdTrash = actions.NtdTrash;
+exports.NtdUndo = actions.NtdUndo;
+exports.NtdUnlock = actions.NtdUnlock;
+exports.NtdUpload = actions.NtdUpload;
+exports.NtdZoomIn = actions.NtdZoomIn;
+exports.NtdZoomOut = actions.NtdZoomOut;
+exports.NtdBell = ui.NtdBell;
+exports.NtdBookmark = ui.NtdBookmark;
+exports.NtdCalendar = ui.NtdCalendar;
+exports.NtdClock = ui.NtdClock;
+exports.NtdCursor = ui.NtdCursor;
+exports.NtdError = ui.NtdError;
+exports.NtdEye = ui.NtdEye;
+exports.NtdEyeOff = ui.NtdEyeOff;
+exports.NtdFlag = ui.NtdFlag;
+exports.NtdGlobe = ui.NtdGlobe;
+exports.NtdHeart = ui.NtdHeart;
+exports.NtdHelp = ui.NtdHelp;
+exports.NtdHome = ui.NtdHome;
+exports.NtdInfo = ui.NtdInfo;
+exports.NtdMap = ui.NtdMap;
+exports.NtdMoon = ui.NtdMoon;
+exports.NtdPin = ui.NtdPin;
+exports.NtdShield = ui.NtdShield;
+exports.NtdStar = ui.NtdStar;
+exports.NtdSuccess = ui.NtdSuccess;
+exports.NtdSun = ui.NtdSun;
+exports.NtdTag = ui.NtdTag;
+exports.NtdThumbDown = ui.NtdThumbDown;
+exports.NtdThumbUp = ui.NtdThumbUp;
+exports.NtdUser = ui.NtdUser;
+exports.NtdUsers = ui.NtdUsers;
+exports.NtdWarning = ui.NtdWarning;
+exports.NtdWireframe = ui.NtdWireframe;
+exports.NtdBluetooth = media.NtdBluetooth;
+exports.NtdBrush = media.NtdBrush;
+exports.NtdCamera = media.NtdCamera;
+exports.NtdChat = media.NtdChat;
+exports.NtdImage = media.NtdImage;
+exports.NtdMail = media.NtdMail;
+exports.NtdMicrophone = media.NtdMicrophone;
+exports.NtdMusic = media.NtdMusic;
+exports.NtdNotification = media.NtdNotification;
+exports.NtdPalette = media.NtdPalette;
+exports.NtdPause = media.NtdPause;
+exports.NtdPenTool = media.NtdPenTool;
+exports.NtdPhone = media.NtdPhone;
+exports.NtdPlay = media.NtdPlay;
+exports.NtdSend = media.NtdSend;
+exports.NtdSkipBack = media.NtdSkipBack;
+exports.NtdSkipForward = media.NtdSkipForward;
+exports.NtdSpline = media.NtdSpline;
+exports.NtdStop = media.NtdStop;
+exports.NtdVideo = media.NtdVideo;
+exports.NtdVolume = media.NtdVolume;
+exports.NtdVolumeMute = media.NtdVolumeMute;
+exports.NtdWifi = media.NtdWifi;
+exports.NtdActivity = files.NtdActivity;
+exports.NtdArchive = files.NtdArchive;
+exports.NtdAward = files.NtdAward;
+exports.NtdBarChart = files.NtdBarChart;
+exports.NtdCart = files.NtdCart;
+exports.NtdCloud = files.NtdCloud;
+exports.NtdCloudDownload = files.NtdCloudDownload;
+exports.NtdCloudUpload = files.NtdCloudUpload;
+exports.NtdCode = files.NtdCode;
+exports.NtdCoffee = files.NtdCoffee;
+exports.NtdCpu = files.NtdCpu;
+exports.NtdCreditCard = files.NtdCreditCard;
+exports.NtdDatabase = files.NtdDatabase;
+exports.NtdFile = files.NtdFile;
+exports.NtdFileText = files.NtdFileText;
+exports.NtdFolder = files.NtdFolder;
+exports.NtdFolderOpen = files.NtdFolderOpen;
+exports.NtdGit = files.NtdGit;
+exports.NtdGrid = files.NtdGrid;
+exports.NtdKey = files.NtdKey;
+exports.NtdLayers = files.NtdLayers;
+exports.NtdList = files.NtdList;
+exports.NtdMonitor = files.NtdMonitor;
+exports.NtdPackage = files.NtdPackage;
+exports.NtdPieChart = files.NtdPieChart;
+exports.NtdSmartphone = files.NtdSmartphone;
+exports.NtdTable = files.NtdTable;
+exports.NtdTarget = files.NtdTarget;
+exports.NtdTerminal = files.NtdTerminal;
+exports.NtdTruck = files.NtdTruck;
+exports.NtdZap = files.NtdZap;
+exports.NtdCrown = fun.NtdCrown;
+exports.NtdDice = fun.NtdDice;
+exports.NtdDumpsterFire = fun.NtdDumpsterFire;
+exports.NtdGamepad = fun.NtdGamepad;
+exports.NtdGhost = fun.NtdGhost;
+exports.NtdLightning = fun.NtdLightning;
+exports.NtdPartyPopper = fun.NtdPartyPopper;
+exports.NtdPuzzle = fun.NtdPuzzle;
+exports.NtdRocket = fun.NtdRocket;
+exports.NtdSad = fun.NtdSad;
+exports.NtdSkull = fun.NtdSkull;
+exports.NtdSmiley = fun.NtdSmiley;
+exports.NtdTrophy = fun.NtdTrophy;
+exports.NtdAnchor = weather.NtdAnchor;
+exports.NtdBug = weather.NtdBug;
+exports.NtdCompass = weather.NtdCompass;
+exports.NtdDroplet = weather.NtdDroplet;
+exports.NtdFeather = weather.NtdFeather;
+exports.NtdFire = weather.NtdFire;
+exports.NtdFlower = weather.NtdFlower;
+exports.NtdLeaf = weather.NtdLeaf;
+exports.NtdMountain = weather.NtdMountain;
+exports.NtdRain = weather.NtdRain;
+exports.NtdSnow = weather.NtdSnow;
+exports.NtdSnowflake = weather.NtdSnowflake;
+exports.NtdSunrise = weather.NtdSunrise;
+exports.NtdSunset = weather.NtdSunset;
+exports.NtdThermometer = weather.NtdThermometer;
+exports.NtdThunderstorm = weather.NtdThunderstorm;
+exports.NtdTree = weather.NtdTree;
+exports.NtdUmbrella = weather.NtdUmbrella;
+exports.NtdWave = weather.NtdWave;
+exports.NtdWind = weather.NtdWind;
+exports.NtdArrowDownCircle = shapes.NtdArrowDownCircle;
+exports.NtdArrowLeftCircle = shapes.NtdArrowLeftCircle;
+exports.NtdArrowRightCircle = shapes.NtdArrowRightCircle;
+exports.NtdArrowUpCircle = shapes.NtdArrowUpCircle;
+exports.NtdCircle = shapes.NtdCircle;
+exports.NtdCornerDownLeft = shapes.NtdCornerDownLeft;
+exports.NtdCornerDownRight = shapes.NtdCornerDownRight;
+exports.NtdCornerUpLeft = shapes.NtdCornerUpLeft;
+exports.NtdCornerUpRight = shapes.NtdCornerUpRight;
+exports.NtdCross = shapes.NtdCross;
+exports.NtdDiamond = shapes.NtdDiamond;
+exports.NtdHexagon = shapes.NtdHexagon;
+exports.NtdMaximize = shapes.NtdMaximize;
+exports.NtdMinimize = shapes.NtdMinimize;
+exports.NtdMove = shapes.NtdMove;
+exports.NtdOctagon = shapes.NtdOctagon;
+exports.NtdPentagon = shapes.NtdPentagon;
+exports.NtdRepeat = shapes.NtdRepeat;
+exports.NtdShuffle = shapes.NtdShuffle;
+exports.NtdSquare = shapes.NtdSquare;
+exports.NtdStar4 = shapes.NtdStar4;
+exports.NtdTriangle = shapes.NtdTriangle;
+exports.NtdBank = business.NtdBank;
+exports.NtdBarcode = business.NtdBarcode;
+exports.NtdBriefcase = business.NtdBriefcase;
+exports.NtdCalculator = business.NtdCalculator;
+exports.NtdClipboardCheck = business.NtdClipboardCheck;
+exports.NtdCoins = business.NtdCoins;
+exports.NtdDollar = business.NtdDollar;
+exports.NtdInvoice = business.NtdInvoice;
+exports.NtdKanban = business.NtdKanban;
+exports.NtdMilestone = business.NtdMilestone;
+exports.NtdPercent = business.NtdPercent;
+exports.NtdPiggyBank = business.NtdPiggyBank;
+exports.NtdPresentation = business.NtdPresentation;
+exports.NtdReceipt = business.NtdReceipt;
+exports.NtdStore = business.NtdStore;
+exports.NtdTrendDown = business.NtdTrendDown;
+exports.NtdTrendUp = business.NtdTrendUp;
+exports.NtdWallet = business.NtdWallet;
+exports.NtdAtSign = social.NtdAtSign;
+exports.NtdBellRing = social.NtdBellRing;
+exports.NtdBubble = social.NtdBubble;
+exports.NtdMegaphone = social.NtdMegaphone;
+exports.NtdPhoneOff = social.NtdPhoneOff;
+exports.NtdQrCode = social.NtdQrCode;
+exports.NtdThumbsDown = social.NtdThumbsDown;
+exports.NtdThumbsUp = social.NtdThumbsUp;
+exports.NtdAIBrain = devtech.NtdAIBrain;
+exports.NtdAstroLogo = devtech.NtdAstroLogo;
+exports.NtdBattery = devtech.NtdBattery;
+exports.NtdBlueprint = devtech.NtdBlueprint;
+exports.NtdBrackets = devtech.NtdBrackets;
+exports.NtdBugDev = devtech.NtdBugDev;
+exports.NtdBunLogo = devtech.NtdBunLogo;
+exports.NtdComponent = devtech.NtdComponent;
+exports.NtdDataMesh = devtech.NtdDataMesh;
+exports.NtdDenoLogo = devtech.NtdDenoLogo;
+exports.NtdDeploy = devtech.NtdDeploy;
+exports.NtdFeatureFlag = devtech.NtdFeatureFlag;
+exports.NtdFlow = devtech.NtdFlow;
+exports.NtdForge = devtech.NtdForge;
+exports.NtdGateway = devtech.NtdGateway;
+exports.NtdGitBranch = devtech.NtdGitBranch;
+exports.NtdGitCommit = devtech.NtdGitCommit;
+exports.NtdGitMerge = devtech.NtdGitMerge;
+exports.NtdHash = devtech.NtdHash;
+exports.NtdNeural = devtech.NtdNeural;
+exports.NtdNextJsLogo = devtech.NtdNextJsLogo;
+exports.NtdNodes = devtech.NtdNodes;
+exports.NtdPipeline = devtech.NtdPipeline;
+exports.NtdPrototype = devtech.NtdPrototype;
+exports.NtdQwikLogo = devtech.NtdQwikLogo;
+exports.NtdServer = devtech.NtdServer;
+exports.NtdSlash = devtech.NtdSlash;
+exports.NtdSolidJsLogo = devtech.NtdSolidJsLogo;
+exports.NtdSvelteLogo = devtech.NtdSvelteLogo;
+exports.NtdTauriLogo = devtech.NtdTauriLogo;
+exports.NtdViteLogo = devtech.NtdViteLogo;
+exports.NtdCartAdd = ecommerce.NtdCartAdd;
+exports.NtdCartRemove = ecommerce.NtdCartRemove;
+exports.NtdCheckout = ecommerce.NtdCheckout;
+exports.NtdCompare = ecommerce.NtdCompare;
+exports.NtdCoupon = ecommerce.NtdCoupon;
+exports.NtdDiscount = ecommerce.NtdDiscount;
+exports.NtdGiftCard = ecommerce.NtdGiftCard;
+exports.NtdInvoiceDoc = ecommerce.NtdInvoiceDoc;
+exports.NtdPayment = ecommerce.NtdPayment;
+exports.NtdPromoTag = ecommerce.NtdPromoTag;
+exports.NtdRefund = ecommerce.NtdRefund;
+exports.NtdReturn = ecommerce.NtdReturn;
+exports.NtdShipping = ecommerce.NtdShipping;
+exports.NtdShoppingCart = ecommerce.NtdShoppingCart;
+exports.NtdStorefront = ecommerce.NtdStorefront;
+exports.NtdWishlist = ecommerce.NtdWishlist;
+exports.NtdAirdrop = fintech.NtdAirdrop;
+exports.NtdBitcoin = fintech.NtdBitcoin;
+exports.NtdBlockchain = fintech.NtdBlockchain;
+exports.NtdCryptoWallet = fintech.NtdCryptoWallet;
+exports.NtdDeFi = fintech.NtdDeFi;
+exports.NtdEthereum = fintech.NtdEthereum;
+exports.NtdExchange = fintech.NtdExchange;
+exports.NtdGasFee = fintech.NtdGasFee;
+exports.NtdLedger = fintech.NtdLedger;
+exports.NtdMining = fintech.NtdMining;
+exports.NtdNFT = fintech.NtdNFT;
+exports.NtdSmartContract = fintech.NtdSmartContract;
+exports.NtdStaking = fintech.NtdStaking;
+exports.NtdToken = fintech.NtdToken;
+exports.NtdAPI = saas.NtdAPI;
+exports.NtdAnalytics = saas.NtdAnalytics;
+exports.NtdBilling = saas.NtdBilling;
+exports.NtdDashboard = saas.NtdDashboard;
+exports.NtdIntegration = saas.NtdIntegration;
+exports.NtdMetrics = saas.NtdMetrics;
+exports.NtdQuota = saas.NtdQuota;
+exports.NtdSubscription = saas.NtdSubscription;
+exports.NtdTeamwork = saas.NtdTeamwork;
+exports.NtdTenant = saas.NtdTenant;
+exports.NtdUptime = saas.NtdUptime;
+exports.NtdUsage = saas.NtdUsage;
+exports.NtdWebhook = saas.NtdWebhook;
+exports.NtdDoorbell = smarthome.NtdDoorbell;
+exports.NtdMotionSensor = smarthome.NtdMotionSensor;
+exports.NtdRouter = smarthome.NtdRouter;
+exports.NtdSmartBulb = smarthome.NtdSmartBulb;
+exports.NtdSmartCamera = smarthome.NtdSmartCamera;
+exports.NtdSmartHub = smarthome.NtdSmartHub;
+exports.NtdSmartLock = smarthome.NtdSmartLock;
+exports.NtdSmartPlug = smarthome.NtdSmartPlug;
+exports.NtdSmartSpeaker = smarthome.NtdSmartSpeaker;
+exports.NtdSmartSwitch = smarthome.NtdSmartSwitch;
+exports.NtdTemperatureSensor = smarthome.NtdTemperatureSensor;
+exports.NtdThermostat = smarthome.NtdThermostat;
+exports.NtdVoiceAssistant = smarthome.NtdVoiceAssistant;
+exports.NtdApple = health.NtdApple;
+exports.NtdBandaid = health.NtdBandaid;
+exports.NtdCake = health.NtdCake;
+exports.NtdDna = health.NtdDna;
+exports.NtdEgg = health.NtdEgg;
+exports.NtdGlass = health.NtdGlass;
+exports.NtdHamburger = health.NtdHamburger;
+exports.NtdHeartPulse = health.NtdHeartPulse;
+exports.NtdPill = health.NtdPill;
+exports.NtdPizza = health.NtdPizza;
+exports.NtdStethoscope = health.NtdStethoscope;
+exports.NtdSyringe = health.NtdSyringe;
+exports.NtdWeight = health.NtdWeight;
+exports.NtdNiceToDev = brand.NtdNiceToDev;
+exports.NtdOmniVerk = brand.NtdOmniVerk;
+exports.NtdOmniVerkLogo = brand.NtdOmniVerkLogo;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/nicetodev-icons.css

@@ -0,0 +1 @@
+.ntd-icon{display:inline-block;flex-shrink:0;transition:color .2s ease,transform .2s ease;vertical-align:-.125em}.ntd-anim-spin{animation:ntd-spin 1s linear infinite}.ntd-anim-spin-reverse{animation:ntd-spin 1s linear infinite reverse}@keyframes ntd-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ntd-anim-pulse{animation:ntd-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes ntd-pulse{0%,to{opacity:1}50%{opacity:.4}}.ntd-anim-bounce{animation:ntd-bounce 1s ease infinite}@keyframes ntd-bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-25%)}}.ntd-anim-shake{animation:ntd-shake .6s ease-in-out infinite}@keyframes ntd-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.ntd-anim-float{animation:ntd-float 3s ease-in-out infinite}@keyframes ntd-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ntd-anim-flip{animation:ntd-flip 1.2s ease-in-out infinite}@keyframes ntd-flip{0%{transform:perspective(400px) rotateY(0)}40%{transform:perspective(400px) rotateY(170deg)}50%{transform:perspective(400px) rotateY(190deg)}80%{transform:perspective(400px) rotateY(1turn)}to{transform:perspective(400px) rotateY(1turn)}}.ntd-anim-glow{animation:ntd-glow 2s ease-in-out infinite}@keyframes ntd-glow{0%,to{filter:drop-shadow(0 0 2px currentColor)}50%{filter:drop-shadow(0 0 12px currentColor) drop-shadow(0 0 20px currentColor)}}.ntd-anim-wiggle{animation:ntd-wiggle 1s ease-in-out infinite}@keyframes ntd-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.ntd-anim-rubber{animation:ntd-rubber 1s ease-in-out infinite}@keyframes ntd-rubber{0%{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}to{transform:scale(1)}}.ntd-anim-swing{animation:ntd-swing 1s ease-in-out infinite;transform-origin:top center}@keyframes ntd-swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.ntd-anim-tada{animation:ntd-tada 1.2s ease-in-out infinite}@keyframes ntd-tada{0%{transform:scale(1) rotate(0deg)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0deg)}}.ntd-anim-heartbeat{animation:ntd-heartbeat 1.2s ease-in-out infinite}@keyframes ntd-heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.ntd-anim-fade-in{animation:ntd-fade-in .5s ease-out forwards}@keyframes ntd-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ntd-anim-slide-up{animation:ntd-slide-up .4s ease-out forwards}@keyframes ntd-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ntd-anim-jello{animation:ntd-jello 1s ease-in-out infinite}@keyframes ntd-jello{0%,to{transform:skewX(0deg) skewY(0deg)}11.1%{transform:skewX(-12.5deg) skewY(-12.5deg)}22.2%{transform:skewX(6.25deg) skewY(6.25deg)}33.3%{transform:skewX(-3.125deg) skewY(-3.125deg)}44.4%{transform:skewX(1.5625deg) skewY(1.5625deg)}55.5%{transform:skewX(-.78125deg) skewY(-.78125deg)}66.6%{transform:skewX(.390625deg) skewY(.390625deg)}77.7%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.ntd-anim-pop{animation:ntd-pop .6s ease-out infinite}@keyframes ntd-pop{0%{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(.9)}45%{transform:scale(1.1)}60%{transform:scale(.97)}75%{transform:scale(1.03)}to{transform:scale(1)}}.ntd-anim-squeeze{animation:ntd-squeeze 1.4s ease-in-out infinite}@keyframes ntd-squeeze{0%,to{transform:scaleX(1) scaleY(1)}25%{transform:scaleX(.7) scaleY(1.3)}50%{transform:scaleX(1) scaleY(1)}75%{transform:scaleX(1.3) scaleY(.7)}}.ntd-anim-drop{animation:ntd-drop .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes ntd-drop{0%{opacity:0;transform:translateY(-40px) scale(.8)}60%{opacity:1;transform:translateY(4px) scale(1.05)}75%{transform:translateY(-2px) scale(.98)}90%{transform:translateY(1px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.ntd-anim-rise{animation:ntd-rise .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes ntd-rise{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.ntd-anim-slide-left{animation:ntd-slide-left .5s ease-out forwards}@keyframes ntd-slide-left{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.ntd-anim-slide-right{animation:ntd-slide-right .5s ease-out forwards}@keyframes ntd-slide-right{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.ntd-anim-slide-down{animation:ntd-slide-down .4s ease-out forwards}@keyframes ntd-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ntd-anim-roll-in{animation:ntd-roll-in .8s ease-out forwards}@keyframes ntd-roll-in{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.ntd-anim-flash{animation:ntd-flash 1s ease-in-out infinite}@keyframes ntd-flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.ntd-anim-vibrate{animation:ntd-vibrate .3s linear infinite}@keyframes ntd-vibrate{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}.ntd-anim-wobble{animation:ntd-wobble 1.2s ease-in-out infinite}@keyframes ntd-wobble{0%{transform:translateX(0) rotate(0deg)}15%{transform:translateX(-15%) rotate(-5deg)}30%{transform:translateX(10%) rotate(3deg)}45%{transform:translateX(-10%) rotate(-3deg)}60%{transform:translateX(5%) rotate(2deg)}75%{transform:translateX(-3%) rotate(-1deg)}to{transform:translateX(0) rotate(0deg)}}.ntd-anim-spiral{animation:ntd-spiral 2s linear infinite}@keyframes ntd-spiral{0%{transform:rotate(0deg) scale(.8)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(.8)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(1turn) scale(.8)}}.ntd-anim-ping{animation:ntd-ping 1.5s ease-out infinite}@keyframes ntd-ping{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(1.6)}71%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1)}}.ntd-anim-flicker{animation:ntd-flicker 1.5s steps(1) infinite}@keyframes ntd-flicker{0%{opacity:1}4%{opacity:.3}8%{opacity:1}12%{opacity:.6}16%{opacity:1}20%{opacity:.2}22%{opacity:1}50%{opacity:1}52%{opacity:.4}54%{opacity:1}80%{opacity:1}82%{opacity:.3}85%{opacity:1}90%{opacity:.5}92%{opacity:1}}.ntd-anim-tilt{animation:ntd-tilt 2s ease-in-out infinite;transform-origin:bottom center}@keyframes ntd-tilt{0%,to{transform:rotate(0deg)}25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}.ntd-anim-breathe{animation:ntd-breathe 4s ease-in-out infinite}@keyframes ntd-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.ntd-anim-drift{animation:ntd-drift 4s ease-in-out infinite}@keyframes ntd-drift{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(5px) rotate(1deg)}50%{transform:translateX(0) rotate(0deg)}75%{transform:translateX(-5px) rotate(-1deg)}}.ntd-anim-orbit{animation:ntd-orbit 3s linear infinite}@keyframes ntd-orbit{0%{transform:translate(0)}25%{transform:translate(4px,-4px)}50%{transform:translateY(-6px)}75%{transform:translate(-4px,-4px)}to{transform:translate(0)}}.ntd-anim-crush{animation:ntd-crush .8s ease-in-out infinite}@keyframes ntd-crush{0%,to{transform:scaleY(1) scaleX(1)}40%{transform:scaleY(.3) scaleX(1.3)}60%{transform:scaleY(1.15) scaleX(.9)}80%{transform:scaleY(.95) scaleX(1.02)}}.ntd-anim-stretch{animation:ntd-stretch 1s ease-in-out infinite}@keyframes ntd-stretch{0%,to{transform:scaleY(1) scaleX(1)}30%{transform:scaleY(1.4) scaleX(.8)}50%{transform:scaleY(.85) scaleX(1.1)}70%{transform:scaleY(1.1) scaleX(.95)}}.ntd-anim-dissolve{animation:ntd-dissolve 2s ease-in-out infinite}@keyframes ntd-dissolve{0%,to{filter:blur(0);opacity:1}50%{filter:blur(4px);opacity:.1}}.ntd-anim-materialize{animation:ntd-materialize .8s ease-out forwards}@keyframes ntd-materialize{0%{filter:blur(8px);opacity:0;transform:scale(.6)}60%{filter:blur(1px);opacity:.8;transform:scale(1.05)}to{filter:blur(0);opacity:1;transform:scale(1)}}.ntd-anim-sway{animation:ntd-sway 2.5s ease-in-out infinite;transform-origin:top center}@keyframes ntd-sway{0%,to{transform:rotate(0deg)}20%{transform:rotate(12deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-3deg)}}.ntd-anim-tremble{animation:ntd-tremble .15s linear infinite}@keyframes ntd-tremble{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(-.5px,.5px) rotate(-.5deg)}50%{transform:translate(.5px,-.5px) rotate(.5deg)}75%{transform:translate(-.5px,-.5px) rotate(-.5deg)}to{transform:translate(0) rotate(0deg)}}.ntd-anim-rock{animation:ntd-rock 1.5s ease-in-out infinite;transform-origin:bottom center}@keyframes ntd-rock{0%,to{transform:rotate(0deg)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.ntd-anim-snap{animation:ntd-snap 1.5s ease-in-out infinite}@keyframes ntd-snap{0%,30%{transform:rotate(0deg)}50%{transform:rotate(190deg)}55%{transform:rotate(175deg)}60%{transform:rotate(182deg)}65%,to{transform:rotate(180deg)}}.ntd-anim-warp{animation:ntd-warp 2s ease-in-out infinite}@keyframes ntd-warp{0%,to{transform:perspective(300px) rotateX(0deg) rotateY(0deg)}25%{transform:perspective(300px) rotateX(10deg) rotateY(10deg)}50%{transform:perspective(300px) rotateX(-5deg) rotateY(-10deg)}75%{transform:perspective(300px) rotateX(8deg) rotateY(-5deg)}}.ntd-anim-glitch{animation:ntd-glitch .8s steps(1) infinite}@keyframes ntd-glitch{0%{transform:translate(0)}5%{transform:translate(-3px,2px) skewX(2deg)}10%{transform:translate(3px,-1px) skewX(-1deg)}15%{transform:translate(0)}40%{transform:translate(0)}42%{transform:translate(2px,1px) skewX(-3deg)}44%{transform:translate(-2px,-2px) skewX(1deg)}46%{transform:translate(0)}70%{transform:translate(0)}72%{transform:translate(-1px,3px) skewX(2deg)}74%{transform:translate(1px,-1px)}76%{transform:translate(0)}to{transform:translate(0)}}.ntd-anim-zoom-pulse{animation:ntd-zoom-pulse 1.5s ease-in-out infinite}@keyframes ntd-zoom-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.ntd-anim-ripple{animation:ntd-ripple 1.6s ease-out infinite}@keyframes ntd-ripple{0%{opacity:1;transform:scale(1)}30%{opacity:.8;transform:scale(1.15)}50%{opacity:1;transform:scale(1)}70%{opacity:.9;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.ntd-anim-implode{animation:ntd-implode 1.2s ease-in-out infinite}@keyframes ntd-implode{0%,to{opacity:1;transform:scale(1)}40%{opacity:.3;transform:scale(.2) rotate(20deg)}60%{opacity:.2;transform:scale(.15) rotate(25deg)}80%{opacity:1;transform:scale(1.1) rotate(0deg)}}.ntd-anim-explode{animation:ntd-explode 1.4s ease-in-out infinite}@keyframes ntd-explode{0%,to{opacity:1;transform:scale(1)}30%{opacity:.6;transform:scale(1.8)}50%{opacity:0;transform:scale(2)}51%{opacity:0;transform:scale(.5)}70%{opacity:.8;transform:scale(1.1)}85%{opacity:1;transform:scale(.95)}}.ntd-anim-rotate-x{animation:ntd-rotate-x 1.5s ease-in-out infinite}@keyframes ntd-rotate-x{0%{transform:perspective(400px) rotateX(0deg)}to{transform:perspective(400px) rotateX(1turn)}}.ntd-anim-morph{animation:ntd-morph 3s ease-in-out infinite}@keyframes ntd-morph{0%,to{border-radius:0;transform:scaleX(1) scaleY(1) rotate(0deg)}20%{transform:scaleX(1.1) scaleY(.9) rotate(2deg)}40%{transform:scaleX(.9) scaleY(1.1) rotate(-1deg)}60%{transform:scaleX(1.05) scaleY(.95) rotate(1deg)}80%{transform:scaleX(.95) scaleY(1.05) rotate(-2deg)}}.ntd-anim-levitate{animation:ntd-levitate 3s ease-in-out infinite}@keyframes ntd-levitate{0%,to{filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));transform:translateY(0)}50%{filter:drop-shadow(0 12px 8px rgba(0,0,0,.1));transform:translateY(-10px)}}.ntd-anim-dash{animation:ntd-dash .8s ease-in-out infinite}@keyframes ntd-dash{0%,to{opacity:1;transform:translateX(0) scaleX(1)}30%{opacity:.8;transform:translateX(-3px) scaleX(.9)}60%{opacity:.6;transform:translateX(15px) scaleX(1.15)}80%{opacity:.9;transform:translateX(2px) scaleX(1)}}.ntd-anim-twist{animation:ntd-twist 1.5s ease-in-out infinite}@keyframes ntd-twist{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(30deg) scale(.9)}50%{transform:rotate(0deg) scale(1.05)}75%{transform:rotate(-30deg) scale(.9)}}.ntd-anim-stomp{animation:ntd-stomp 1s ease-in-out infinite;transform-origin:bottom center}@keyframes ntd-stomp{0%,to{transform:translateY(0) scaleY(1) scaleX(1)}20%{transform:translateY(-15px) scaleY(1.1) scaleX(.95)}50%{transform:translateY(0) scaleY(.7) scaleX(1.2)}65%{transform:translateY(-3px) scaleY(1.05) scaleX(.98)}80%{transform:translateY(0) scaleY(.95) scaleX(1.03)}}.ntd-anim-flap{animation:ntd-flap .6s ease-in-out infinite}@keyframes ntd-flap{0%,to{transform:perspective(400px) rotateX(0deg) translateY(0)}50%{transform:perspective(400px) rotateX(25deg) translateY(-5px)}}.ntd-anim-skate{animation:ntd-skate 2s ease-in-out infinite}@keyframes ntd-skate{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(8px) rotate(2deg)}50%{transform:translateX(0) rotate(0deg)}75%{transform:translateX(-8px) rotate(-2deg)}}.ntd-anim-blink{animation:ntd-blink 1.4s steps(1) infinite}@keyframes ntd-blink{0%,49%{opacity:1}50%,99%{opacity:0}}.ntd-anim-reveal{animation:ntd-reveal 1s ease-out forwards}@keyframes ntd-reveal{0%{clip-path:circle(0 at 50% 50%);opacity:.5}to{clip-path:circle(75% at 50% 50%);opacity:1}}.ntd-anim-vortex{animation:ntd-vortex .8s ease-out forwards}@keyframes ntd-vortex{0%{opacity:0;transform:rotate(-540deg) scale(0)}60%{opacity:1;transform:rotate(20deg) scale(1.1)}80%{transform:rotate(-10deg) scale(.95)}to{opacity:1;transform:rotate(0deg) scale(1)}}.ntd-anim-meteor{animation:ntd-meteor .7s ease-out forwards}@keyframes ntd-meteor{0%{opacity:0;transform:translate(30px,-30px) rotate(15deg) scale(.5)}70%{opacity:1;transform:translate(-2px,2px) rotate(-2deg) scale(1.05)}to{opacity:1;transform:translate(0) rotate(0deg) scale(1)}}.ntd-anim-scale-in{animation:ntd-scale-in .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes ntd-scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.ntd-anim-scale-out{animation:ntd-scale-out .4s ease-in forwards}@keyframes ntd-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.ntd-anim-pendulum{animation:ntd-pendulum 2s ease-in-out infinite;transform-origin:top center}@keyframes ntd-pendulum{0%{transform:rotate(0deg)}25%{transform:rotate(25deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-25deg)}to{transform:rotate(0deg)}}.ntd-anim-surge{animation:ntd-surge 1.5s ease-in-out infinite}@keyframes ntd-surge{0%,to{filter:drop-shadow(0 0 0 currentColor);transform:scale(1)}15%{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor);transform:scale(1.2)}30%{filter:drop-shadow(0 0 2px currentColor);transform:scale(.95)}45%{filter:drop-shadow(0 0 6px currentColor);transform:scale(1.1)}60%{filter:drop-shadow(0 0 0 currentColor);transform:scale(1)}}.ntd-anim-radar{animation:ntd-radar 2s linear infinite}@keyframes ntd-radar{0%{opacity:1;transform:rotate(0deg)}50%{opacity:.4}to{opacity:1;transform:rotate(1turn)}}.ntd-anim-typewriter{animation:ntd-typewriter 1s steps(12) forwards}@keyframes ntd-typewriter{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.ntd-anim-unfold{animation:ntd-unfold .7s ease-out forwards}@keyframes ntd-unfold{0%{opacity:.3;transform:scaleY(.05) scaleX(1.3)}50%{opacity:.9;transform:scaleY(1.1) scaleX(.95)}70%{opacity:1;transform:scaleY(.95) scaleX(1.02)}to{opacity:1;transform:scaleY(1) scaleX(1)}}.ntd-anim-fold{animation:ntd-fold .6s ease-in forwards}@keyframes ntd-fold{0%{opacity:1;transform:scaleY(1) scaleX(1)}to{opacity:0;transform:scaleY(.05) scaleX(1.3)}}.ntd-anim-scatter{animation:ntd-scatter 1.5s ease-in-out infinite}@keyframes ntd-scatter{0%,to{filter:blur(0);opacity:1;transform:scale(1) rotate(0deg)}20%{filter:blur(2px);opacity:.6;transform:scale(1.3) rotate(5deg)}40%{filter:blur(4px);opacity:.2;transform:scale(1.5) rotate(-3deg)}50%{filter:blur(6px);opacity:0;transform:scale(.8) rotate(0deg)}65%{filter:blur(3px);opacity:.3;transform:scale(.6) rotate(-5deg)}80%{filter:blur(1px);opacity:.8;transform:scale(.95) rotate(2deg)}}.ntd-anim-assemble{animation:ntd-assemble 1s ease-out forwards}@keyframes ntd-assemble{0%{filter:blur(8px);opacity:0;transform:scale(2) rotate(15deg)}30%{filter:blur(3px);opacity:.5;transform:scale(.8) rotate(-5deg)}60%{filter:blur(1px);opacity:.9;transform:scale(1.1) rotate(2deg)}80%{filter:blur(0);opacity:1;transform:scale(.97) rotate(-1deg)}to{filter:blur(0);opacity:1;transform:scale(1) rotate(0deg)}}.ntd-anim-neon{animation:ntd-neon 2s ease-in-out infinite}@keyframes ntd-neon{0%,to{filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 10px currentColor);opacity:1}10%{filter:drop-shadow(0 0 0 currentColor);opacity:.4}11%{filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 10px currentColor);opacity:1}15%{filter:drop-shadow(0 0 0 currentColor);opacity:.3}16%{filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 10px currentColor);opacity:1}50%{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor) drop-shadow(0 0 24px currentColor);opacity:1}}.ntd-anim-earthquake{animation:ntd-earthquake .5s ease-in-out infinite}@keyframes ntd-earthquake{0%,to{transform:translate(0)}10%{transform:translate(-4px,2px) rotate(-1deg)}20%{transform:translate(3px,-3px) rotate(1deg)}30%{transform:translate(-2px,4px) rotate(-2deg)}40%{transform:translate(4px,-1px) rotate(2deg)}50%{transform:translate(-3px,3px) rotate(-1deg)}60%{transform:translate(2px,-4px) rotate(1deg)}70%{transform:translate(-4px,1px) rotate(-2deg)}80%{transform:translate(3px,2px) rotate(2deg)}90%{transform:translate(-1px,-3px) rotate(-1deg)}}.ntd-anim-signature{animation:ntd-signature-enter .65s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:center}.ntd-anim-signature circle,.ntd-anim-signature ellipse,.ntd-anim-signature line,.ntd-anim-signature path,.ntd-anim-signature polygon,.ntd-anim-signature polyline,.ntd-anim-signature rect{stroke-dasharray:150;stroke-dashoffset:150;animation:ntd-signature-stroke 1.7s ease-out .05s forwards,ntd-signature-fill .55s ease-out 1.05s forwards;filter:drop-shadow(0 0 0 currentColor)}@keyframes ntd-signature-enter{0%{opacity:.08;transform:scale(.05) rotate(-8deg)}60%{opacity:1;transform:scale(1.06) rotate(0deg)}to{opacity:1;transform:scale(1)}}@keyframes ntd-signature-stroke{0%{stroke-dashoffset:150;filter:drop-shadow(0 0 0 currentColor)}65%{stroke-dashoffset:0;filter:drop-shadow(0 0 6px currentColor)}to{stroke-dashoffset:0;filter:drop-shadow(0 0 2px currentColor)}}@keyframes ntd-signature-fill{0%{fill-opacity:.05}to{fill-opacity:1}}.ntd-anim-draw-sequence circle,.ntd-anim-draw-sequence ellipse,.ntd-anim-draw-sequence line,.ntd-anim-draw-sequence path,.ntd-anim-draw-sequence polygon,.ntd-anim-draw-sequence polyline,.ntd-anim-draw-sequence rect{stroke-dasharray:160;stroke-dashoffset:160;fill-opacity:0;animation:ntd-draw-sequence 1.6s ease-out forwards}.ntd-anim-draw-sequence circle:first-child,.ntd-anim-draw-sequence ellipse:first-child,.ntd-anim-draw-sequence line:first-child,.ntd-anim-draw-sequence path:first-child,.ntd-anim-draw-sequence polygon:first-child,.ntd-anim-draw-sequence polyline:first-child,.ntd-anim-draw-sequence rect:first-child{animation-delay:0s}.ntd-anim-draw-sequence circle:nth-child(2),.ntd-anim-draw-sequence ellipse:nth-child(2),.ntd-anim-draw-sequence line:nth-child(2),.ntd-anim-draw-sequence path:nth-child(2),.ntd-anim-draw-sequence polygon:nth-child(2),.ntd-anim-draw-sequence polyline:nth-child(2),.ntd-anim-draw-sequence rect:nth-child(2){animation-delay:.2s}.ntd-anim-draw-sequence circle:nth-child(3),.ntd-anim-draw-sequence ellipse:nth-child(3),.ntd-anim-draw-sequence line:nth-child(3),.ntd-anim-draw-sequence path:nth-child(3),.ntd-anim-draw-sequence polygon:nth-child(3),.ntd-anim-draw-sequence polyline:nth-child(3),.ntd-anim-draw-sequence rect:nth-child(3){animation-delay:.4s}@keyframes ntd-draw-sequence{0%{stroke-dashoffset:160;fill-opacity:0}75%{stroke-dashoffset:0;fill-opacity:.15}to{stroke-dashoffset:0;fill-opacity:1}}.ntd-anim-stroke-order circle,.ntd-anim-stroke-order ellipse,.ntd-anim-stroke-order line,.ntd-anim-stroke-order path,.ntd-anim-stroke-order polygon,.ntd-anim-stroke-order polyline,.ntd-anim-stroke-order rect{stroke-dasharray:220;stroke-dashoffset:220;animation:ntd-stroke-order 2s linear forwards}@keyframes ntd-stroke-order{0%{stroke-dashoffset:220;opacity:.2}30%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.ntd-anim-glow-trace circle,.ntd-anim-glow-trace ellipse,.ntd-anim-glow-trace line,.ntd-anim-glow-trace path,.ntd-anim-glow-trace polygon,.ntd-anim-glow-trace polyline,.ntd-anim-glow-trace rect{stroke-dasharray:180;animation:ntd-glow-trace 2.8s ease-in-out infinite}@keyframes ntd-glow-trace{0%{stroke-dashoffset:180;filter:drop-shadow(0 0 0 currentColor);opacity:.3}45%{stroke-dashoffset:0;filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 14px currentColor);opacity:1}to{stroke-dashoffset:-180;filter:drop-shadow(0 0 2px currentColor);opacity:.5}}.ntd-anim-seal-stamp{animation:ntd-seal-stamp .75s cubic-bezier(.22,1,.36,1) forwards;transform-origin:center}@keyframes ntd-seal-stamp{0%{filter:blur(2px);opacity:0;transform:translateY(-14px) scale(1.25) rotate(-4deg)}45%{filter:blur(0);opacity:1;transform:translateY(2px) scale(.94) rotate(0deg)}70%{transform:translateY(-1px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}.ntd-anim-draw circle,.ntd-anim-draw ellipse,.ntd-anim-draw line,.ntd-anim-draw path,.ntd-anim-draw polygon,.ntd-anim-draw polyline,.ntd-anim-draw rect{stroke-dasharray:120;stroke-dashoffset:120;fill-opacity:0;animation:ntd-draw-stroke 1.2s ease-out forwards,ntd-draw-fill .4s ease-out .8s forwards}@keyframes ntd-draw-stroke{0%{stroke-dashoffset:120}to{stroke-dashoffset:0}}@keyframes ntd-draw-fill{0%{fill-opacity:0}to{fill-opacity:1}}.ntd-anim-draw-from-dot{animation:ntd-draw-dot-enter .45s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:center}.ntd-anim-draw-from-dot circle,.ntd-anim-draw-from-dot ellipse,.ntd-anim-draw-from-dot line,.ntd-anim-draw-from-dot path,.ntd-anim-draw-from-dot polygon,.ntd-anim-draw-from-dot polyline,.ntd-anim-draw-from-dot rect{stroke-dasharray:140;stroke-dashoffset:140;fill-opacity:0;animation:ntd-draw-dot-stroke 1.35s ease-out .15s forwards,ntd-draw-fill .45s ease-out .95s forwards}@keyframes ntd-draw-dot-enter{0%{opacity:.15;transform:scale(.08)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes ntd-draw-dot-stroke{0%{stroke-dashoffset:140}to{stroke-dashoffset:0}}.ntd-anim-draw-loop circle,.ntd-anim-draw-loop ellipse,.ntd-anim-draw-loop line,.ntd-anim-draw-loop path,.ntd-anim-draw-loop polygon,.ntd-anim-draw-loop polyline,.ntd-anim-draw-loop rect{stroke-dasharray:140;animation:ntd-draw-loop-stroke 2.4s ease-in-out infinite}@keyframes ntd-draw-loop-stroke{0%{stroke-dashoffset:140;opacity:0}25%{stroke-dashoffset:0;opacity:1}60%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-140;opacity:.2}}.ntd-anim-draw :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]){stroke-dasharray:0;fill-opacity:0;animation:ntd-draw-shape-pop .7s cubic-bezier(.34,1.56,.64,1) .35s forwards;clip-path:circle(0 at 50% 50%);transform-box:fill-box;transform-origin:center}.ntd-anim-draw :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]):nth-child(2){animation-delay:.5s}.ntd-anim-draw :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]):nth-child(3){animation-delay:.65s}.ntd-anim-draw :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]):nth-child(n+4){animation-delay:.8s}@keyframes ntd-draw-shape-pop{0%{fill-opacity:0;clip-path:circle(0 at 50% 50%);transform:scale(.5)}60%{fill-opacity:.9;clip-path:circle(75% at 50% 50%);transform:scale(1.08)}to{fill-opacity:1;clip-path:circle(100% at 50% 50%);transform:scale(1)}}.ntd-anim-draw-from-dot :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]){stroke-dasharray:0;fill-opacity:0;animation:ntd-draw-dot-shape-burst .65s cubic-bezier(.34,1.56,.64,1) .25s forwards;clip-path:circle(0 at 50% 50%);transform-box:fill-box;transform-origin:center}.ntd-anim-draw-from-dot :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]):nth-child(2){animation-delay:.4s}.ntd-anim-draw-from-dot :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]):nth-child(3){animation-delay:.55s}.ntd-anim-draw-from-dot :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]):nth-child(n+4){animation-delay:.7s}@keyframes ntd-draw-dot-shape-burst{0%{fill-opacity:0;clip-path:circle(0 at 50% 50%);transform:scale(.1)}50%{fill-opacity:.85;clip-path:circle(65% at 50% 50%);transform:scale(1.14)}75%{clip-path:circle(88% at 50% 50%);transform:scale(.97)}to{fill-opacity:1;clip-path:circle(100% at 50% 50%);transform:scale(1)}}.ntd-anim-draw-sequence :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]){stroke-dasharray:0;fill-opacity:0;animation:ntd-draw-seq-shape-wipe .6s cubic-bezier(.22,1,.36,1) forwards;clip-path:inset(100% 0 0 0);transform-box:fill-box;transform-origin:center bottom}.ntd-anim-draw-sequence :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]):first-child{animation-delay:0s}.ntd-anim-draw-sequence :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]):nth-child(2){animation-delay:.2s}.ntd-anim-draw-sequence :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]):nth-child(3){animation-delay:.4s}.ntd-anim-draw-sequence :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]):nth-child(n+4){animation-delay:.6s}@keyframes ntd-draw-seq-shape-wipe{0%{fill-opacity:0;clip-path:inset(100% 0 0 0);transform:scaleY(.6)}70%{fill-opacity:.9;clip-path:inset(5% 0 0 0);transform:scaleY(1.04)}to{fill-opacity:1;clip-path:inset(0 0 0 0);transform:scaleY(1)}}.ntd-anim-draw-loop :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]){stroke-dasharray:0;animation:ntd-draw-loop-shape-pulse 2.4s ease-in-out infinite}@keyframes ntd-draw-loop-shape-pulse{0%{clip-path:circle(0 at 50% 50%);opacity:0}25%{clip-path:circle(100% at 50% 50%);opacity:1}60%{clip-path:circle(100% at 50% 50%);opacity:1}to{clip-path:circle(0 at 50% 50%);opacity:.2}}.ntd-anim-signature :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]){stroke-dasharray:0;fill-opacity:0;animation:ntd-signature-shape-stamp .8s cubic-bezier(.22,1,.36,1) .5s forwards;clip-path:circle(0 at 50% 50%);filter:drop-shadow(0 0 0 currentColor);transform-box:fill-box;transform-origin:center}@keyframes ntd-signature-shape-stamp{0%{fill-opacity:0;clip-path:circle(0 at 50% 50%);filter:drop-shadow(0 0 0 currentColor);transform:scale(.35) rotate(-6deg)}55%{fill-opacity:.85;clip-path:circle(70% at 50% 50%);filter:drop-shadow(0 0 8px currentColor);transform:scale(1.08) rotate(0deg)}to{fill-opacity:1;clip-path:circle(100% at 50% 50%);filter:drop-shadow(0 0 2px currentColor);transform:scale(1)}}.ntd-anim-stroke-order :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]){stroke-dasharray:0;fill-opacity:0;animation:ntd-stroke-order-shape-wipe 1.2s ease-out .3s forwards;clip-path:inset(0 100% 0 0)}@keyframes ntd-stroke-order-shape-wipe{0%{fill-opacity:0;clip-path:inset(0 100% 0 0)}40%{fill-opacity:.7}to{fill-opacity:1;clip-path:inset(0 0 0 0)}}.ntd-anim-glow-trace :is(path,rect,circle,ellipse,polygon)[fill]:not([fill=none]){stroke-dasharray:0;animation:ntd-glow-trace-shape 2.8s ease-in-out infinite}@keyframes ntd-glow-trace-shape{0%{clip-path:circle(0 at 50% 50%);filter:drop-shadow(0 0 0 currentColor);opacity:.3}45%{clip-path:circle(100% at 50% 50%);filter:drop-shadow(0 0 10px currentColor) drop-shadow(0 0 16px currentColor);opacity:1}to{clip-path:circle(0 at 50% 50%);filter:drop-shadow(0 0 2px currentColor);opacity:.4}}.ntd-picker{display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.ntd-picker-trigger{align-items:center;background:var(--ntd-picker-bg,#1e1e2a);border:1px solid var(--ntd-picker-border,#3a3a4a);border-radius:var(--ntd-picker-radius,10px);color:var(--ntd-picker-text,#f0f0f5);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;gap:8px;min-width:160px;padding:8px 14px;transition:border-color .2s,box-shadow .2s;user-select:none}.ntd-picker-trigger:hover{border-color:var(--ntd-picker-accent,#6c5ce7)}.ntd-picker-trigger:focus-visible{border-color:var(--ntd-picker-accent,#6c5ce7);box-shadow:0 0 0 3px var(--ntd-picker-accent-alpha,rgba(108,92,231,.25));outline:none}.ntd-picker-trigger-icon{align-items:center;background:var(--ntd-picker-accent-alpha,rgba(108,92,231,.12));border-radius:6px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.ntd-picker-trigger-label{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ntd-picker-trigger-chevron,.ntd-picker-trigger-placeholder{color:var(--ntd-picker-muted,#606078)}.ntd-picker-trigger-chevron{flex-shrink:0;transition:transform .2s}.ntd-picker.open .ntd-picker-trigger-chevron{transform:rotate(180deg)}.ntd-picker-dropdown{animation:ntd-picker-appear .2s ease-out;background:var(--ntd-picker-bg,#1e1e2a);border:1px solid var(--ntd-picker-border,#3a3a4a);border-radius:var(--ntd-picker-radius,10px);box-shadow:0 12px 40px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.2);display:flex;flex-direction:column;left:0;max-height:460px;overflow:hidden;position:absolute;top:calc(100% + 6px);width:380px;z-index:1000}@keyframes ntd-picker-appear{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ntd-picker-search{border-bottom:1px solid var(--ntd-picker-border,#3a3a4a);flex-shrink:0;padding:10px 12px;position:relative}.ntd-picker-search-icon{color:var(--ntd-picker-muted,#606078);left:22px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ntd-picker-search input{background:var(--ntd-picker-input-bg,#14141c);border:1px solid var(--ntd-picker-border,#3a3a4a);border-radius:8px;color:var(--ntd-picker-text,#f0f0f5);font-family:inherit;font-size:.82rem;outline:none;padding:8px 12px 8px 34px;transition:border-color .2s;width:100%}.ntd-picker-search input:focus{border-color:var(--ntd-picker-accent,#6c5ce7)}.ntd-picker-search input::placeholder{color:var(--ntd-picker-muted,#606078)}.ntd-picker-tabs{border-bottom:1px solid var(--ntd-picker-border,#3a3a4a);display:flex;flex-shrink:0;gap:2px;overflow-x:auto;padding:6px 10px;scrollbar-width:none}.ntd-picker-tabs::-webkit-scrollbar{display:none}.ntd-picker-tab{background:transparent;border:none;border-radius:6px;color:var(--ntd-picker-muted,#606078);cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:500;letter-spacing:.03em;padding:5px 10px;text-transform:uppercase;transition:all .15s;white-space:nowrap}.ntd-picker-tab:hover{background:var(--ntd-picker-accent-alpha,rgba(108,92,231,.12));color:var(--ntd-picker-text,#f0f0f5)}.ntd-picker-tab.active{background:var(--ntd-picker-accent,#6c5ce7);color:#fff}.ntd-picker-grid-wrap{flex:1;overflow-y:auto;padding:8px;scrollbar-color:var(--ntd-picker-border,#3a3a4a) transparent;scrollbar-width:thin}.ntd-picker-grid-wrap::-webkit-scrollbar{width:5px}.ntd-picker-grid-wrap::-webkit-scrollbar-track{background:transparent}.ntd-picker-grid-wrap::-webkit-scrollbar-thumb{background:var(--ntd-picker-border,#3a3a4a);border-radius:3px}.ntd-picker-category-label{color:var(--ntd-picker-muted,#606078);font-size:.68rem;font-weight:600;letter-spacing:.05em;margin-top:4px;padding:6px 4px 4px;text-transform:uppercase}.ntd-picker-category-label:first-child{margin-top:0}.ntd-picker-grid{display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.ntd-picker-cell{align-items:center;aspect-ratio:1;background:transparent;border:none;border-radius:8px;color:var(--ntd-picker-text,#f0f0f5);cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .15s;width:100%}.ntd-picker-cell:hover{background:var(--ntd-picker-accent-alpha,rgba(108,92,231,.12));transform:scale(1.1)}.ntd-picker-cell.selected{background:var(--ntd-picker-accent,#6c5ce7);box-shadow:0 2px 8px var(--ntd-picker-accent-alpha,rgba(108,92,231,.25));color:#fff}.ntd-picker-cell:focus-visible{outline:2px solid var(--ntd-picker-accent,#6c5ce7);outline-offset:1px}.ntd-picker-cell:after{background:var(--ntd-picker-text,#f0f0f5);border-radius:5px;bottom:calc(100% + 6px);color:var(--ntd-picker-bg,#1e1e2a);content:attr(data-name);font-size:.65rem;font-weight:500;left:50%;opacity:0;padding:3px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s;white-space:nowrap;z-index:10}.ntd-picker-cell:hover:after{opacity:1}.ntd-picker-cell.draggable{cursor:grab}.ntd-picker-cell.draggable:active{cursor:grabbing}.ntd-picker-cell.draggable:hover:before{border:2px dashed var(--ntd-picker-accent,#6c5ce7);border-radius:8px;content:"";inset:0;opacity:.5;pointer-events:none;position:absolute}.ntd-picker-empty{color:var(--ntd-picker-muted,#606078);font-size:.82rem;padding:32px 16px;text-align:center}.ntd-picker-empty-icon{font-size:2rem;margin-bottom:8px;opacity:.4}.ntd-picker-footer{align-items:center;border-top:1px solid var(--ntd-picker-border,#3a3a4a);display:flex;flex-shrink:0;justify-content:space-between;padding:8px 12px}.ntd-picker-count{font-size:.7rem}.ntd-picker-clear,.ntd-picker-count{color:var(--ntd-picker-muted,#606078)}.ntd-picker-clear{background:transparent;border:none;border-radius:5px;cursor:pointer;font-family:inherit;font-size:.72rem;padding:4px 10px;transition:all .15s}.ntd-picker-clear:hover{background:rgba(255,80,80,.12);color:#ff5050}.ntd-picker-multi-badge{border-radius:10px;font-size:.7rem;font-weight:600;height:20px;min-width:20px;padding:0 6px}.ntd-picker-cell-check,.ntd-picker-multi-badge{align-items:center;background:var(--ntd-picker-accent,#6c5ce7);color:#fff;display:flex;justify-content:center}.ntd-picker-cell-check{border-radius:50%;height:16px;pointer-events:none;position:absolute;right:2px;top:2px;width:16px}.ntd-picker-cell.multi-select{position:relative}.ntd-picker-cell-fav{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--ntd-picker-muted,#606078);cursor:pointer;display:flex;height:16px;justify-content:center;left:2px;opacity:0;padding:0;position:absolute;top:2px;transition:all .15s;width:16px}.ntd-picker-cell-fav.active,.ntd-picker-cell:hover .ntd-picker-cell-fav{opacity:1}.ntd-picker-cell-fav:hover{color:#feca57;transform:scale(1.2)}.ntd-picker-cell-fav.active{color:#feca57}.ntd-picker-tab-special{align-items:center;display:inline-flex;gap:4px}.ntd-picker-tab-special svg{height:10px;width:10px}.ntd-picker-tab-count{align-items:center;background:var(--ntd-picker-accent-alpha,rgba(108,92,231,.2));border-radius:8px;display:inline-flex;font-size:.65rem;font-weight:600;height:16px;justify-content:center;margin-left:2px;min-width:16px;padding:0 4px}.ntd-picker-tab.active .ntd-picker-tab-count{background:hsla(0,0%,100%,.2)}.ntd-picker-done{background:var(--ntd-picker-accent,#6c5ce7);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:500;padding:4px 12px;transition:all .15s}.ntd-picker-done:hover{background:var(--ntd-picker-accent-hover,#5b4cdb);transform:translateY(-1px)}.ntd-picker.disabled .ntd-picker-trigger{cursor:not-allowed;opacity:.5}.ntd-picker.multi .ntd-picker-trigger{border-style:dashed}.nve-root{--nve-bg:#0c0c12;--nve-panel-bg:#14141c;--nve-border:#252535;--nve-text:#e0e0e8;--nve-text-muted:#7878a0;--nve-accent:#a29bfe;--nve-accent-hover:#8b80ff;--nve-active:#6c5ce7;--nve-input-bg:#1a1a26;--nve-hover:hsla(0,0%,100%,.04);--nve-radius:5px;--nve-danger:#ff6b6b;background:var(--nve-bg);border:1px solid var(--nve-border);border-radius:8px;color:var(--nve-text);display:grid;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;grid-template-areas:"toolbar toolbar toolbar" "library canvas  sidebar" "status  status  status";grid-template-columns:210px 1fr 250px;grid-template-rows:44px 1fr 26px;height:100%;line-height:1.4;min-height:480px;outline:none;overflow:hidden;user-select:none}.nve-root.nve-no-library{grid-template-columns:0 1fr 250px}.nve-toolbar{align-items:center;background:var(--nve-panel-bg);border-bottom:1px solid var(--nve-border);display:flex;gap:8px;grid-area:toolbar;padding:0 10px}.nve-toolbar-brand{align-items:center;color:var(--nve-accent);display:flex;font-size:13px;font-weight:600;gap:6px;margin-right:6px;white-space:nowrap}.nve-toolbar-tools{align-items:center;background:var(--nve-input-bg);border-radius:var(--nve-radius);display:flex;gap:2px;padding:2px}.nve-tool-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--nve-text-muted);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s;width:32px}.nve-tool-btn:hover{background:var(--nve-hover);color:var(--nve-text)}.nve-tool-btn.active{background:var(--nve-active);color:#fff}.nve-toolbar-actions{align-items:center;display:flex;gap:3px;margin-left:auto}.nve-action-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--nve-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;min-width:28px;padding:0 4px;transition:all .15s}.nve-action-btn:hover:not(:disabled){background:var(--nve-hover);color:var(--nve-text)}.nve-action-btn:disabled{cursor:default;opacity:.3}.nve-export-btn{background:var(--nve-input-bg);color:var(--nve-text-muted);font-size:11px;font-weight:600;padding:0 8px}.nve-export-btn:hover{background:rgba(162,155,254,.1)!important;color:var(--nve-accent)!important}.nve-toolbar-sep{background:var(--nve-border);height:20px;margin:0 4px;width:1px}.nve-panel{display:flex;flex-direction:column;overflow:hidden}.nve-panel-header{align-items:center;border-bottom:1px solid var(--nve-border);display:flex;flex-shrink:0;font-weight:600;justify-content:space-between;letter-spacing:.6px;padding:8px 10px;text-transform:uppercase}.nve-empty-hint,.nve-panel-header{color:var(--nve-text-muted);font-size:11px}.nve-empty-hint{padding:20px 10px;text-align:center}.nve-library{background:var(--nve-panel-bg);border-right:1px solid var(--nve-border);grid-area:library}.nve-lib-search-wrap{align-items:center;border-bottom:1px solid var(--nve-border);color:var(--nve-text-muted);display:flex;gap:6px;padding:6px 8px}.nve-lib-search{background:none;border:none;color:var(--nve-text);flex:1;font-size:12px;outline:none}.nve-lib-search::placeholder{color:var(--nve-text-muted)}.nve-lib-cats{border-bottom:1px solid var(--nve-border);display:flex;flex-wrap:wrap;gap:3px;max-height:90px;overflow-y:auto;padding:6px 8px}.nve-cat-btn{background:var(--nve-input-bg);border:none;border-radius:3px;color:var(--nve-text-muted);cursor:pointer;font-size:10px;padding:2px 7px;transition:all .15s;white-space:nowrap}.nve-cat-btn:hover{color:var(--nve-text)}.nve-cat-btn.active{background:var(--nve-active);color:#fff}.nve-lib-grid{align-content:start;display:grid;flex:1;gap:2px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));overflow-y:auto;padding:6px}.nve-lib-item{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--nve-text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:9px;gap:3px;padding:6px 2px;transition:all .15s;white-space:nowrap}.nve-lib-item,.nve-lib-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.nve-lib-item:hover{background:var(--nve-hover);color:var(--nve-text);transform:scale(1.04)}.nve-lib-empty{color:var(--nve-text-muted);font-size:11px;grid-column:1/-1;padding:16px;text-align:center}.nve-canvas-area{background:var(--nve-bg);grid-area:canvas;overflow:hidden;position:relative}.nve-canvas{background:radial-gradient(ellipse at center,#16162a 0,var(--nve-bg) 100%);display:block;height:100%;width:100%}.nve-zoom-controls{align-items:center;backdrop-filter:blur(8px);background:rgba(20,20,28,.9);border:1px solid var(--nve-border);border-radius:6px;bottom:10px;display:flex;gap:2px;left:50%;padding:3px 4px;position:absolute;transform:translateX(-50%)}.nve-zoom-controls button{align-items:center;background:transparent;border:none;border-radius:3px;color:var(--nve-text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:22px;justify-content:center;transition:color .15s;width:24px}.nve-zoom-controls button:hover{background:var(--nve-hover);color:var(--nve-text)}.nve-zoom-label{color:var(--nve-text);font-size:11px;font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.nve-sidebar{background:var(--nve-panel-bg);border-left:1px solid var(--nve-border);display:flex;flex-direction:column;grid-area:sidebar;overflow:hidden}.nve-layers{border-bottom:1px solid var(--nve-border);flex:0 0 auto;max-height:45%}.nve-layers-add{display:flex;gap:2px}.nve-layers-add button{align-items:center;background:var(--nve-input-bg);border:none;border-radius:3px;color:var(--nve-text-muted);cursor:pointer;display:flex;height:22px;justify-content:center;transition:all .15s;width:22px}.nve-layers-add button:hover{background:rgba(162,155,254,.1);color:var(--nve-accent)}.nve-layers-list{flex:1;overflow-y:auto}.nve-layer-row{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.02);cursor:pointer;display:flex;gap:6px;padding:5px 10px;transition:background .12s}.nve-layer-row:hover{background:var(--nve-hover)}.nve-layer-row.active{background:rgba(162,155,254,.1);border-left:2px solid var(--nve-accent);padding-left:8px}.nve-layer-row.locked{opacity:.5}.nve-layer-type-icon{color:var(--nve-text-muted);flex-shrink:0;font-size:12px;text-align:center;width:16px}.nve-layer-name{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nve-layer-btns{display:flex;gap:2px;opacity:0;transition:opacity .15s}.nve-layer-row.active .nve-layer-btns,.nve-layer-row:hover .nve-layer-btns{opacity:1}.nve-layer-btns button{align-items:center;background:transparent;border:none;border-radius:3px;color:var(--nve-text-muted);cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .12s;width:20px}.nve-layer-btns button:hover{background:var(--nve-hover);color:var(--nve-text)}.nve-layer-btns button.off{color:var(--nve-danger);opacity:.6}.nve-layer-btns button.on{color:var(--nve-accent)}.nve-layer-actions{border-top:1px solid var(--nve-border);display:flex;gap:2px;padding:4px 8px}.nve-layer-actions button{background:var(--nve-input-bg);border:none;border-radius:3px;color:var(--nve-text-muted);cursor:pointer;flex:1;font-size:12px;height:26px;transition:all .15s}.nve-layer-actions button:hover{background:var(--nve-hover);color:var(--nve-text)}.nve-layer-actions .nve-danger{color:var(--nve-danger)}.nve-layer-actions .nve-danger:hover{background:hsla(0,100%,71%,.15);color:var(--nve-danger)}.nve-properties{flex:1;min-height:0;overflow:hidden}.nve-props-scroll{flex:1;overflow-y:auto;padding-bottom:12px}.nve-prop-section{border-bottom:1px solid var(--nve-border);padding:8px 10px}.nve-prop-section-title{color:var(--nve-text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.nve-prop-name{background:var(--nve-input-bg);border:1px solid var(--nve-border);border-radius:4px;color:var(--nve-text);font-size:12px;font-weight:600;outline:none;padding:4px 6px;width:100%}.nve-prop-name:focus{border-color:var(--nve-accent)}.nve-prop-grid{display:grid;gap:4px 8px;grid-template-columns:1fr 1fr}.nve-prop-grid.nve-prop-wide{grid-template-columns:1fr}.nve-prop-grid label{color:var(--nve-text-muted);display:flex;flex-direction:column;font-size:10px;gap:2px}.nve-prop-grid label strong{color:var(--nve-text);float:right;font-size:10px;font-weight:500}.nve-prop-grid input[type=number]{background:var(--nve-input-bg);border:1px solid var(--nve-border);border-radius:3px;color:var(--nve-text);font-size:11px;font-variant-numeric:tabular-nums;outline:none;padding:3px 5px;width:100%}.nve-prop-grid input[type=number]:focus{border-color:var(--nve-accent)}.nve-prop-grid input[type=text]{background:var(--nve-input-bg);border:1px solid var(--nve-border);border-radius:3px;color:var(--nve-text);font-size:11px;outline:none;padding:3px 5px;width:100%}.nve-prop-grid input[type=text]:focus{border-color:var(--nve-accent)}.nve-prop-grid input[type=range]{-webkit-appearance:none;background:var(--nve-input-bg);border-radius:4px;cursor:pointer;height:14px;outline:none;width:100%}.nve-prop-grid input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--nve-accent);border:2px solid var(--nve-panel-bg);border-radius:50%;cursor:pointer;height:12px;width:12px}.nve-prop-grid select{background:var(--nve-input-bg);border:1px solid var(--nve-border);border-radius:3px;color:var(--nve-text);cursor:pointer;font-size:11px;outline:none;padding:3px 5px;width:100%}.nve-prop-grid select:focus{border-color:var(--nve-accent)}.nve-color-prop{align-items:center!important;flex-direction:row!important;gap:6px!important;justify-content:space-between}.nve-color-cell{align-items:center;display:flex;position:relative}.nve-color-swatch{border:1px solid var(--nve-border);border-radius:4px;cursor:pointer;height:20px;width:20px}.nve-color-cell input[type=color]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.nve-prop-label-sm,.nve-statusbar{color:var(--nve-text-muted);font-size:10px}.nve-statusbar{align-items:center;background:var(--nve-panel-bg);border-top:1px solid var(--nve-border);display:flex;font-variant-numeric:tabular-nums;gap:16px;grid-area:status;padding:0 12px}.nve-status-selected{color:var(--nve-accent);font-weight:500}.nve-status-shortcuts{margin-left:auto;opacity:.5}.nve-root ::-webkit-scrollbar{height:5px;width:5px}.nve-root ::-webkit-scrollbar-track{background:transparent}.nve-root ::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}.nve-root ::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.18)}

package/dist/cjs/smilAnimations.js

@@ -0,0 +1,182 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Default animation configurations.
+ */
+const DEFAULT_CONFIG = {
+    duration: 1,
+    repeatCount: 'indefinite',
+    easing: 'ease-in-out',
+    delay: 0,
+    fill: 'freeze',
+};
+/**
+ * Maps easing names to SMIL calcMode and keySplines.
+ */
+const EASING_MAP = {
+    linear: { calcMode: 'linear' },
+    ease: { calcMode: 'spline', keySplines: '0.25 0.1 0.25 1' },
+    'ease-in': { calcMode: 'spline', keySplines: '0.42 0 1 1' },
+    'ease-out': { calcMode: 'spline', keySplines: '0 0 0.58 1' },
+    'ease-in-out': { calcMode: 'spline', keySplines: '0.42 0 0.58 1' },
+};
+/**
+ * Generates SMIL animation elements for a given animation type.
+ *
+ * @param config - Animation configuration
+ * @param center - Center point for transforms (default: 12, 12 for 24x24 viewBox)
+ * @returns React elements to be placed inside an SVG `<g>` or at root level
+ */
+function generateSmilAnimation(config, center = { x: 12, y: 12 }) {
+    const { type, duration = DEFAULT_CONFIG.duration, repeatCount = DEFAULT_CONFIG.repeatCount, easing = DEFAULT_CONFIG.easing, delay = DEFAULT_CONFIG.delay, fill = DEFAULT_CONFIG.fill, targetColor, } = config;
+    const dur = `${duration}s`;
+    const begin = delay > 0 ? `${delay}s` : '0s';
+    const rep = repeatCount === 'indefinite' ? 'indefinite' : String(repeatCount);
+    const { calcMode, keySplines } = EASING_MAP[easing] || EASING_MAP.linear;
+    const baseProps = {
+        dur,
+        begin,
+        repeatCount: rep,
+        fill,
+        calcMode,
+        ...(keySplines && calcMode === 'spline' ? { keySplines, keyTimes: '0;1' } : {}),
+    };
+    switch (type) {
+        case 'spin':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "rotate", from: `0 ${center.x} ${center.y}`, to: `360 ${center.x} ${center.y}`, ...baseProps, calcMode: "linear" }));
+        case 'spin-reverse':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "rotate", from: `360 ${center.x} ${center.y}`, to: `0 ${center.x} ${center.y}`, ...baseProps, calcMode: "linear" }));
+        case 'pulse':
+            return (jsxRuntime.jsx("animate", { attributeName: "opacity", values: "1;0.4;1", keyTimes: "0;0.5;1", ...baseProps }));
+        case 'bounce':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "translate", values: "0,0;0,-4;0,0", keyTimes: "0;0.5;1", ...baseProps }));
+        case 'shake':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "translate", values: "0,0;-2,0;2,0;-2,0;2,0;0,0", keyTimes: "0;0.1;0.3;0.5;0.7;1", ...baseProps, keySplines: undefined, calcMode: "linear" }));
+        case 'float':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "translate", values: "0,0;0,-3;0,0", keyTimes: "0;0.5;1", dur: `${duration * 2}s`, begin: begin, repeatCount: rep, fill: fill, calcMode: "spline", keySplines: "0.42 0 0.58 1;0.42 0 0.58 1" }));
+        case 'flip':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "rotate", values: `0 ${center.x} ${center.y};180 ${center.x} ${center.y};360 ${center.x} ${center.y}`, keyTimes: "0;0.5;1", ...baseProps }));
+        case 'wiggle':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "rotate", values: `0 ${center.x} ${center.y};-10 ${center.x} ${center.y};10 ${center.x} ${center.y};0 ${center.x} ${center.y}`, keyTimes: "0;0.25;0.75;1", ...baseProps }));
+        case 'swing':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "rotate", values: `0 ${center.x} 0;15 ${center.x} 0;-10 ${center.x} 0;5 ${center.x} 0;0 ${center.x} 0`, keyTimes: "0;0.2;0.4;0.6;1", ...baseProps }));
+        case 'heartbeat':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "scale", values: "1;1.15;1;1.15;1", keyTimes: "0;0.14;0.28;0.42;1", ...baseProps, additive: "sum" }));
+        case 'scale-pulse':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "scale", values: "1;1.1;1", keyTimes: "0;0.5;1", ...baseProps, additive: "sum" }));
+        case 'grow':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0", to: "1", ...baseProps, repeatCount: "1" }));
+        case 'shrink':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "scale", from: "1", to: "0", ...baseProps, repeatCount: "1" }));
+        case 'rubber':
+            return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "scale", values: "1,1;1.25,0.75;0.75,1.25;1.15,0.85;1,1", keyTimes: "0;0.3;0.5;0.7;1", ...baseProps, additive: "sum" }) }));
+        case 'pop':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "scale", values: "0;1.2;1", keyTimes: "0;0.6;1", ...baseProps, repeatCount: "1", additive: "sum" }));
+        case 'fade':
+            return (jsxRuntime.jsx("animate", { attributeName: "opacity", values: "0;1;0", keyTimes: "0;0.5;1", ...baseProps }));
+        case 'blink':
+            return (jsxRuntime.jsx("animate", { attributeName: "opacity", values: "1;0;1", keyTimes: "0;0.5;1", dur: `${duration * 0.5}s`, begin: begin, repeatCount: rep, fill: fill, calcMode: "discrete" }));
+        case 'glow':
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("animate", { attributeName: "opacity", values: "0.6;1;0.6", keyTimes: "0;0.5;1", ...baseProps }), jsxRuntime.jsx("animate", { attributeName: "filter", values: "drop-shadow(0 0 2px currentColor);drop-shadow(0 0 8px currentColor);drop-shadow(0 0 2px currentColor)", keyTimes: "0;0.5;1", ...baseProps })] }));
+        case 'slide-x':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "translate", values: "-24,0;0,0;24,0", keyTimes: "0;0.5;1", ...baseProps }));
+        case 'slide-y':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "translate", values: "0,-24;0,0;0,24", keyTimes: "0;0.5;1", ...baseProps }));
+        case 'orbit':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "rotate", from: `0 ${center.x} ${center.y}`, to: `360 ${center.x} ${center.y}`, ...baseProps, calcMode: "linear" }));
+        case 'wave':
+            return (jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "translate", values: "0,0;0,-2;0,2;0,-2;0,0", keyTimes: "0;0.25;0.5;0.75;1", dur: `${duration * 0.5}s`, begin: begin, repeatCount: rep, fill: fill, calcMode: "spline", keySplines: "0.42 0 0.58 1;0.42 0 0.58 1;0.42 0 0.58 1;0.42 0 0.58 1" }));
+        case 'draw':
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("animate", { attributeName: "stroke-dashoffset", from: "100", to: "0", ...baseProps }), jsxRuntime.jsx("set", { attributeName: "stroke-dasharray", to: "100" })] }));
+        case 'draw-reverse':
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("animate", { attributeName: "stroke-dashoffset", from: "0", to: "100", ...baseProps }), jsxRuntime.jsx("set", { attributeName: "stroke-dasharray", to: "100" })] }));
+        case 'color-shift':
+            return (jsxRuntime.jsx("animate", { attributeName: "fill", values: `currentColor;${targetColor || '#ff6b6b'};currentColor`, keyTimes: "0;0.5;1", ...baseProps }));
+        default:
+            return null;
+    }
+}
+/**
+ * Wraps icon content in a `<g>` element with SMIL animations applied.
+ *
+ * @example
+ * ```tsx
+ * <svg viewBox="0 0 24 24">
+ *   <SmilAnimationWrapper animation="spin" duration={2}>
+ *     <path d="M12 2l3 7h7l-5.5 4 2 7L12 16l-6.5 4 2-7L2 9h7z" />
+ *   </SmilAnimationWrapper>
+ * </svg>
+ * ```
+ */
+function SmilAnimationWrapper({ animation, duration = 1, repeatCount = 'indefinite', easing = 'ease-in-out', delay = 0, center = { x: 12, y: 12 }, children, }) {
+    const animationElements = generateSmilAnimation({ type: animation, duration, repeatCount, easing, delay }, center);
+    // For scale animations, we need to translate to origin, scale, then translate back
+    const needsOriginTransform = [
+        'heartbeat',
+        'scale-pulse',
+        'grow',
+        'shrink',
+        'rubber',
+        'pop',
+    ].includes(animation);
+    if (needsOriginTransform) {
+        return (jsxRuntime.jsxs("g", { transform: `translate(${center.x}, ${center.y})`, children: [jsxRuntime.jsx("g", { transform: `translate(-${center.x}, -${center.y})`, children: children }), animationElements] }));
+    }
+    return (jsxRuntime.jsxs("g", { children: [children, animationElements] }));
+}
+/**
+ * Creates a SMIL animation definition that can be referenced by id.
+ * Useful for applying the same animation to multiple elements.
+ */
+function createSmilAnimationDef(id, config) {
+    return (jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("g", { id: id, children: generateSmilAnimation(config) }) }));
+}
+/**
+ * Utility to check if SMIL animations are supported in the current environment.
+ */
+function isSmilSupported() {
+    if (typeof document === 'undefined')
+        return false;
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    return typeof svg.animate === 'function' || 'animateTransform' in document.createElementNS('http://www.w3.org/2000/svg', 'animateTransform');
+}
+/**
+ * All available SMIL animation types as an array.
+ * Useful for documentation and UI components like NiceIconPicker.
+ */
+const SMIL_ANIMATION_TYPES = [
+    'spin',
+    'spin-reverse',
+    'pulse',
+    'bounce',
+    'shake',
+    'float',
+    'flip',
+    'wiggle',
+    'swing',
+    'heartbeat',
+    'scale-pulse',
+    'grow',
+    'shrink',
+    'rubber',
+    'pop',
+    'fade',
+    'blink',
+    'glow',
+    'slide-x',
+    'slide-y',
+    'orbit',
+    'wave',
+    'draw',
+    'draw-reverse',
+    'color-shift',
+];
+
+exports.SMIL_ANIMATION_TYPES = SMIL_ANIMATION_TYPES;
+exports.SmilAnimationWrapper = SmilAnimationWrapper;
+exports.createSmilAnimationDef = createSmilAnimationDef;
+exports.generateSmilAnimation = generateSmilAnimation;
+exports.isSmilSupported = isSmilSupported;
+//# sourceMappingURL=smilAnimations.js.map