dirk-cfx-react 1.0.7 → 1.0.20

package/dist/components/index.d.ts

@@ -1,7 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default from 'react';
+import * as framer_motion from 'framer-motion';
 import { Variants } from 'framer-motion';
+import * as _fortawesome_fontawesome_svg_core from '@fortawesome/fontawesome-svg-core';
 import { StoreApi } from 'zustand';
 import { FlexProps } from '@mantine/core';
 
@@ -45,13 +47,6 @@ type ParticleState = {
 };
 declare const FloatingParticles: React__default.FC<FloatingParticlesProps>;
 
-type IconProps = {
-    type: 'fontawesome' | 'lucid';
-    icon: string;
-    size?: string | number;
-};
-declare function Icon(props: IconProps): react_jsx_runtime.JSX.Element;
-
 type InfoBoxProps = {
     leftSide: string;
     rightSide: string;
@@ -74,8 +69,516 @@ declare function InputContainer(props: InputContainerProps): react_jsx_runtime.J
 
 declare const MotionFlex: React__default.ComponentType<any>;
 declare const MotionText: React__default.ComponentType<any>;
-declare const MotionIcon: React__default.ComponentType<any>;
 declare const MotionImage: React__default.ComponentType<any>;
+declare const MotionIcon: React__default.ComponentType<Omit<{
+    string?: string | number | undefined;
+    symbol?: _fortawesome_fontawesome_svg_core.FaSymbol | undefined;
+    ref?: React__default.Ref<SVGSVGElement> | undefined;
+    mask?: _fortawesome_fontawesome_svg_core.IconProp | undefined;
+    transform?: string | _fortawesome_fontawesome_svg_core.Transform | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    className?: string | undefined;
+    color?: string | undefined;
+    height?: string | number | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    max?: string | number | undefined;
+    media?: string | undefined;
+    method?: string | undefined;
+    min?: string | number | undefined;
+    name?: string | undefined;
+    target?: string | undefined;
+    type?: string | undefined;
+    width?: string | number | undefined;
+    role?: React__default.AriaRole | undefined;
+    tabIndex?: number | undefined;
+    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+    accentHeight?: string | number | undefined;
+    accumulate?: "none" | "sum" | undefined;
+    additive?: "replace" | "sum" | undefined;
+    alignmentBaseline?: "alphabetic" | "hanging" | "ideographic" | "mathematical" | "inherit" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
+    allowReorder?: "no" | "yes" | undefined;
+    alphabetic?: string | number | undefined;
+    amplitude?: string | number | undefined;
+    arabicForm?: "terminal" | "initial" | "medial" | "isolated" | undefined;
+    ascent?: string | number | undefined;
+    attributeName?: string | undefined;
+    attributeType?: string | undefined;
+    autoReverse?: (boolean | "true" | "false") | undefined;
+    azimuth?: string | number | undefined;
+    baseFrequency?: string | number | undefined;
+    baselineShift?: string | number | undefined;
+    baseProfile?: string | number | undefined;
+    bbox?: string | number | undefined;
+    begin?: string | number | undefined;
+    bias?: string | number | undefined;
+    by?: string | number | undefined;
+    calcMode?: string | number | undefined;
+    capHeight?: string | number | undefined;
+    clip?: string | number | undefined;
+    clipPath?: string | undefined;
+    clipPathUnits?: string | number | undefined;
+    clipRule?: string | number | undefined;
+    colorInterpolation?: string | number | undefined;
+    colorInterpolationFilters?: "inherit" | "auto" | "sRGB" | "linearRGB" | undefined;
+    colorProfile?: string | number | undefined;
+    colorRendering?: string | number | undefined;
+    contentScriptType?: string | number | undefined;
+    contentStyleType?: string | number | undefined;
+    cursor?: string | number | undefined;
+    cx?: string | number | undefined;
+    cy?: string | number | undefined;
+    d?: string | undefined;
+    decelerate?: string | number | undefined;
+    descent?: string | number | undefined;
+    diffuseConstant?: string | number | undefined;
+    direction?: string | number | undefined;
+    display?: string | number | undefined;
+    divisor?: string | number | undefined;
+    dominantBaseline?: "alphabetic" | "hanging" | "ideographic" | "mathematical" | "inherit" | "auto" | "text-before-edge" | "middle" | "central" | "text-after-edge" | "use-script" | "no-change" | "reset-size" | undefined;
+    dur?: string | number | undefined;
+    dx?: string | number | undefined;
+    dy?: string | number | undefined;
+    edgeMode?: string | number | undefined;
+    elevation?: string | number | undefined;
+    enableBackground?: string | number | undefined;
+    end?: string | number | undefined;
+    exponent?: string | number | undefined;
+    externalResourcesRequired?: (boolean | "true" | "false") | undefined;
+    fill?: string | undefined;
+    fillOpacity?: string | number | undefined;
+    fillRule?: "inherit" | "nonzero" | "evenodd" | undefined;
+    filter?: string | undefined;
+    filterRes?: string | number | undefined;
+    filterUnits?: string | number | undefined;
+    floodColor?: string | number | undefined;
+    floodOpacity?: string | number | undefined;
+    focusable?: "auto" | (boolean | "true" | "false") | undefined;
+    fontFamily?: string | undefined;
+    fontSize?: string | number | undefined;
+    fontSizeAdjust?: string | number | undefined;
+    fontStretch?: string | number | undefined;
+    fontStyle?: string | number | undefined;
+    fontVariant?: string | number | undefined;
+    fontWeight?: string | number | undefined;
+    format?: string | number | undefined;
+    fr?: string | number | undefined;
+    from?: string | number | undefined;
+    fx?: string | number | undefined;
+    fy?: string | number | undefined;
+    g1?: string | number | undefined;
+    g2?: string | number | undefined;
+    glyphName?: string | number | undefined;
+    glyphOrientationHorizontal?: string | number | undefined;
+    glyphOrientationVertical?: string | number | undefined;
+    glyphRef?: string | number | undefined;
+    gradientTransform?: string | undefined;
+    gradientUnits?: string | undefined;
+    hanging?: string | number | undefined;
+    horizAdvX?: string | number | undefined;
+    horizOriginX?: string | number | undefined;
+    href?: string | undefined;
+    ideographic?: string | number | undefined;
+    imageRendering?: string | number | undefined;
+    in2?: string | number | undefined;
+    in?: string | undefined;
+    intercept?: string | number | undefined;
+    k1?: string | number | undefined;
+    k2?: string | number | undefined;
+    k3?: string | number | undefined;
+    k4?: string | number | undefined;
+    k?: string | number | undefined;
+    kernelMatrix?: string | number | undefined;
+    kernelUnitLength?: string | number | undefined;
+    kerning?: string | number | undefined;
+    keyPoints?: string | number | undefined;
+    keySplines?: string | number | undefined;
+    keyTimes?: string | number | undefined;
+    lengthAdjust?: string | number | undefined;
+    letterSpacing?: string | number | undefined;
+    lightingColor?: string | number | undefined;
+    limitingConeAngle?: string | number | undefined;
+    local?: string | number | undefined;
+    markerEnd?: string | undefined;
+    markerHeight?: string | number | undefined;
+    markerMid?: string | undefined;
+    markerStart?: string | undefined;
+    markerUnits?: string | number | undefined;
+    markerWidth?: string | number | undefined;
+    maskContentUnits?: string | number | undefined;
+    maskUnits?: string | number | undefined;
+    mathematical?: string | number | undefined;
+    mode?: string | number | undefined;
+    numOctaves?: string | number | undefined;
+    offset?: string | number | undefined;
+    opacity?: string | number | undefined;
+    operator?: string | number | undefined;
+    order?: string | number | undefined;
+    orient?: string | number | undefined;
+    orientation?: string | number | undefined;
+    origin?: string | number | undefined;
+    overflow?: string | number | undefined;
+    overlinePosition?: string | number | undefined;
+    overlineThickness?: string | number | undefined;
+    paintOrder?: string | number | undefined;
+    panose1?: string | number | undefined;
+    path?: string | undefined;
+    pathLength?: string | number | undefined;
+    patternContentUnits?: string | undefined;
+    patternTransform?: string | number | undefined;
+    patternUnits?: string | undefined;
+    pointerEvents?: string | number | undefined;
+    points?: string | undefined;
+    pointsAtX?: string | number | undefined;
+    pointsAtY?: string | number | undefined;
+    pointsAtZ?: string | number | undefined;
+    preserveAlpha?: (boolean | "true" | "false") | undefined;
+    preserveAspectRatio?: string | undefined;
+    primitiveUnits?: string | number | undefined;
+    r?: string | number | undefined;
+    radius?: string | number | undefined;
+    refX?: string | number | undefined;
+    refY?: string | number | undefined;
+    renderingIntent?: string | number | undefined;
+    repeatCount?: string | number | undefined;
+    repeatDur?: string | number | undefined;
+    requiredExtensions?: string | number | undefined;
+    requiredFeatures?: string | number | undefined;
+    restart?: string | number | undefined;
+    result?: string | undefined;
+    rotate?: string | number | undefined;
+    rx?: string | number | undefined;
+    ry?: string | number | undefined;
+    scale?: string | number | undefined;
+    seed?: string | number | undefined;
+    shapeRendering?: string | number | undefined;
+    slope?: string | number | undefined;
+    spacing?: string | number | undefined;
+    specularConstant?: string | number | undefined;
+    specularExponent?: string | number | undefined;
+    speed?: string | number | undefined;
+    spreadMethod?: string | undefined;
+    startOffset?: string | number | undefined;
+    stdDeviation?: string | number | undefined;
+    stemh?: string | number | undefined;
+    stemv?: string | number | undefined;
+    stitchTiles?: string | number | undefined;
+    stopColor?: string | undefined;
+    stopOpacity?: string | number | undefined;
+    strikethroughPosition?: string | number | undefined;
+    strikethroughThickness?: string | number | undefined;
+    stroke?: string | undefined;
+    strokeDasharray?: string | number | undefined;
+    strokeDashoffset?: string | number | undefined;
+    strokeLinecap?: "square" | "inherit" | "butt" | "round" | undefined;
+    strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
+    strokeMiterlimit?: string | number | undefined;
+    strokeOpacity?: string | number | undefined;
+    strokeWidth?: string | number | undefined;
+    surfaceScale?: string | number | undefined;
+    systemLanguage?: string | number | undefined;
+    tableValues?: string | number | undefined;
+    targetX?: string | number | undefined;
+    targetY?: string | number | undefined;
+    textAnchor?: "end" | "inherit" | "middle" | "start" | undefined;
+    textDecoration?: string | number | undefined;
+    textLength?: string | number | undefined;
+    textRendering?: string | number | undefined;
+    to?: string | number | undefined;
+    u1?: string | number | undefined;
+    u2?: string | number | undefined;
+    underlinePosition?: string | number | undefined;
+    underlineThickness?: string | number | undefined;
+    unicode?: string | number | undefined;
+    unicodeBidi?: string | number | undefined;
+    unicodeRange?: string | number | undefined;
+    unitsPerEm?: string | number | undefined;
+    vAlphabetic?: string | number | undefined;
+    vectorEffect?: string | number | undefined;
+    version?: string | undefined;
+    vertAdvY?: string | number | undefined;
+    vertOriginX?: string | number | undefined;
+    vertOriginY?: string | number | undefined;
+    vHanging?: string | number | undefined;
+    vIdeographic?: string | number | undefined;
+    viewBox?: string | undefined;
+    viewTarget?: string | number | undefined;
+    visibility?: string | number | undefined;
+    vMathematical?: string | number | undefined;
+    widths?: string | number | undefined;
+    wordSpacing?: string | number | undefined;
+    writingMode?: string | number | undefined;
+    x1?: string | number | undefined;
+    x2?: string | number | undefined;
+    x?: string | number | undefined;
+    xChannelSelector?: string | undefined;
+    xHeight?: string | number | undefined;
+    xlinkActuate?: string | undefined;
+    xlinkArcrole?: string | undefined;
+    xlinkHref?: string | undefined;
+    xlinkRole?: string | undefined;
+    xlinkShow?: string | undefined;
+    xlinkTitle?: string | undefined;
+    xlinkType?: string | undefined;
+    xmlBase?: string | undefined;
+    xmlLang?: string | undefined;
+    xmlns?: string | undefined;
+    xmlnsXlink?: string | undefined;
+    xmlSpace?: string | undefined;
+    y1?: string | number | undefined;
+    y2?: string | number | undefined;
+    y?: string | number | undefined;
+    yChannelSelector?: string | undefined;
+    z?: string | number | undefined;
+    zoomAndPan?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "location" | "page" | "time" | "true" | "false" | "step" | "date" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "grid" | "tree" | "dialog" | "menu" | "listbox" | "true" | "false" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React__default.ClipboardEventHandler<SVGSVGElement> | undefined;
+    onCopyCapture?: React__default.ClipboardEventHandler<SVGSVGElement> | undefined;
+    onCut?: React__default.ClipboardEventHandler<SVGSVGElement> | undefined;
+    onCutCapture?: React__default.ClipboardEventHandler<SVGSVGElement> | undefined;
+    onPaste?: React__default.ClipboardEventHandler<SVGSVGElement> | undefined;
+    onPasteCapture?: React__default.ClipboardEventHandler<SVGSVGElement> | undefined;
+    onCompositionEnd?: React__default.CompositionEventHandler<SVGSVGElement> | undefined;
+    onCompositionEndCapture?: React__default.CompositionEventHandler<SVGSVGElement> | undefined;
+    onCompositionStart?: React__default.CompositionEventHandler<SVGSVGElement> | undefined;
+    onCompositionStartCapture?: React__default.CompositionEventHandler<SVGSVGElement> | undefined;
+    onCompositionUpdate?: React__default.CompositionEventHandler<SVGSVGElement> | undefined;
+    onCompositionUpdateCapture?: React__default.CompositionEventHandler<SVGSVGElement> | undefined;
+    onFocus?: React__default.FocusEventHandler<SVGSVGElement> | undefined;
+    onFocusCapture?: React__default.FocusEventHandler<SVGSVGElement> | undefined;
+    onBlur?: React__default.FocusEventHandler<SVGSVGElement> | undefined;
+    onBlurCapture?: React__default.FocusEventHandler<SVGSVGElement> | undefined;
+    onChange?: React__default.FormEventHandler<SVGSVGElement> | undefined;
+    onChangeCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
+    onBeforeInput?: React__default.InputEventHandler<SVGSVGElement> | undefined;
+    onBeforeInputCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
+    onInput?: React__default.FormEventHandler<SVGSVGElement> | undefined;
+    onInputCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
+    onReset?: React__default.FormEventHandler<SVGSVGElement> | undefined;
+    onResetCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
+    onSubmit?: React__default.FormEventHandler<SVGSVGElement> | undefined;
+    onSubmitCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
+    onInvalid?: React__default.FormEventHandler<SVGSVGElement> | undefined;
+    onInvalidCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
+    onLoad?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onLoadCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onError?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onErrorCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onKeyDown?: React__default.KeyboardEventHandler<SVGSVGElement> | undefined;
+    onKeyDownCapture?: React__default.KeyboardEventHandler<SVGSVGElement> | undefined;
+    onKeyPress?: React__default.KeyboardEventHandler<SVGSVGElement> | undefined;
+    onKeyPressCapture?: React__default.KeyboardEventHandler<SVGSVGElement> | undefined;
+    onKeyUp?: React__default.KeyboardEventHandler<SVGSVGElement> | undefined;
+    onKeyUpCapture?: React__default.KeyboardEventHandler<SVGSVGElement> | undefined;
+    onAbort?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onAbortCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onCanPlay?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onCanPlayCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onCanPlayThrough?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onCanPlayThroughCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onDurationChange?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onDurationChangeCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onEmptied?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onEmptiedCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onEncrypted?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onEncryptedCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onEnded?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onEndedCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onLoadedData?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onLoadedDataCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onLoadedMetadata?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onLoadedMetadataCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onLoadStart?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onLoadStartCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onPause?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onPauseCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onPlay?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onPlayCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onPlaying?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onPlayingCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onProgress?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onProgressCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onRateChange?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onRateChangeCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onSeeked?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onSeekedCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onSeeking?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onSeekingCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onStalled?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onStalledCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onSuspend?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onSuspendCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onTimeUpdate?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onTimeUpdateCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onVolumeChange?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onVolumeChangeCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onWaiting?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onWaitingCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onAuxClick?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onAuxClickCapture?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onClick?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onClickCapture?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onContextMenu?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onContextMenuCapture?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onDoubleClick?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onDoubleClickCapture?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onDragCapture?: React__default.DragEventHandler<SVGSVGElement> | undefined;
+    onDragEndCapture?: React__default.DragEventHandler<SVGSVGElement> | undefined;
+    onDragEnter?: React__default.DragEventHandler<SVGSVGElement> | undefined;
+    onDragEnterCapture?: React__default.DragEventHandler<SVGSVGElement> | undefined;
+    onDragExit?: React__default.DragEventHandler<SVGSVGElement> | undefined;
+    onDragExitCapture?: React__default.DragEventHandler<SVGSVGElement> | undefined;
+    onDragLeave?: React__default.DragEventHandler<SVGSVGElement> | undefined;
+    onDragLeaveCapture?: React__default.DragEventHandler<SVGSVGElement> | undefined;
+    onDragOver?: React__default.DragEventHandler<SVGSVGElement> | undefined;
+    onDragOverCapture?: React__default.DragEventHandler<SVGSVGElement> | undefined;
+    onDragStartCapture?: React__default.DragEventHandler<SVGSVGElement> | undefined;
+    onDrop?: React__default.DragEventHandler<SVGSVGElement> | undefined;
+    onDropCapture?: React__default.DragEventHandler<SVGSVGElement> | undefined;
+    onMouseDown?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onMouseDownCapture?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onMouseEnter?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onMouseLeave?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onMouseMove?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onMouseMoveCapture?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onMouseOut?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onMouseOutCapture?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onMouseOver?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onMouseOverCapture?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onMouseUp?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onMouseUpCapture?: React__default.MouseEventHandler<SVGSVGElement> | undefined;
+    onSelect?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onSelectCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
+    onTouchCancel?: React__default.TouchEventHandler<SVGSVGElement> | undefined;
+    onTouchCancelCapture?: React__default.TouchEventHandler<SVGSVGElement> | undefined;
+    onTouchEnd?: React__default.TouchEventHandler<SVGSVGElement> | undefined;
+    onTouchEndCapture?: React__default.TouchEventHandler<SVGSVGElement> | undefined;
+    onTouchMove?: React__default.TouchEventHandler<SVGSVGElement> | undefined;
+    onTouchMoveCapture?: React__default.TouchEventHandler<SVGSVGElement> | undefined;
+    onTouchStart?: React__default.TouchEventHandler<SVGSVGElement> | undefined;
+    onTouchStartCapture?: React__default.TouchEventHandler<SVGSVGElement> | undefined;
+    onPointerDown?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onPointerDownCapture?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onPointerMove?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onPointerMoveCapture?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onPointerUp?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onPointerUpCapture?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onPointerCancel?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onPointerCancelCapture?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onPointerEnter?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onPointerLeave?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onPointerOver?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onPointerOverCapture?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onPointerOut?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onPointerOutCapture?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onGotPointerCapture?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onGotPointerCaptureCapture?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onLostPointerCapture?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onLostPointerCaptureCapture?: React__default.PointerEventHandler<SVGSVGElement> | undefined;
+    onScroll?: React__default.UIEventHandler<SVGSVGElement> | undefined;
+    onScrollCapture?: React__default.UIEventHandler<SVGSVGElement> | undefined;
+    onScrollEnd?: React__default.UIEventHandler<SVGSVGElement> | undefined;
+    onScrollEndCapture?: React__default.UIEventHandler<SVGSVGElement> | undefined;
+    onWheel?: React__default.WheelEventHandler<SVGSVGElement> | undefined;
+    onWheelCapture?: React__default.WheelEventHandler<SVGSVGElement> | undefined;
+    onAnimationStartCapture?: React__default.AnimationEventHandler<SVGSVGElement> | undefined;
+    onAnimationEnd?: React__default.AnimationEventHandler<SVGSVGElement> | undefined;
+    onAnimationEndCapture?: React__default.AnimationEventHandler<SVGSVGElement> | undefined;
+    onAnimationIteration?: React__default.AnimationEventHandler<SVGSVGElement> | undefined;
+    onAnimationIterationCapture?: React__default.AnimationEventHandler<SVGSVGElement> | undefined;
+    onToggle?: React__default.ToggleEventHandler<SVGSVGElement> | undefined;
+    onBeforeToggle?: React__default.ToggleEventHandler<SVGSVGElement> | undefined;
+    onTransitionCancel?: React__default.TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionCancelCapture?: React__default.TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionEnd?: React__default.TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionEndCapture?: React__default.TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionRun?: React__default.TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionRunCapture?: React__default.TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionStart?: React__default.TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionStartCapture?: React__default.TransitionEventHandler<SVGSVGElement> | undefined;
+    icon?: _fortawesome_fontawesome_svg_core.IconProp | undefined;
+    size?: _fortawesome_fontawesome_svg_core.SizeProp | undefined;
+    maskId?: string | undefined;
+    border?: boolean | undefined;
+    fixedWidth?: boolean | undefined;
+    inverse?: boolean | undefined;
+    title?: string | undefined;
+    titleId?: string | undefined;
+    swapOpacity?: boolean | undefined;
+    widthAuto?: boolean | undefined;
+    spin?: boolean | undefined;
+    spinPulse?: boolean | undefined;
+    spinReverse?: boolean | undefined;
+    pulse?: boolean | undefined;
+    beat?: boolean | undefined;
+    fade?: boolean | undefined;
+    beatFade?: boolean | undefined;
+    bounce?: boolean | undefined;
+    shake?: boolean | undefined;
+    listItem?: boolean | undefined;
+    flip?: boolean | _fortawesome_fontawesome_svg_core.FlipProp | undefined;
+    pull?: _fortawesome_fontawesome_svg_core.PullProp | undefined;
+    rotation?: _fortawesome_fontawesome_svg_core.RotateProp | undefined;
+    rotateBy?: boolean | undefined;
+    key?: React__default.Key | null | undefined;
+} & framer_motion.MotionProps, "children"> & {
+    children?: React__default.ReactNode | framer_motion.MotionValue<number> | framer_motion.MotionValue<string>;
+}>;
 
 type SegmentProps = {
     label: string;
@@ -140,4 +643,4 @@ type TitleProps = {
 };
 declare function Title(props: TitleProps): react_jsx_runtime.JSX.Element;
 
-export { BorderedIcon, type BorderedIconProps, type ButtonProps, Counter, FloatingParticles, type FloatingParticlesProps, Icon, type IconProps, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, type ProgressProps, Segment, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, Title, type TitleProps, useNavigation, useNavigationStore };
+export { BorderedIcon, type BorderedIconProps, type ButtonProps, Counter, FloatingParticles, type FloatingParticlesProps, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, type ProgressProps, Segment, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, Title, type TitleProps, useNavigation, useNavigationStore };

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Flex, Text, Image, useMantineTheme } from '@mantine/core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { motion, AnimatePresence, useMotionValue } from 'framer-motion';
 import { createContext, useRef, useState, useEffect, useContext } from 'react';
 import { create, useStore } from 'zustand';
@@ -198,10 +198,10 @@ function BorderedIcon(props) {
     }
   );
 }
