@jetbrains/ring-ui 4.1.6 → 5.0.0-beta.3

package/components/loader/loader__core.js

@@ -1,251 +1,219 @@
-import {getPixelRatio} from '../global/dom';
-
+import { getPixelRatio } from '../global/dom';
 import styles from './loader.css';
-
 const INITIAL_TICKS = 100;
-
 class Particle {
-  constructor({x, y, radius, color}) {
-    this.radius = radius;
-    this.x = x;
-    this.y = y;
-    this.color = color;
-
-    this.decay = 0.01;
-    this.life = 1;
-  }
-
-  step() {
-    this.life -= this.decay;
-  }
-
-  isAlive() {
-    return this.life >= 0;
-  }
-
-  draw(ctx) {
-    const alpha = this.life >= 0 ? this.life : 0;
-    ctx.fillStyle = `rgba(${this.color.r}, ${this.color.g}, ${this.color.b}, ${alpha})`;
-
-    ctx.beginPath();
-    ctx.arc(this.x + this.radius, this.y + this.radius, this.radius, 0, Math.PI * 2);
-    ctx.fill();
-  }
+    radius;
+    x;
+    y;
+    color;
+    decay;
+    life;
+    constructor({ x, y, radius, color }) {
+        this.radius = radius;
+        this.x = x;
+        this.y = y;
+        this.color = color;
+        this.decay = 0.01;
+        this.life = 1;
+    }
+    step() {
+        this.life -= this.decay;
+    }
+    isAlive() {
+        return this.life >= 0;
+    }
+    draw(ctx) {
+        const alpha = this.life >= 0 ? this.life : 0;
+        ctx.fillStyle = `rgba(${this.color.r}, ${this.color.g}, ${this.color.b}, ${alpha})`;
+        ctx.beginPath();
+        ctx.arc(this.x + this.radius, this.y + this.radius, this.radius, 0, Math.PI * 2);
+        ctx.fill();
+    }
 }
-
 const DETERMINISTIC_VALUE = 0.5;
-
 function deterministic() {
-  return DETERMINISTIC_VALUE;
+    return DETERMINISTIC_VALUE;
 }
