@nice2dev/icons 1.0.0

package/dist/types/animationControls.d.ts

@@ -0,0 +1,307 @@
+/**
+ * @file animationControls.tsx
+ * @description Animation control system for @nice2dev/icons
+ * - Animation sequences (chain multiple animations)
+ * - Interactive animations (hover/click triggers)
+ * - Animation controller (play/pause/reset)
+ *
+ * @version 1.0.0
+ * @since 2025-01
+ * @license MIT
+ */
+import React from "react";
+import type { IconAnimation } from "./types";
+type AnimationType = IconAnimation;
+/**
+ * Single step in an animation sequence
+ */
+export interface AnimationStep {
+    /** Animation to play */
+    animation: AnimationType;
+    /** Duration in ms (default: 1000) */
+    duration?: number;
+    /** Delay before starting this step in ms */
+    delay?: number;
+    /** Easing function (CSS timing function) */
+    easing?: string;
+    /** Number of iterations for this step (-1 for infinite) */
+    iterations?: number;
+}
+/**
+ * Configuration for animation sequence
+ */
+export interface AnimationSequenceConfig {
+    /** Array of animation steps */
+    steps: AnimationStep[];
+    /** Loop entire sequence (default: false) */
+    loop?: boolean;
+    /** Number of times to loop (undefined = infinite when loop is true) */
+    loopCount?: number;
+    /** Delay between loop iterations in ms */
+    loopDelay?: number;
+    /** Play direction: 'normal' | 'reverse' | 'alternate' */
+    direction?: "normal" | "reverse" | "alternate";
+}
+/**
+ * Animation playback state
+ */
+export type AnimationPlaybackState = "idle" | "playing" | "paused" | "finished";
+/**
+ * Interactive animation trigger
+ */
+export type AnimationTrigger = "hover" | "click" | "focus" | "visible" | "manual";
+/**
+ * Configuration for interactive animations
+ */
+export interface InteractiveAnimationConfig {
+    /** Trigger type */
+    trigger: AnimationTrigger;
+    /** Animation to play when triggered */
+    enterAnimation?: AnimationType;
+    /** Animation duration in ms */
+    enterDuration?: number;
+    /** Animation to play when leaving (hover out, blur, etc.) */
+    leaveAnimation?: AnimationType;
+    /** Leave animation duration in ms */
+    leaveDuration?: number;
+    /** Play animation only once */
+    once?: boolean;
+    /** Delay before animation starts in ms */
+    delay?: number;
+    /** Threshold for visibility trigger (0-1) */
+    visibilityThreshold?: number;
+}
+/**
+ * Handle for AnimationController ref
+ */
+export interface AnimationControllerHandle {
+    /** Start/resume animation */
+    play: () => void;
+    /** Pause animation */
+    pause: () => void;
+    /** Reset to initial state */
+    reset: () => void;
+    /** Jump to specific step (for sequences) */
+    goToStep: (index: number) => void;
+    /** Get current playback state */
+    getState: () => AnimationPlaybackState;
+    /** Get current step index (for sequences) */
+    getCurrentStep: () => number;
+    /** Get progress (0-1) */
+    getProgress: () => number;
+}
+/**
+ * Props for AnimationController
+ */
+export interface AnimationControllerProps {
+    /** Child element to animate (icon component) */
+    children: React.ReactElement;
+    /** Single animation or sequence config */
+    animation: AnimationType | AnimationSequenceConfig;
+    /** Auto-play on mount (default: false) */
+    autoPlay?: boolean;
+    /** Play state controlled externally */
+    playState?: AnimationPlaybackState;
+    /** Callback when animation starts */
+    onStart?: () => void;
+    /** Callback when animation ends */
+    onEnd?: () => void;
+    /** Callback when step changes (sequences) */
+    onStepChange?: (stepIndex: number, step: AnimationStep) => void;
+    /** Callback on pause */
+    onPause?: () => void;
+    /** Callback on resume */
+    onResume?: () => void;
+    /** Additional className */
+    className?: string;
+    /** Additional styles */
+    style?: React.CSSProperties;
+}
+/**
+ * Props for InteractiveIcon wrapper
+ */
+export interface InteractiveIconProps {
+    /** Child icon element */
+    children: React.ReactElement;
+    /** Interactive animation config */
+    config: InteractiveAnimationConfig;
+    /** Disable interactions */
+    disabled?: boolean;
+    /** Callback when interaction starts */
+    onInteractionStart?: () => void;
+    /** Callback when interaction ends */
+    onInteractionEnd?: () => void;
+    /** Additional className */
+    className?: string;
+    /** Additional styles */
+    style?: React.CSSProperties;
+}
+/**
+ * Hook to manage animation sequences
+ */
+export declare function useAnimationSequence(config: AnimationSequenceConfig): {
+    currentStep: AnimationStep;
+    currentStepIndex: number;
+    state: AnimationPlaybackState;
+    loopIteration: number;
+    play: () => void;
+    pause: () => void;
+    reset: () => void;
+    goToStep: (index: number) => void;
+    getProgress: () => number;
+};
+/**
+ * Animation Controller component
+ *
+ * Wraps an icon and provides play/pause/reset controls.
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef<AnimationControllerHandle>(null);
+ *
+ * <AnimationController
+ *   ref={ref}
+ *   animation="spin"
+ *   autoPlay={false}
+ * >
+ *   <NiceIcon name="loading" />
+ * </AnimationController>
+ *
+ * <button onClick={() => ref.current?.play()}>Play</button>
+ * <button onClick={() => ref.current?.pause()}>Pause</button>
+ * <button onClick={() => ref.current?.reset()}>Reset</button>
+ * ```
+ *
+ * @example Sequence
+ * ```tsx
+ * <AnimationController
+ *   animation={{
+ *     steps: [
+ *       { animation: 'bounce', duration: 500 },
+ *       { animation: 'spin', duration: 1000 },
+ *       { animation: 'pulse', duration: 800 },
+ *     ],
+ *     loop: true,
+ *     loopCount: 3
+ *   }}
+ *   autoPlay
+ * >
+ *   <NiceIcon name="star" />
+ * </AnimationController>
+ * ```
+ */
+export declare const AnimationController: React.ForwardRefExoticComponent<AnimationControllerProps & React.RefAttributes<AnimationControllerHandle>>;
+/**
+ * Interactive icon wrapper with hover/click/focus triggers
+ *
+ * @example
+ * ```tsx
+ * <InteractiveIcon
+ *   config={{
+ *     trigger: 'hover',
+ *     enterAnimation: 'bounce',
+ *     leaveAnimation: 'fadeOut',
+ *   }}
+ * >
+ *   <NiceIcon name="heart" />
+ * </InteractiveIcon>
+ * ```
+ *
+ * @example Click
+ * ```tsx
+ * <InteractiveIcon
+ *   config={{
+ *     trigger: 'click',
+ *     enterAnimation: 'pulse',
+ *     once: true,
+ *   }}
+ * >
+ *   <NiceIcon name="notification" />
+ * </InteractiveIcon>
+ * ```
+ */
+export declare const InteractiveIcon: React.ForwardRefExoticComponent<InteractiveIconProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * Create an animation sequence configuration
+ *
+ * @example
+ * ```tsx
+ * const seq = createAnimationSequence([
+ *   { animation: 'shake', duration: 300 },
+ *   { animation: 'pulse', duration: 500 },
+ *   { animation: 'bounce', duration: 400 },
+ * ], { loop: true, loopCount: 2 });
+ * ```
+ */
+export declare function createAnimationSequence(steps: AnimationStep[], options?: Partial<Omit<AnimationSequenceConfig, "steps">>): AnimationSequenceConfig;
+/**
+ * Create an interactive config for hover effect
+ */
+export declare function createHoverAnimation(enterAnimation: AnimationType, leaveAnimation?: AnimationType, options?: {
+    enterDuration?: number;
+    leaveDuration?: number;
+    delay?: number;
+}): InteractiveAnimationConfig;
+/**
+ * Create an interactive config for click effect
+ */
+export declare function createClickAnimation(animation: AnimationType, options?: {
+    duration?: number;
+    once?: boolean;
+    delay?: number;
+}): InteractiveAnimationConfig;
+/**
+ * Create an interactive config for visibility trigger
+ */
+export declare function createVisibilityAnimation(animation: AnimationType, options?: {
+    duration?: number;
+    once?: boolean;
+    threshold?: number;
+}): InteractiveAnimationConfig;
+/**
+ * Preset animation sequences for common use cases
+ */
+export declare const PRESET_SEQUENCES: {
+    /** Attention grabber: bounce → shake → pulse */
+    readonly attention: AnimationSequenceConfig;
+    /** Success animation: pop → bounce */
+    readonly success: AnimationSequenceConfig;
+    /** Error animation: shake → pulse */
+    readonly error: AnimationSequenceConfig;
+    /** Loading sequence: spin → pulse (looping) */
+    readonly loading: AnimationSequenceConfig;
+    /** Celebration: bounce → tada → heartbeat */
+    readonly celebrate: AnimationSequenceConfig;
+    /** Notification: swing → bounce */
+    readonly notification: AnimationSequenceConfig;
+    /** Gentle: pulse → breathe */
+    readonly gentle: AnimationSequenceConfig;
+    /** Reveal: fade-in → pop */
+    readonly reveal: AnimationSequenceConfig;
+};
+/**
+ * Preset interactive configs
+ */
+export declare const PRESET_INTERACTIONS: {
+    /** Bounce on hover */
+    readonly hoverBounce: InteractiveAnimationConfig;
+    /** Pulse on hover */
+    readonly hoverPulse: InteractiveAnimationConfig;
+    /** Spin on hover */
+    readonly hoverSpin: InteractiveAnimationConfig;
+    /** Shake on hover */
+    readonly hoverShake: InteractiveAnimationConfig;
+    /** Pop on click */
+    readonly clickPop: InteractiveAnimationConfig;
+    /** Bounce on click */
+    readonly clickBounce: InteractiveAnimationConfig;
+    /** Tada on click */
+    readonly clickTada: InteractiveAnimationConfig;
+    /** FadeIn on visible */
+    readonly visibleFadeIn: InteractiveAnimationConfig;
+    /** Bounce on visible */
+    readonly visibleBounce: InteractiveAnimationConfig;
+    /** Scale in on visible */
+    readonly visibleScaleIn: InteractiveAnimationConfig;
+};
+export {};