-var MotionFlex = motion(Flex);
-var MotionText = motion(Text);
-var MotionIcon = motion(FontAwesomeIcon);
-var MotionImage = motion(Image);
+var MotionFlex = motion.create(Flex);
+var MotionText = motion.create(Text);
+var MotionImage = motion.create(Image);
+var MotionIcon = motion.create(FontAwesomeIcon);
 function Counter(props) {
   return /* @__PURE__ */ jsx(AnimatePresence, { children: props.count > 0 && /* @__PURE__ */ jsx(
     MotionFlex,
@@ -416,9 +416,6 @@ var FloatingParticles = ({
     }
   );
 };
-function Icon(props) {
-  return /* @__PURE__ */ jsx(Fragment, {});
-}
 function InfoBox(props) {
   const theme = useMantineTheme();
   return /* @__PURE__ */ jsxs(
@@ -607,15 +604,19 @@ async function fetchNui(eventName, data, mockData) {
     },
     body: JSON.stringify(data)
   };
-  console.log("Mock Data:", mockData);
-  console.log("Is Env Browser:", isEnvBrowser());
+  if (isEnvBrowser()) {
+    console.warn(
+      `[fetchNui] Called fetchNui for event "${eventName}" in browser environment without mockData. Returning empty object.`
+    );
+    return {};
+  }
   const resourceName = window.GetParentResourceName ? window.GetParentResourceName() : "nui-frame-app";
   const resp = await fetch(`https://${resourceName}/${eventName}`, options);
   const respFormatted = await resp.json();
   return respFormatted;
 }
 function fetchOnLoad(eventName, data, mockData) {
-  return fetchNui(eventName, data, mockData).catch((err) => {
+  return fetchNui(eventName, data).catch((err) => {
     console.error(`[fetchOnLoad] Failed for ${eventName}:`, err);
     throw err;
   });
@@ -989,6 +990,6 @@ function Title(props) {
   );
 }
 
-export { BorderedIcon, Counter, FloatingParticles, Icon, InfoBox, InputContainer, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, Segment, SegmentedControl, SegmentedProgress, Title, useNavigation, useNavigationStore };
+export { BorderedIcon, Counter, FloatingParticles, InfoBox, InputContainer, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, Segment, SegmentedControl, SegmentedProgress, Title, useNavigation, useNavigationStore };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map