-
 export default class LoaderCore {
-  static defaultProps = {
-    size: 64,
-    stop: false,
-    deterministic: false,
-    colors: [
-      {r: 215, g: 60, b: 234}, //#D73CEA
-      {r: 145, g: 53, b: 224}, //#9135E0
-      {r: 88, g: 72, b: 224}, //#5848F4
-      {r: 37, g: 183, b: 255}, //#25B7FF
-      {r: 89, g: 189, b: 0}, //#59BD00
-      {r: 251, g: 172, b: 2}, //#FBAC02
-      {r: 227, g: 37, b: 129} //#E32581
-    ]
-  };
-
-  static calculateGradient(startColor, stopColor, position) {
-    const calculateChannelValue = (a, b) => a + Math.round((b - a) * position);
-
-    return {
-      r: calculateChannelValue(startColor.r, stopColor.r),
-      g: calculateChannelValue(startColor.g, stopColor.g),
-      b: calculateChannelValue(startColor.b, stopColor.b)
+    static defaultProps = {
+        size: 64,
+        stop: false,
+        deterministic: false,
+        colors: [
+            { r: 215, g: 60, b: 234 },
+            { r: 145, g: 53, b: 224 },
+            { r: 88, g: 72, b: 224 },
+            { r: 37, g: 183, b: 255 },
+            { r: 89, g: 189, b: 0 },
+            { r: 251, g: 172, b: 2 },
+            { r: 227, g: 37, b: 129 } //#E32581
+        ]
     };
-  }
-
-  constructor(containerNode, props) {
-    this.props = Object.assign({}, LoaderCore.defaultProps, props);
-    this.renderInNode(containerNode);
-    this.initializeLoader();
-
-    this.isRunning = !this.props.stop;
-
-    if (this.isRunning) {
-      this.startAnimation();
-    } else {
-      this.draw();
-    }
-  }
-
-  static getPixelRatio() {
-    return getPixelRatio();
-  }
-
-  setCanvasSize() {
-    const pixelRatio = LoaderCore.getPixelRatio();
-    const canvasSize = this.props.size * pixelRatio;
-
-    this.canvas.width = canvasSize;
-    this.canvas.height = canvasSize;
-
-    //Fixate canvas physical size to avoid real size scaling
-    this.canvas.style.width = `${this.props.size}px`;
-    this.canvas.style.height = `${this.props.size}px`;
-
-    this.ctx = this.canvas.getContext('2d');
-
-    this.ctx.scale(pixelRatio, pixelRatio);
-  }
-
-  initializeLoader() {
-    this.setCanvasSize();
-
-    this.height = this.props.size;
-    this.width = this.props.size;
-
-    this.particles = [];
-
-    //Configuration
-    this.baseSpeed = 1.0;
-    this.colorIndex = 0;
-    this.maxRadius = 10;
-    this.minRadius = 6;
-    this.colorChangeTick = 40;
-
-    //State
-    this.x = 0;
-    this.y = 0;
-    this.radius = 8;
-    this.hSpeed = 1.5;
-    this.vSpeed = 0.5;
-    this.radiusSpeed = 0.05;
-    this.tick = 0;
-
-    this.prepareInitialState(INITIAL_TICKS);
-  }
-
-  prepareInitialState(ticks) {
-    for (let i = 0; i < ticks; i++) {
-      this.step();
-    }
-  }
-
-  handleLimits(coord, radius, speed, limit) {
-    const randomFunc = this.props.deterministic ? deterministic : Math.random;
-    const randomizedSpeedChange = randomFunc(this.baseSpeed) - this.baseSpeed / 2;
-
-    if (coord + (radius * 2) + this.baseSpeed >= limit) {
-      return -(this.baseSpeed + randomizedSpeedChange);
-    } else if (coord <= this.baseSpeed) {
-      return this.baseSpeed + randomizedSpeedChange;
-    }
-    return speed;
-  }
-
-  calculateNextCoordinates() {
-    this.x += this.hSpeed;
-    this.y += this.vSpeed;
-
-    this.hSpeed = this.handleLimits(this.x, this.radius, this.hSpeed, this.width);
-    this.vSpeed = this.handleLimits(this.y, this.radius, this.vSpeed, this.height);
-  }
-
-  calculateNextRadius() {
-    this.radius += this.radiusSpeed;
-
-    if (this.radius > this.maxRadius || this.radius < this.minRadius) {
-      this.radiusSpeed = -this.radiusSpeed;
-    }
-  }
-
-  getNextColor() {
-    const colors = this.props.colors;
-
-    const currentColor = colors[this.colorIndex];
-    const nextColor = colors[this.colorIndex + 1] || colors[0];
-
-    return LoaderCore.calculateGradient(currentColor, nextColor, this.tick / this.colorChangeTick);
-  }
-
-  nextTick() {
-    this.tick++;
-
-    if (this.tick > this.colorChangeTick) {
-      this.tick = 0;
-      this.colorIndex++;
-      if (this.colorIndex > this.props.colors.length - 1) {
+    static calculateGradient(startColor, stopColor, position) {
+        const calculateChannelValue = (a, b) => a + Math.round((b - a) * position);
+        return {
+            r: calculateChannelValue(startColor.r, stopColor.r),
+            g: calculateChannelValue(startColor.g, stopColor.g),
+            b: calculateChannelValue(startColor.b, stopColor.b)
+        };
+    }
+    props;
+    canvas;
+    textNode;
+    ctx;
+    height;
+    width;
+    particles;
+    baseSpeed;
+    colorIndex;
+    maxRadius;
+    minRadius;
+    colorChangeTick;
+    x;
+    y;
+    radius;
+    hSpeed;
+    vSpeed;
+    radiusSpeed;
+    tick;
+    isRunning;
+    constructor(containerNode, props) {
+        this.props = Object.assign({}, LoaderCore.defaultProps, props);
+        this.canvas = document.createElement('canvas');
+        this.canvas.dataset.test = 'ring-loader';
+        this.canvas.classList.add(styles.canvas);
+        this.textNode = document.createElement('div');
+        this.textNode.dataset.test = 'ring-loader-text';
+        this.textNode.classList.add(styles.text);
+        this.textNode.textContent = this.props.message ? this.props.message : '';
+        containerNode.appendChild(this.canvas);
+        containerNode.appendChild(this.textNode);
+        const pixelRatio = LoaderCore.getPixelRatio();
+        const canvasSize = this.props.size * pixelRatio;
+        this.canvas.width = canvasSize;
+        this.canvas.height = canvasSize;
+        //Fixate canvas physical size to avoid real size scaling
+        this.canvas.style.width = `${this.props.size}px`;
+        this.canvas.style.height = `${this.props.size}px`;
+        this.ctx = this.canvas.getContext('2d');
+        this.ctx?.scale(pixelRatio, pixelRatio);
+        this.height = this.props.size;
+        this.width = this.props.size;
+        this.particles = [];
+        //Configuration
+        this.baseSpeed = 1.0;
         this.colorIndex = 0;
-      }
-    }
-  }
-
-  step() {
-    this.nextTick();
-    this.calculateNextCoordinates();
-    this.calculateNextRadius();
-    this.particles.forEach(particle => particle.step());
-
-    this.particles.push(new Particle({
-      x: this.x,
-      y: this.y,
-      radius: this.radius,
-      color: this.getNextColor()
-    }));
-  }
-
-  removeDeadParticles() {
-    this.particles = this.particles.filter(it => it.isAlive());
-  }
-
-  draw() {
-    this.ctx.clearRect(0, 0, this.width, this.height);
-    this.removeDeadParticles();
-    this.particles.forEach(particle => particle.draw(this.ctx));
-  }
-
-  loop() {
-    this.step();
-    this.draw();
-    if (this.isRunning) {
-      window.requestAnimationFrame(() => this.loop());
-    }
-  }
-
-  updateMessage(text) {
-    this.textNode.textContent = text || '';
-  }
-
-  stopAnimation() {
-    this.isRunning = false;
-    this.canvas.classList.remove(styles.animate);
-  }
-
-  startAnimation() {
-    this.isRunning = true;
-    this.canvas.classList.add(styles.animate);
-    this.loop();
-  }
-
-  destroy() {
-    this.isRunning = false;
-  }
-
-  renderInNode(node) {
-    this.canvas = document.createElement('canvas');
-    this.canvas.dataset.test = 'ring-loader';
-    this.canvas.classList.add(styles.canvas);
-
-    this.textNode = document.createElement('div');
-    this.textNode.dataset.test = 'ring-loader-text';
-    this.textNode.classList.add(styles.text);
-
-    this.textNode.textContent = this.props.message ? this.props.message : '';
-
-    node.appendChild(this.canvas);
-    node.appendChild(this.textNode);
-
-    return node;
-  }
+        this.maxRadius = 10;
+        this.minRadius = 6;
+        this.colorChangeTick = 40;
+        //State
+        this.x = 0;
+        this.y = 0;
+        this.radius = 8;
+        this.hSpeed = 1.5;
+        this.vSpeed = 0.5;
+        this.radiusSpeed = 0.05;
+        this.tick = 0;
+        this.prepareInitialState(INITIAL_TICKS);
+        this.isRunning = !this.props.stop;
+        if (this.isRunning) {
+            this.startAnimation();
+        }
+        else {
+            this.draw();
+        }
+    }
+    static getPixelRatio() {
+        return getPixelRatio();
+    }
+    prepareInitialState(ticks) {
+        for (let i = 0; i < ticks; i++) {
+            this.step();
+        }
+    }
+    handleLimits(coord, radius, speed, limit) {
+        const randomFunc = this.props.deterministic ? deterministic : Math.random;
+        const randomizedSpeedChange = randomFunc() - this.baseSpeed / 2;
+        if (coord + (radius * 2) + this.baseSpeed >= limit) {
+            return -(this.baseSpeed + randomizedSpeedChange);
+        }
+        else if (coord <= this.baseSpeed) {
+            return this.baseSpeed + randomizedSpeedChange;
+        }
+        return speed;
+    }
+    calculateNextCoordinates() {
+        this.x += this.hSpeed;
+        this.y += this.vSpeed;
+        this.hSpeed = this.handleLimits(this.x, this.radius, this.hSpeed, this.width);
+        this.vSpeed = this.handleLimits(this.y, this.radius, this.vSpeed, this.height);
+    }
+    calculateNextRadius() {
+        this.radius += this.radiusSpeed;
+        if (this.radius > this.maxRadius || this.radius < this.minRadius) {
+            this.radiusSpeed = -this.radiusSpeed;
+        }
+    }
+    getNextColor() {
+        const colors = this.props.colors;
+        const currentColor = colors[this.colorIndex];
+        const nextColor = colors[this.colorIndex + 1] || colors[0];
+        return LoaderCore.calculateGradient(currentColor, nextColor, this.tick / this.colorChangeTick);
+    }
+    nextTick() {
+        this.tick++;
+        if (this.tick > this.colorChangeTick) {
+            this.tick = 0;
+            this.colorIndex++;
+            if (this.colorIndex > this.props.colors.length - 1) {
+                this.colorIndex = 0;
+            }
+        }
+    }
+    step() {
+        this.nextTick();
+        this.calculateNextCoordinates();
+        this.calculateNextRadius();
+        this.particles.forEach(particle => particle.step());
+        this.particles.push(new Particle({
+            x: this.x,
+            y: this.y,
+            radius: this.radius,
+            color: this.getNextColor()
+        }));
+    }
+    removeDeadParticles() {
+        this.particles = this.particles.filter(it => it.isAlive());
+    }
+    draw() {
+        const ctx = this.ctx;
+        if (ctx == null) {
+            return;
+        }
+        ctx.clearRect(0, 0, this.width, this.height);
+        this.removeDeadParticles();
+        this.particles.forEach(particle => particle.draw(ctx));
+    }
+    loop() {
+        this.step();
+        this.draw();
+        if (this.isRunning) {
+            window.requestAnimationFrame(() => this.loop());
+        }
+    }
+    updateMessage(text) {
+        this.textNode.textContent = text || '';
+    }
+    stopAnimation() {
+        this.isRunning = false;
+        this.canvas.classList.remove(styles.animate);
+    }
+    startAnimation() {
+        this.isRunning = true;
+        this.canvas.classList.add(styles.animate);
+        this.loop();
+    }
+    destroy() {
+        this.isRunning = false;
+    }
 }

package/components/loader-inline/inject-styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (arg: void) => void;
+export default _default;

package/components/loader-inline/inject-styles.js

@@ -1,28 +1,17 @@
-import {conicGradientWithMask} from '../global/conic-gradient';
-import {injectRuleSet} from '../global/inject-styles';
+import { conicGradientWithMask } from '../global/conic-gradient';
+import { injectRuleSet } from '../global/inject-styles';
 import memoize from '../global/memoize';
 import radialGradientMask from '../global/radial-gradient-mask';
 import Theme from '../global/theme';
-
 import styles from './loader-inline.css';
-
 const IMAGE_SIZE = 32;
-
 export default memoize(() => {
-  const mask = radialGradientMask(styles.unit, {
-    /* eslint-disable no-magic-numbers */
-    transparent: `${23 / 32 * 100}%`,
-    white: `${25 / 32 * 100}%`
-    /* eslint-enable */
-  });
-
-  injectRuleSet(
-    `.${styles.loader}_${[Theme.LIGHT]}::after, .ring-loader-inline::after`,
-    conicGradientWithMask(mask, '#ff00eb,#bd3bff,#008eff, #58ba00,#f48700,#ff00eb', IMAGE_SIZE)
-  );
-
-  injectRuleSet(
-    `.${styles.loader}_${[Theme.DARK]}::after, .ring-loader-inline_dark::after`,
-    conicGradientWithMask(mask, '#ff2eef,#d178ff,#289fff,#88d444,#ffe000,#ff2eef', IMAGE_SIZE)
-  );
+    const mask = radialGradientMask(styles.unit, {
+        /* eslint-disable @typescript-eslint/no-magic-numbers */
+        transparent: `${23 / 32 * 100}%`,
+        white: `${25 / 32 * 100}%`
+        /* eslint-enable */
+    });
+    injectRuleSet(`.${styles.loader}_${[Theme.LIGHT]}::after, .ring-loader-inline::after`, conicGradientWithMask(mask, '#ff00eb,#bd3bff,#008eff, #58ba00,#f48700,#ff00eb', IMAGE_SIZE));
+    injectRuleSet(`.${styles.loader}_${[Theme.DARK]}::after, .ring-loader-inline_dark::after`, conicGradientWithMask(mask, '#ff2eef,#d178ff,#289fff,#88d444,#ffe000,#ff2eef', IMAGE_SIZE));
 });

package/components/loader-inline/loader-inline.d.ts

@@ -0,0 +1,55 @@
+import React, { ComponentPropsWithRef, HTMLAttributes, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import Theme, { ThemeProps } from '../global/theme';
+export interface LoaderInlineProps extends ThemeProps, HTMLAttributes<HTMLDivElement> {
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Loader Inline
+ */
+declare class LoaderInline extends PureComponent<LoaderInlineProps> {
+    static propTypes: {
+        theme: PropTypes.Requireable<Theme>;
+        className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    componentDidMount(): void;
+    static Theme: typeof Theme;
+    render(): JSX.Element;
+}
+declare const ThemedLoaderInline: React.NamedExoticComponent<Omit<(Pick<LoaderInlineProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dir" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "theme" | "data-test"> & Pick<PropTypes.InferProps<{
+    theme: PropTypes.Requireable<Theme>;
+    className: PropTypes.Requireable<string>;
+    'data-test': PropTypes.Requireable<string>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+}>, never> & Pick<LoaderInlineProps, "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dir" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">) | (Pick<LoaderInlineProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dir" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "theme" | "data-test"> & Pick<PropTypes.InferProps<React.WeakValidationMap<LoaderInlineProps> & {
+    theme: PropTypes.Requireable<Theme>;
+    className: PropTypes.Requireable<string>;
+    'data-test': PropTypes.Requireable<string>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+}>, "inlist"> & Pick<LoaderInlineProps, never>), "theme"> & import("../global/theme").ThemeOuterProps & React.RefAttributes<LoaderInline>> & {
+    readonly type: React.ForwardRefExoticComponent<Omit<(Pick<LoaderInlineProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dir" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "theme" | "data-test"> & Pick<PropTypes.InferProps<{
+        theme: PropTypes.Requireable<Theme>;
+        className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    }>, never> & Pick<LoaderInlineProps, "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dir" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">) | (Pick<LoaderInlineProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dir" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "theme" | "data-test"> & Pick<PropTypes.InferProps<React.WeakValidationMap<LoaderInlineProps> & {
+        theme: PropTypes.Requireable<Theme>;
+        className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    }>, "inlist"> & Pick<LoaderInlineProps, never>), "theme"> & import("../global/theme").ThemeOuterProps & React.RefAttributes<LoaderInline>>;
+} & {
+    prototype: LoaderInline;
+    propTypes: {
+        theme: PropTypes.Requireable<Theme>;
+        className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    Theme: typeof Theme;
+    contextType?: React.Context<any> | undefined;
+};
+export declare type LoaderInlineAtrrs = ComponentPropsWithRef<typeof ThemedLoaderInline>;
+export default ThemedLoaderInline;