package/dist/types/createIcon.d.ts

@@ -0,0 +1,76 @@
+import type { NtdIconProps, IconRenderProps } from './types';
+/**
+ * A function that receives resolved icon render props and returns SVG elements.
+ *
+ * Used inside {@link CreateIconOptions.paths} to define how each variant
+ * (solid / outline / duotone) should render its SVG content.
+ *
+ * @param props - Pre-resolved rendering properties (colors, opacities, strokeWidth).
+ * @returns React nodes (SVG `<path>`, `<circle>`, `<rect>`, etc.).
+ *
+ * @example
+ * ```tsx
+ * const solidRenderer: IconPathRenderer = ({ primaryColor }) => (
+ *   <path d="M12 4l-8 8h5v8h6v-8h5z" fill={primaryColor} />
+ * );
+ * ```
+ */
+export type IconPathRenderer = (props: IconRenderProps) => React.ReactNode;
+/**
+ * Configuration object for {@link createIcon}.
+ *
+ * @example
+ * ```tsx
+ * const opts: CreateIconOptions = {
+ *   displayName: 'NtdStar',
+ *   viewBox: '0 0 24 24',
+ *   paths: {
+ *     solid:   ({ primaryColor }) => <path d="..." fill={primaryColor} />,
+ *     outline: ({ primaryColor, strokeWidth }) => <path d="..." stroke={primaryColor} strokeWidth={strokeWidth} fill="none" />,
+ *     duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (
+ *       <>
+ *         <path d="..." fill={secondaryColor} opacity={secondaryOpacity} />
+ *         <path d="..." stroke={primaryColor} fill="none" />
+ *       </>
+ *     ),
+ *     flat: ({ primaryColor, secondaryColor }) => (
+ *       <>
+ *         <rect x="2" y="2" width="20" height="20" rx="4" fill={secondaryColor} />
+ *         <path d="..." fill={primaryColor} />
+ *       </>
+ *     ),
+ *   },
+ * };
+ * ```
+ */
+export interface CreateIconOptions {
+    /** React `displayName` for the generated component (e.g. `'NtdStar'`). */
+    displayName: string;
+    /** SVG `viewBox` attribute. @defaultValue `'0 0 24 24'` */
+    viewBox?: string;
+    /**
+     * Renderer functions for each variant.
+     *
+     * Required variants: solid, outline, duotone, flat
+     * Optional variants: sharp, rounded, mini, 3d (fall back to solid if not provided)
+     */
+    paths: {
+        /** Filled variant — shapes use `fill`. */
+        solid: IconPathRenderer;
+        /** Outlined variant — shapes use `stroke`, `fill="none"`. */
+        outline: IconPathRenderer;
+        /** Two-tone variant — background fill at reduced opacity + foreground stroke. */
+        duotone: IconPathRenderer;
+        /** Flat variant — multi-color fills at full opacity, no strokes. */
+        flat: IconPathRenderer;
+        /** Sharp variant — solid with sharp corners. Falls back to solid if not defined. */
+        sharp?: IconPathRenderer;
+        /** Rounded variant — solid with extra-rounded corners. Falls back to solid if not defined. */
+        rounded?: IconPathRenderer;
+        /** Mini variant — compact, optimized for small sizes. Falls back to solid if not defined. */
+        mini?: IconPathRenderer;
+        /** 3D variant — pseudo-3D with shadows and highlights. Falls back to solid if not defined. */
+        '3d'?: IconPathRenderer;
+    };
+}
+export declare function createIcon(options: CreateIconOptions): import("react").ForwardRefExoticComponent<NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/types/figmaExport.d.ts

