dirk-cfx-react 1.1.2 → 1.1.5

package/dist/components/index.d.ts

@@ -0,0 +1,699 @@
+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';
+
+type BorderedIconProps = {
+    icon: string;
+    color?: string;
+    fontSize?: string;
+    hovered?: boolean;
+    hoverable?: boolean;
+    radius?: string;
+    p?: string;
+};
+declare function BorderedIcon(props: BorderedIconProps): react_jsx_runtime.JSX.Element;
+
+declare function Counter(props: {
+    count: number;
+    color?: string;
+    style?: React.CSSProperties;
+}): react_jsx_runtime.JSX.Element;
+
+type FloatingParticlesProps = {
+    icons?: React__default.ReactNode[];
+    particleCount?: number;
+    color?: string;
+    size?: number;
+    speed?: 'slow' | 'medium' | 'fast';
+    opacity?: number;
+    className?: string;
+    style?: React__default.CSSProperties;
+    mouseRepelDistance?: number;
+    mouseRepelStrength?: number;
+    backgroundColor?: string;
+};
+type ParticleState = {
+    id: number;
+    baseX: number;
+    baseY: number;
+    currentX: number;
+    currentY: number;
+    icon: React__default.ReactNode | null;
+    animationDuration: number;
+};
+declare const FloatingParticles: React__default.FC<FloatingParticlesProps>;
+
+type InfoBoxProps = {
+    leftSide: string;
+    rightSide: string;
+};
+declare function InfoBox(props: InfoBoxProps): react_jsx_runtime.JSX.Element;
+
+type InputContainerProps = {
+    title?: string;
+    error?: string;
+    description?: string;
+    children?: React.ReactNode;
+    w?: string | number;
+    flex?: number | string;
+    h?: string | number;
+    bg?: string;
+    p?: string | number;
+    variants?: Variants;
+    style?: React.CSSProperties;
+    rightSection?: React.ReactNode;
+};
+declare function InputContainer(props: InputContainerProps): react_jsx_runtime.JSX.Element;
+
+declare const MotionFlex: React__default.ComponentType<any>;
+declare const MotionText: 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;
+    title?: string | undefined;
+    filter?: string | undefined;
+    fill?: string | undefined;
+    type?: string | 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;
+    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;
+    fillOpacity?: string | number | undefined;
+    fillRule?: "inherit" | "nonzero" | "evenodd" | 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 | "time" | "location" | "page" | "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 | "dialog" | "menu" | "grid" | "tree" | "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;
+    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;
+    value: string;
+    icon?: string;
+    rightSection?: React.ReactNode;
+    color?: string;
+};
+type SegmentedControlProps = {
+    w?: string;
+    multi?: boolean;
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    fz?: string;
+    justify?: FlexProps['justify'];
+    items: SegmentProps[];
+    sounds?: boolean;
+    roundEdges?: boolean;
+    color?: string;
+} & FlexProps;
+declare function SegmentedControl(props: SegmentedControlProps): react_jsx_runtime.JSX.Element;
+
+type NavigationStore = {
+    pageId: string;
+};
+declare const NavigationContext: React$1.Context<StoreApi<NavigationStore> | null>;
+declare function useNavigation<T>(selector: (state: NavigationStore) => T): T;
+declare function useNavigationStore(): StoreApi<NavigationStore>;
+declare function NavigationProvider({ children, defaultPage }: {
+    children: React.ReactNode;
+    defaultPage?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function NavBar(props: {
+    items: SegmentProps[];
+}): react_jsx_runtime.JSX.Element;
+
+type ProgressProps = {
+    progress: number;
+    segments: number;
+    size?: string | number;
+};
+declare function SegmentedProgress(props: ProgressProps): react_jsx_runtime.JSX.Element;
+
+type ButtonProps = {
+    icon: string;
+    onClick?: () => void;
+};
+type TitleProps = {
+    title: string;
+    description: string;
+    icon: string;
+    iconColor?: string;
+    bg?: string;
+    w?: string;
+    removeBorder?: boolean;
+    borderColor?: string;
+    p?: string;
+    rightSection?: React.ReactNode;
+};
+declare function Title(props: TitleProps): react_jsx_runtime.JSX.Element;
+
+declare function LevelBanner(props: {
+    exp: number;
+    level: number;
+    nextLevelXP: number;
+    progressToLevel: number;
+    color?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function LevelPanel(props: {
+    exp: number;
+    level: number;
+    nextLevelXP: number;
+    progressToLevel: number;
+    text?: string;
+    color?: string;
+}): react_jsx_runtime.JSX.Element;
+
+type PromptButton = {
+    icon?: string;
+    text: string;
+    color?: string;
+    variant?: 'filled' | 'outline' | 'light' | 'subtle' | 'default';
+    onClick: () => void;
+};
+type Prompt = {
+    message: string;
+    buttons: PromptButton[];
+};
+declare function PromptModal(props: Prompt): react_jsx_runtime.JSX.Element;
+
+type ModalProps = {
+    children: React.ReactNode;
+    title: string;
+    icon: string;
+    description?: string;
+    height?: string;
+    width?: string;
+    clickOutside?: boolean;
+};
+type ModalStore = {
+    active: ModalProps | null;
+};
+declare const ModalContext: React$1.Context<StoreApi<ModalStore> | null>;
+declare function useModal<T>(selector: (state: ModalStore) => T): T;
+declare function ModalProvider({ children, defaultPage }: {
+    children: React.ReactNode;
+    defaultPage?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function useModalActions(): {
+    showModal: (openModal: ModalProps) => void;
+    hideModal: () => void;
+};
+
+export { BorderedIcon, type BorderedIconProps, type ButtonProps, Counter, FloatingParticles, type FloatingParticlesProps, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, LevelBanner, LevelPanel, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, type ProgressProps, type Prompt, type PromptButton, PromptModal, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, Title, type TitleProps, useModal, useModalActions, useNavigation, useNavigationStore };