@jetbrains/ring-ui-built 8.0.0-beta.2 → 8.0.0-beta.3

package/components/table/table-virtualize.js

@@ -1,22 +1,22 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { useRef, useState, useEffect } from 'react';
-import useEventCallback from '../global/use-event-callback.js';
 import { useIntersectionObserverHandle } from '../global/intersection-observer-context.js';
 import { s as styles } from '../_helpers/table.js';
 import { jsx } from 'react/jsx-runtime';
 
 const virtualizationThrottleDelay = 50;
 function useTableVirtualize(t0) {
-  const $ = c(33);
-  if ($[0] !== "43a8daad27f2d756ec5346c25f1057b419a001b3d7cb998cd41acf333e829c58") {
-    for (let $i = 0; $i < 33; $i += 1) {
+  const $ = c(34);
+  if ($[0] !== "4b7f7b12eb2c9ae3487ce5d00c7be96dc9b8807a6bbfe2c9b314700f443d7188") {
+    for (let $i = 0; $i < 34; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "43a8daad27f2d756ec5346c25f1057b419a001b3d7cb998cd41acf333e829c58";
+    $[0] = "4b7f7b12eb2c9ae3487ce5d00c7be96dc9b8807a6bbfe2c9b314700f443d7188";
   }
   const {
     enabled,
-    length,
+    data,
+    data: t1,
     scrollerRef,
     tableRef,
     estimateHeight,
@@ -24,35 +24,37 @@ function useTableVirtualize(t0) {
     retentionMarginPx,
     minScrollAndResizeDeltaPx
   } = t0;
-  let t1;
+  const {
+    length
+  } = t1;
+  let t2;
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = [];
-    $[1] = t1;
+    t2 = [];
+    $[1] = t2;
   } else {
-    t1 = $[1];
+    t2 = $[1];
   }
-  const itemsMaterialization = useRef(t1);
-  let t2;
-  if ($[2] !== estimateHeight || $[3] !== length) {
-    t2 = () => [{
+  const itemsMaterialization = useRef(t2);
+  let t3;
+  if ($[2] !== data || $[3] !== estimateHeight || $[4] !== length) {
+    t3 = () => [{
       type: "spacer",
       from: 0,
       to: length,
-      height: Array.from({
-        length
-      }, (_, i) => estimateHeight(i)).reduce(_temp, 0),
+      height: data.reduce((acc, item, index, items) => acc + estimateHeight(item, index, items), 0),
       key: `${styles.spacerRow}-0`
     }];
-    $[2] = estimateHeight;
-    $[3] = length;
-    $[4] = t2;
+    $[2] = data;
+    $[3] = estimateHeight;
+    $[4] = length;
+    $[5] = t3;
   } else {
-    t2 = $[4];
+    t3 = $[5];
   }
-  const [virtualItems, setVirtualItems] = useState(t2);
-  let t3;
-  if ($[5] !== estimateHeight || $[6] !== lookaheadPx || $[7] !== scrollerRef || $[8] !== tableRef) {
-    t3 = () => {
+  const [virtualItems, setVirtualItems] = useState(t3);
+  let t4;
+  if ($[6] !== data || $[7] !== estimateHeight || $[8] !== lookaheadPx || $[9] !== scrollerRef || $[10] !== tableRef) {
+    t4 = () => {
       var _scrollerRef$current$;
       if (!tableRef.current) {
         return;
@@ -71,13 +73,13 @@ function useTableVirtualize(t0) {
         let offsetInSpacer = 0;
         const from = Number(spacerRow.dataset.from);
         const to = Number(spacerRow.dataset.to);
-        for (let i_0 = from; i_0 < to; i_0++) {
-          const itemMaterialization = itemsMaterialization.current[i_0];
-          const itemHeight = typeof itemMaterialization === "number" ? itemMaterialization : estimateHeight(i_0);
+        for (let i = from; i < to; i++) {
+          const itemMaterialization = itemsMaterialization.current[i];
+          const itemHeight = typeof itemMaterialization === "number" ? itemMaterialization : estimateHeight(data[i], i, data);
           const itemOffsetStart = offsetInSpacer;
           const itemOffsetEnd = offsetInSpacer + itemHeight;
           if (itemOffsetStart < materializeOffsetEnd && itemOffsetEnd > materializeOffsetStart) {
-            itemsMaterialization.current[i_0] = true;
+            itemsMaterialization.current[i] = true;
           } else {
             if (itemOffsetStart > materializeOffsetEnd) {
               break;
@@ -87,39 +89,40 @@ function useTableVirtualize(t0) {
         }
       }
     };
-    $[5] = estimateHeight;
-    $[6] = lookaheadPx;
-    $[7] = scrollerRef;
-    $[8] = tableRef;
-    $[9] = t3;
+    $[6] = data;
+    $[7] = estimateHeight;
+    $[8] = lookaheadPx;
+    $[9] = scrollerRef;
+    $[10] = tableRef;
+    $[11] = t4;
   } else {
-    t3 = $[9];
+    t4 = $[11];
   }
-  const materializeVisibleSpacerItems = useEventCallback(t3);
-  let t4;
-  if ($[10] !== estimateHeight || $[11] !== length) {
-    t4 = () => {
+  const materializeVisibleSpacerItems = t4;
+  let t5;
+  if ($[12] !== data || $[13] !== estimateHeight || $[14] !== length) {
+    t5 = () => {
       const newVirtualItems = [];
       let spacerCounter = 0;
-      for (let i_1 = 0; i_1 < length; i_1++) {
-        const itemMaterialization_0 = itemsMaterialization.current[i_1];
+      for (let i_0 = 0; i_0 < length; i_0++) {
+        const itemMaterialization_0 = itemsMaterialization.current[i_0];
         if (itemMaterialization_0 === true) {
           newVirtualItems.push({
             type: "rendered",
-            index: i_1
+            index: i_0
           });
         } else {
           const lastItemOrSpacer = newVirtualItems[newVirtualItems.length - 1];
           const lastSpacer = lastItemOrSpacer?.type === "spacer" ? lastItemOrSpacer : undefined;
-          const height = typeof itemMaterialization_0 === "number" ? itemMaterialization_0 : estimateHeight(i_1);
+          const height = typeof itemMaterialization_0 === "number" ? itemMaterialization_0 : estimateHeight(data[i_0], i_0, data);
           if (lastSpacer) {
-            lastSpacer.to = i_1 + 1;
+            lastSpacer.to = i_0 + 1;
             lastSpacer.height = lastSpacer.height + height;
           } else {
             newVirtualItems.push({
               type: "spacer",
-              from: i_1,
-              to: i_1 + 1,
+              from: i_0,
+              to: i_0 + 1,
               height,
               key: `${styles.spacerRow}-${spacerCounter++}`
             });
@@ -128,19 +131,20 @@ function useTableVirtualize(t0) {
       }
       setVirtualItems(newVirtualItems);
     };
-    $[10] = estimateHeight;
-    $[11] = length;
-    $[12] = t4;
+    $[12] = data;
+    $[13] = estimateHeight;
+    $[14] = length;
+    $[15] = t5;
   } else {
-    t4 = $[12];
+    t5 = $[15];
   }
-  const recomputeVirtualItems = useEventCallback(t4);
+  const recomputeVirtualItems = t5;
   const timerIdRef = useRef(null);
   const callbacksRef = useRef(null);
-  let t5;
-  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = (...t6) => {
-      const callbacks = t6;
+  let t6;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = (...t7) => {
+      const callbacks = t7;
       if (timerIdRef.current != null) {
         callbacks.forEach(cb => {
           callbacksRef.current.delete(cb);
@@ -150,20 +154,20 @@ function useTableVirtualize(t0) {
       }
       callbacksRef.current = new Set(callbacks);
       timerIdRef.current = window.setTimeout(() => {
-        callbacksRef.current.forEach(_temp2);
+        callbacksRef.current.forEach(_temp);
         timerIdRef.current = null;
         callbacksRef.current = null;
       }, virtualizationThrottleDelay);
     };
-    $[13] = t5;
+    $[16] = t6;
   } else {
-    t5 = $[13];
+    t6 = $[16];
   }
-  const throttle = useEventCallback(t5);
-  let t6;
+  const throttle = t6;
   let t7;
-  if ($[14] !== enabled || $[15] !== materializeVisibleSpacerItems || $[16] !== minScrollAndResizeDeltaPx || $[17] !== recomputeVirtualItems || $[18] !== scrollerRef || $[19] !== throttle) {
-    t6 = () => {
+  let t8;
+  if ($[17] !== enabled || $[18] !== materializeVisibleSpacerItems || $[19] !== minScrollAndResizeDeltaPx || $[20] !== recomputeVirtualItems || $[21] !== scrollerRef) {
+    t7 = () => {
       if (!enabled) {
         return;
       }
@@ -196,86 +200,81 @@ function useTableVirtualize(t0) {
         resizeObserver.disconnect();
       };
     };
-    t7 = [enabled, materializeVisibleSpacerItems, minScrollAndResizeDeltaPx, recomputeVirtualItems, scrollerRef, throttle];
-    $[14] = enabled;
-    $[15] = materializeVisibleSpacerItems;
-    $[16] = minScrollAndResizeDeltaPx;
-    $[17] = recomputeVirtualItems;
-    $[18] = scrollerRef;
-    $[19] = throttle;
-    $[20] = t6;
-    $[21] = t7;
+    t8 = [enabled, materializeVisibleSpacerItems, minScrollAndResizeDeltaPx, recomputeVirtualItems, scrollerRef, throttle];
+    $[17] = enabled;
+    $[18] = materializeVisibleSpacerItems;
+    $[19] = minScrollAndResizeDeltaPx;
+    $[20] = recomputeVirtualItems;
+    $[21] = scrollerRef;
+    $[22] = t7;
+    $[23] = t8;
   } else {
-    t6 = $[20];
-    t7 = $[21];
+    t7 = $[22];
+    t8 = $[23];
   }
-  useEffect(t6, t7);
+  useEffect(t7, t8);
   const intersectionObserverHandle = useIntersectionObserverHandle(scrollerRef, scrollerRef ? retentionMarginPx : undefined, !scrollerRef ? retentionMarginPx : undefined);
-  let t8;
-  if ($[22] !== enabled || $[23] !== recomputeVirtualItems || $[24] !== throttle) {
-    t8 = (index, height_1) => {
+  let t9;
+  if ($[24] !== enabled || $[25] !== recomputeVirtualItems) {
+    t9 = (index_0, height_1) => {
       if (!enabled) {
         return;
       }
-      itemsMaterialization.current[index] = height_1;
+      itemsMaterialization.current[index_0] = height_1;
       throttle(recomputeVirtualItems);
     };
-    $[22] = enabled;
-    $[23] = recomputeVirtualItems;
-    $[24] = throttle;
-    $[25] = t8;
+    $[24] = enabled;
+    $[25] = recomputeVirtualItems;
+    $[26] = t9;
   } else {
-    t8 = $[25];
+    t9 = $[26];
   }
-  const collapseItemIntoSpacer = useEventCallback(t8);
-  let t9;
-  if ($[26] !== enabled || $[27] !== length) {
-    t9 = Array.from({
+  const collapseItemIntoSpacer = t9;
+  let t10;
+  if ($[27] !== enabled || $[28] !== length) {
+    t10 = Array.from({
       length: enabled ? 0 : length
-    }, _temp3);
-    $[26] = enabled;
-    $[27] = length;
-    $[28] = t9;
+    }, _temp2);
+    $[27] = enabled;
+    $[28] = length;
+    $[29] = t10;
   } else {
-    t9 = $[28];
+    t10 = $[29];
   }
-  const allVisibleVirtualItems = t9;
-  const t10 = enabled ? virtualItems : allVisibleVirtualItems;
-  let t11;
-  if ($[29] !== collapseItemIntoSpacer || $[30] !== intersectionObserverHandle || $[31] !== t10) {
-    t11 = {
-      virtualItems: t10,
+  const allVisibleVirtualItems = t10;
+  const t11 = enabled ? virtualItems : allVisibleVirtualItems;
+  let t12;
+  if ($[30] !== collapseItemIntoSpacer || $[31] !== intersectionObserverHandle || $[32] !== t11) {
+    t12 = {
+      virtualItems: t11,
       intersectionObserverHandle,
       collapseItemIntoSpacer
     };
-    $[29] = collapseItemIntoSpacer;
-    $[30] = intersectionObserverHandle;
-    $[31] = t10;
+    $[30] = collapseItemIntoSpacer;
+    $[31] = intersectionObserverHandle;
     $[32] = t11;
+    $[33] = t12;
   } else {
-    t11 = $[32];
+    t12 = $[33];
   }
-  return t11;
+  return t12;
 }
-function _temp3(__0, index_0) {
+function _temp2(_, index_1) {
   return {
     type: "rendered",
-    index: index_0
+    index: index_1
   };
 }
-function _temp2(cb_0) {
+function _temp(cb_0) {
   return cb_0();
 }
-function _temp(a, b) {
-  return a + b;
-}
 function SpacerRow(t0) {
   const $ = c(10);
-  if ($[0] !== "43a8daad27f2d756ec5346c25f1057b419a001b3d7cb998cd41acf333e829c58") {
+  if ($[0] !== "4b7f7b12eb2c9ae3487ce5d00c7be96dc9b8807a6bbfe2c9b314700f443d7188") {
     for (let $i = 0; $i < 10; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "43a8daad27f2d756ec5346c25f1057b419a001b3d7cb998cd41acf333e829c58";
+    $[0] = "4b7f7b12eb2c9ae3487ce5d00c7be96dc9b8807a6bbfe2c9b314700f443d7188";
   }
   const {
     spacer: t1,

package/components/table/table.d.ts

@@ -1,6 +1,5 @@
 import Table from './table-component';
 import type { ReactNode, RefObject } from 'react';
-import type Selection from '../legacy-table/selection';
 export default Table;
 export interface TableProps<T> {
     /**
@@ -15,21 +14,11 @@ export interface TableProps<T> {
     /**
      * Used to render a row key, e.g. `<tr key={getKey(item, index)}>`.
      */
-    getKey: (item: T, index: number) => React.Key;
+    getKey: (item: T, index: number, items: T[]) => React.Key;
     /**
-     * Displays the selection and focus state.
+     * If true, the table header will not be rendered.
      */
-    selection?: Selection<T>;
-    /**
-     * If true, the item can be focused by keyboard up/down arrows.
-     * Note that `false` doesn't prevent from `selection.focus()`.
-     */
-    isItemKeyboardFocusable?: (item: T, index: number, items: T[]) => boolean;
-    /**
-     * When the item should get focused by keyboard navigation.
-     * The client is expected to update `selection`.
-     */
-    onItemFocus?: (item: T | null, index: number, items: T[]) => void;
+    noHeader?: boolean;
     /**
      * Called when the client moves a row by dragging it.
      */
@@ -37,15 +26,15 @@ export interface TableProps<T> {
     /**
      * Called when the client clicks on SortButton in a column header.
      */
-    onSort?: (columnIndex: number, newOrder: SortOrder) => void;
+    onSort?: (columnIndex: number, newOrder: SortOrder, columns: Column<T>[]) => void;
     /**
      * Called when the client clicks on a column delete button in the header.
      */
-    onColumnDelete?: (columnIndex: number) => void;
+    onColumnDelete?: (columnIndex: number, columns: Column<T>[]) => void;
     /**
      * Called when the client moves a column.
      */
-    onColumnMove?: (fromIndex: number, toIndex: number) => void;
+    onColumnMove?: (fromIndex: number, toIndex: number, columns: Column<T>[]) => void;
     /**
      * Implement to specify props like `clickable`, handlers like `onClick`,
      * a custom `className`, a `ref` etc., or to provide a custom renderer.
@@ -89,7 +78,7 @@ export interface TableProps<T> {
      * - ResizeObserver observes `document.body`
      * - IntersectionObserver has no root (i.e. the viewport is used)
      */
-    scrollerRef?: React.RefObject<HTMLElement | null>;
+    scrollerRef?: RefObject<HTMLElement | null>;
     /**
      * Used with `virtualizeRows` to estimate the height of items that have not been rendered yet.
      * The function should be fast and side-effect free. Do not measure the DOM here.
@@ -105,7 +94,7 @@ export interface TableProps<T> {
      *
      * Default: 37px = 16px padding + 20px line height + 1px border.
      */
-    estimateHeight?: (index: number) => number;
+    estimateHeight?: (item: T, index: number, items: T[]) => number;
     /**
      * When using `virtualizeRows`, the number of pixels above and below the viewport
      * to materialize in advance.
@@ -151,10 +140,6 @@ export interface TableProps<T> {
      * Whether to show a small gear button at the top right corner.
      */
     columnEditButton?: 'everywhere' | 'mobileOnly';
-    /**
-     * Optional ref to install on the table element.
-     */
-    ref?: RefObject<HTMLTableElement | null>;
     /**
      * Applied to the `<thead>` element.
      */
@@ -174,7 +159,7 @@ export type SortOrder = 'none' | 'ascending' | 'descending';
  */
 export interface Column<T> {
     /**
-     * Used to render a row key, e.g. `<thead><tr><td key={getKey(item, index)}...</td></tr></thead>`.
+     * Used to render a row key, e.g. `<thead><tr><td key={getKey(item, index, items)}...</td></tr></thead>`.
      */
     key: React.Key;
     /**

package/components/table/table.js

@@ -1,15 +1,15 @@
 import Table from './table-component.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react';
 import 'classnames';
+import 'react-merge-refs';
 import '../global/intersection-observer-context.js';
 import './table-virtualize.js';
-import '../global/use-event-callback.js';
 import '../_helpers/table.js';
 import 'react/jsx-runtime';
 import './default-item-renderer.js';
 import './table-const.js';
-import './table-base.js';
+import './table-primitives.js';
 import '@jetbrains/icons/unsorted-12px';
 import '@jetbrains/icons/arrow-12px-down';
 import '@jetbrains/icons/arrow-12px-up';
@@ -19,6 +19,7 @@ import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';
+import './table-row-focus.js';
 
 
 

package/components/tabs/collapsible-more.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { memo } from 'react';
 import classNames from 'classnames';
 import { Directions } from '../popup/popup.consts.js';

package/components/tabs/collapsible-tab.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import * as React from 'react';
 import classNames from 'classnames';
 import { s as styles, T as TabLink } from '../_helpers/tab-link.js';

package/components/tabs/collapsible-tabs.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { memo, useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import fastdom from 'fastdom';

package/components/tabs/dumb-tabs.js

@@ -8,7 +8,7 @@ import CollapsibleTabs from './collapsible-tabs.js';
 import { CustomItem } from './custom-item.js';
 import { getTabId } from './tabs.utils.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';

package/components/tabs/smart-tabs.js

@@ -5,7 +5,7 @@ import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import '../global/memoize.js';
 import '../_helpers/tab-link.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';

package/components/tabs/tab-link.js

@@ -1,4 +1,4 @@
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react';
 import '../link/link.js';
 export { T as default } from '../_helpers/tab-link.js';

package/components/tabs/tabs.js

@@ -7,7 +7,7 @@ import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../_helpers/tab-link.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import 'react/jsx-runtime';

package/components/tag/tag.js

@@ -10,7 +10,7 @@ import { ControlsHeight } from '../global/configuration.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';

package/components/tags-input/tags-input.d.ts

@@ -110,6 +110,8 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
     selectRef: (el: Select | null) => void;
     render(): React.JSX.Element;
 }
-export declare const RerenderableTagsInput: React.ForwardRefExoticComponent<TagsInputProps & React.RefAttributes<TagsInput>>;
+export declare const RerenderableTagsInput: ({ ref, ...props }: TagsInputProps & {
+    ref?: React.Ref<TagsInput> | undefined;
+}) => React.JSX.Element;
 export type TagsInputAttrs = React.JSX.LibraryManagedAttributes<typeof TagsInput, TagsInputProps>;
 export {};

package/components/tags-input/tags-input.js

@@ -17,7 +17,7 @@ import 'dequal';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';

package/components/tags-list/tags-list.js

@@ -7,7 +7,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';

package/components/toggle/toggle.js

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ControlHelp from '../control-help/control-help.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 
 var styles = {"toggle":"ring-toggle-toggle","switch":"ring-toggle-switch","disabled":"ring-toggle-disabled","label":"ring-toggle-label","help":"ring-toggle-help","leftLabel":"ring-toggle-leftLabel","switchWrapper":"ring-toggle-switchWrapper","input":"ring-toggle-input","size16":"ring-toggle-size16","size14":"ring-toggle-size14","size20":"ring-toggle-size20"};
 

package/components/tooltip/tooltip.js

@@ -15,7 +15,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
@@ -200,7 +200,7 @@ class Tooltip extends Component {
       }, popupProps?.className),
       children: title
     });
-    return /*#__PURE__*/jsx(TooltipContext.Provider, {
+    return /*#__PURE__*/jsx(TooltipContext, {
       value: {
         onNestedTooltipShow,
         onNestedTooltipHide

package/components/upload/upload.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type Ref } from 'react';
 export type UploadVariant = 'empty' | 'error' | 'success';
 interface Props {
     className?: string;
@@ -10,10 +10,11 @@ interface Props {
     accept?: HTMLInputElement['accept'];
     disabled?: boolean;
     variant?: UploadVariant;
+    ref?: Ref<UploadHandle>;
     children?: ReactNode;
 }
 export interface UploadHandle {
     openFilePicker: () => void;
 }
-export declare const Upload: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<UploadHandle>>;
-export default Upload;
+export default function UploadInner({ children, className, onFilesSelected, onFilesRejected, validate, variant, multiple, renderIcon, accept, disabled, ref, }: Props): import("react").JSX.Element;
+export {};