@@ -0,0 +1,243 @@
+/**
+ * @file figmaExport.ts
+ * @description Export utilities for Figma/Sketch integration
+ *
+ * Provides functions to export icons in formats compatible with
+ * Figma plugins and Sketch libraries.
+ *
+ * @version 1.0.0
+ * @since 2026-03
+ * @license MIT
+ */
+import type { IconVariant } from './types';
+import type { IconPickerEntry } from './NiceIconPicker';
+/**
+ * Figma-compatible vector path data
+ */
+export interface FigmaVectorPath {
+    /** SVG path data (d attribute) */
+    path: string;
+    /** Fill color in hex */
+    fill?: string;
+    /** Fill opacity (0-1) */
+    fillOpacity?: number;
+    /** Stroke color in hex */
+    stroke?: string;
+    /** Stroke width */
+    strokeWeight?: number;
+    /** Stroke cap style */
+    strokeCap?: 'NONE' | 'ROUND' | 'SQUARE';
+    /** Stroke join style */
+    strokeJoin?: 'MITER' | 'BEVEL' | 'ROUND';
+    /** Winding rule */
+    windingRule?: 'NONZERO' | 'EVENODD';
+}
+/**
+ * Figma vector node structure
+ */
+export interface FigmaVectorNode {
+    /** Node type */
+    type: 'VECTOR';
+    /** Node name */
+    name: string;
+    /** Width */
+    width: number;
+    /** Height */
+    height: number;
+    /** Vector paths */
+    vectorPaths: FigmaVectorPath[];
+    /** Node constraints */
+    constraints?: {
+        horizontal: 'MIN' | 'MAX' | 'CENTER' | 'STRETCH' | 'SCALE';
+        vertical: 'MIN' | 'MAX' | 'CENTER' | 'STRETCH' | 'SCALE';
+    };
+}
+/**
+ * Figma frame node for icon
+ */
+export interface FigmaIconFrame {
+    /** Node type */
+    type: 'FRAME';
+    /** Icon name */
+    name: string;
+    /** Frame width */
+    width: number;
+    /** Frame height */
+    height: number;
+    /** Child vector nodes */
+    children: FigmaVectorNode[];
+    /** Background fills */
+    fills?: Array<{
+        type: 'SOLID';
+        color: {
+            r: number;
+            g: number;
+            b: number;
+        };
+        opacity?: number;
+    }>;
+    /** Padding */
+    padding?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+}
+/**
+ * Figma component set (icon with variants)
+ */
+export interface FigmaComponentSet {
+    /** Node type */
+    type: 'COMPONENT_SET';
+    /** Icon name */
+    name: string;
+    /** Variant components */
+    children: FigmaIconFrame[];
+}
+/**
+ * Export options
+ */
+export interface FigmaExportOptions {
+    /** Size of exported icons (default: 24) */
+    size?: number;
+    /** Variants to include (default: all) */
+    variants?: IconVariant[];
+    /** Include as component set with variants */
+    asComponentSet?: boolean;
+    /** Primary color for solid fills */
+    primaryColor?: string;
+    /** Secondary color for duotone fills */
+    secondaryColor?: string;
+    /** Stroke width */
+    strokeWidth?: number;
+}
+/**
+ * Figma plugin manifest entry
+ */
+export interface FigmaPluginIconEntry {
+    /** Icon name without prefix */
+    name: string;
+    /** Category */
+    category: string;
+    /** Available variants */
+    variants: IconVariant[];
+    /** Search tags */
+    tags: string[];
+    /** SVG path data by variant */
+    paths: Record<string, string>;
+}
+/**
+ * Full Figma plugin manifest
+ */
+export interface FigmaPluginManifest {
+    /** Library name */
+    name: string;
+    /** Version */
+    version: string;
+    /** Total icon count */
+    iconCount: number;
+    /** Category list */
+    categories: string[];
+    /** All icons */
+    icons: FigmaPluginIconEntry[];
+}
+/**
+ * Export a single icon to Figma vector node JSON
+ *
+ * @example
+ * ```ts
+ * import { exportIconToFigmaNode, NtdHome } from '@nice2dev/icons';
+ *
+ * const figmaNode = exportIconToFigmaNode(NtdHome, {
+ *   size: 24,
+ *   variant: 'solid',
+ *   primaryColor: '#6c5ce7',
+ * });
+ * // Use in Figma plugin: figma.createNodeFromFigmaNode(figmaNode)
+ * ```
+ */
+export declare function exportIconToFigmaNode(IconComponent: React.ComponentType<{
+    variant?: IconVariant;
+    primaryColor?: string;
+}>, options?: Omit<FigmaExportOptions, 'variants' | 'asComponentSet'> & {
+    variant?: IconVariant;
+}): FigmaIconFrame;
+/**
+ * Export icon to SVG string for Figma import
+ *
+ * Returns a clean SVG string that can be imported into Figma.
+ *
+ * @example
+ * ```ts
+ * import { exportIconToSvgString } from '@nice2dev/icons';
+ *
+ * const svg = exportIconToSvgString(NtdHome, { variant: 'solid', size: 24 });
+ * // Copy to clipboard or use in Figma plugin's figma.createNodeFromSvg()
+ * ```
+ */
+export declare function exportIconToSvgString(svgElement: SVGSVGElement, options?: {
+    size?: number;
+    removeAnimations?: boolean;
+}): string;
+/**
+ * Export icon as base64 data URL
+ */
+export declare function exportIconToDataUrl(svgElement: SVGSVGElement, options?: {
+    size?: number;
+}): string;
+/**
+ * Generate Figma plugin manifest for all icons
+ *
+ * Creates a JSON manifest that can be used by a Figma plugin
+ * to display and insert icons.
+ *
+ * @example
+ * ```ts
+ * import { generateFigmaPluginManifest, allIcons } from '@nice2dev/icons';
+ *
+ * const manifest = generateFigmaPluginManifest(allIcons, {
+ *   name: 'Nice2Dev Icons',
+ *   version: '1.0.0',
+ * });
+ *
+ * // Save as icons.json for your Figma plugin
+ * ```
+ */
+export declare function generateFigmaPluginManifest(icons: IconPickerEntry[], options?: {
+    name?: string;
+    version?: string;
+}): FigmaPluginManifest;
+/**
+ * Download icons as SVG files (browser)
+ *
+ * Triggers a download of the icon as an SVG file.
+ */
+export declare function downloadIconAsSvg(svgElement: SVGSVGElement, filename: string, options?: {
+    size?: number;
+}): void;
+/**
+ * Download icons as PNG (browser)
+ *
+ * Renders the SVG to canvas and downloads as PNG.
+ */
+export declare function downloadIconAsPng(svgElement: SVGSVGElement, filename: string, options?: {
+    size?: number;
+    scale?: number;
+    backgroundColor?: string;
+}): Promise<void>;
+/**
+ * Copy icon SVG to clipboard
+ */
+export declare function copyIconToClipboard(svgElement: SVGSVGElement, options?: {
+    size?: number;
+}): Promise<void>;
+/**
+ * Batch export multiple icons
+ */
+export declare function batchExportIcons(svgElements: Array<{
+    element: SVGSVGElement;
+    name: string;
+}>, format: 'svg' | 'data-url' | 'json', options?: {
+    size?: number;
+}): Record<string, string>;

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

@@ -0,0 +1,25 @@
+export declare const NtdSearch: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdEdit: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdTrash: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdSave: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdDownload: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdUpload: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdShare: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdCopy: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdClipboard: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdPlus: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdMinus: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdCheck: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdFilter: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdSort: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdPrint: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdZoomIn: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdZoomOut: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdUndo: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdRedo: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdLink: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdSettings: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdLogIn: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdLogOut: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdLock: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdUnlock: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;

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

@@ -0,0 +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>>;

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

@@ -0,0 +1,25 @@
+export declare const NtdBriefcase: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdDollar: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdWallet: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdReceipt: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdBank: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdTrendUp: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdTrendDown: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdPercent: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdInvoice: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdStore: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdBarcode: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdCalculator: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdPresentation: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdClipboardCheck: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdPiggyBank: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdCoins: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdBudgetPlanner: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdCreditScore: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdTaxStamp: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdPortfolio: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdHandshakeDeal: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdAuditTrail: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdGrowthTarget: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdKanban: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdMilestone: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;