@algolia/satellite 1.0.0-v3.98 → 1.0.0

package/Tabs/LinkTabs.js

@@ -1,100 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.LinkTabs = exports.defaultUrlMatcher = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _useLocation = _interopRequireDefault(require("react-use/lib/useLocation"));
-
-var _matchLocation = _interopRequireDefault(require("../utils/matchLocation"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-var _LinkTab = _interopRequireDefault(require("./components/LinkTab"));
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tabs-tabbar flex overflow-x-auto whitespace-no-wrap"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
-  return (0, _matchLocation["default"])(tab.to, {
-    pathname: location.pathname || ""
-  });
-};
-/**
- * Tabs are an easy way to organize content by grouping similar information on the same page. Use them to help users navigate between related views within the same context, especially when the number of views may be more than 3.
- *
- * #### 3 core elements
- * - **Selected**: currently active tab
- * - **Unselected**: other available tabs
- * - **Divider**: separates the tab navigation and content
- *
- * #### With badges
- * Use when you have to indicate the number of performed actions or operations as well as their status, e.g. success, error, failure
- *
- * ## Content guidelines
- * - Make them clear to help differentiate the sections beneath
- * - Write short tab labels and use plain language, rather than made-up terms. Tab labels should usually be 1–2 words
- * - Do not use ALL CAPS for tab labels. ALL CAPS is rarely a good idea because it's harder to read
- *
- * ## Usability best practices
- * #### Do
- * - Use tabs to alternate between views within the same context
- * - Logically chunk the content behind the tabs so users can easily predict what they'll find when they select a given tab
- * - Use tabs only when users don't need to see content from multiple tabs simultaneously or compare the info behind different tabs
- *
- * #### Do not
- * - Use tabs to navigate to different context areas
- * - Use tabs for primary navigation
- * - Use more than one row of tabs. Multiple rows create jumping UI elements, which make it impossible for users to remember which tabs they've already visited
- * - Place the tab on the sides or bottom of the page, where users often overlook them
- */
-
-
-exports.defaultUrlMatcher = defaultUrlMatcher;
-
-var LinkTabs = function LinkTabs(_ref) {
-  var className = _ref.className,
-      tabs = _ref.tabs,
-      onTabClick = _ref.onTabClick,
-      _ref$urlMatcher = _ref.urlMatcher,
-      urlMatcher = _ref$urlMatcher === void 0 ? defaultUrlMatcher : _ref$urlMatcher;
-  var location = (0, _useLocation["default"])();
-  var tabIndex = tabs.findIndex(function (tab) {
-    return urlMatcher(tab, location);
-  });
-  tabIndex = tabIndex === -1 ? 0 : tabIndex;
-  return _react["default"].createElement("nav", {
-    role: "tablist",
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject()), className)
-  }, tabs.map(function (tab, index) {
-    return _react["default"].createElement(_LinkTab["default"], {
-      key: tab.to,
-      tab: tab,
-      selected: index === tabIndex,
-      onClick: function onClick(evt) {
-        return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(evt, tab);
-      },
-      isLast: index === tabs.length - 1
-    });
-  }));
-};
-
-exports.LinkTabs = LinkTabs;
-var _default = LinkTabs;
-exports["default"] = _default;

package/Tabs/Tabs.tailwind.d.ts

@@ -1,5 +0,0 @@
-export = tabsPlugin;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-declare const tabsPlugin: import('../tailwind-types').TailwindPlugin;

package/Tabs/Tabs.tailwind.js

@@ -1,54 +0,0 @@
-"use strict";
-
-// @ts-check
-
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-var tabsPlugin = function tabsPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-  addComponents({
-    ".tabs-tabbar": {
-      scrollBehavior: "smooth",
-      borderBottom: "1px solid ".concat(theme("colors.grey.200"))
-    },
-    ".tab[data-selected]": {
-      color: theme("colors.grey.900")
-    },
-    ".tab-grey[data-selected], .tab-grey:hover, .tab-grey:focus": {
-      borderBottomColor: theme("colors.grey.300")
-    },
-    ".tab-accent[data-selected], .tab-accent:hover, .tab-accent:focus": {
-      borderBottomColor: theme("colors.accent.600")
-    },
-    ".tab-blue[data-selected], .tab-blue:hover, .tab-blue:focus": {
-      borderBottomColor: theme("colors.blue.600")
-    },
-    ".tab-green[data-selected], .tab-green:hover, .tab-green:focus": {
-      borderBottomColor: theme("colors.green.600")
-    },
-    ".tab-orange[data-selected], .tab-orange:hover, .tab-orange:focus": {
-      borderBottomColor: theme("colors.orange.600")
-    },
-    ".tab-red[data-selected], .tab-red:hover, .tab-red:focus": {
-      borderBottomColor: theme("colors.red.600")
-    },
-    ".tab": {
-      borderBottomWidth: 3,
-      borderBottomColor: "transparent",
-      color: theme("colors.grey.600"),
-      cursor: "pointer",
-      "&[disabled], &[data-disabled=true]": {
-        color: theme("colors.grey.400"),
-        borderBottomColor: "transparent",
-        cursor: "not-allowed"
-      },
-      "&:focus": {
-        outline: "none"
-      }
-    }
-  });
-};
-
-module.exports = tabsPlugin;

package/Tabs/components/LinkTab.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { LinkTab as LinkTabType } from "../types";
-export interface LinkTabProps {
-    tab: LinkTabType;
-    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
-    selected: boolean;
-    isLast: boolean;
-}
-export declare const LinkTab: ({ tab, onClick, selected, isLast }: LinkTabProps) => JSX.Element;
-export default LinkTab;

package/Tabs/components/LinkTab.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.LinkTab = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-
-var _Badge = _interopRequireDefault(require("../../Badge"));
-
-var _utils = require("../utils");
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["ml-2 text-grey-600"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["mr-6"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tab pb-3 text-base leading-sm hover:no-underline"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
-  var _ref2;
-
-  if (!el) return null;
-  var next = el;
-
-  do {
-    var _next, _ref, _next2, _next3, _next3$parentElement;
-
-    next = (_ref = (_next2 = next) === null || _next2 === void 0 ? void 0 : _next2.nextElementSibling) !== null && _ref !== void 0 ? _ref : (_next3 = next) === null || _next3 === void 0 ? void 0 : (_next3$parentElement = _next3.parentElement) === null || _next3$parentElement === void 0 ? void 0 : _next3$parentElement.firstElementChild;
-  } while (Boolean((_next = next) === null || _next === void 0 ? void 0 : _next.getAttribute("data-disabled")));
-
-  return (_ref2 = next) !== null && _ref2 !== void 0 ? _ref2 : null;
-};
-
-var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
-  var _ref4;
-
-  if (!el) return null;
-  var next = el;
-
-  do {
-    var _next4, _ref3, _next5, _next6, _next6$parentElement;
-
-    next = (_ref3 = (_next5 = next) === null || _next5 === void 0 ? void 0 : _next5.previousElementSibling) !== null && _ref3 !== void 0 ? _ref3 : (_next6 = next) === null || _next6 === void 0 ? void 0 : (_next6$parentElement = _next6.parentElement) === null || _next6$parentElement === void 0 ? void 0 : _next6$parentElement.lastElementChild;
-  } while (Boolean((_next4 = next) === null || _next4 === void 0 ? void 0 : _next4.getAttribute("data-disabled")));
-
-  return (_ref4 = next) !== null && _ref4 !== void 0 ? _ref4 : null;
-};
-
-var LinkTab = function LinkTab(_ref5) {
-  var tab = _ref5.tab,
-      _onClick = _ref5.onClick,
-      selected = _ref5.selected,
-      isLast = _ref5.isLast;
-  var variant = tab.variant || "accent";
-  var selectionProps = selected ? {
-    "aria-selected": true,
-    "data-selected": true
-  } : {
-    "aria-selected": false
-  };
-  var linkProps = (0, _useLinkProps["default"])({
-    href: tab.to,
-    onClick: function onClick(evt) {
-      if (tab.disabled) {
-        evt.preventDefault();
-      } else if (_onClick) {
-        _onClick(evt);
-      }
-    }
-  });
-  return _react["default"].createElement("a", (0, _extends2["default"])({}, linkProps, selectionProps, {
-    role: "tab",
-    className: (0, _classnames["default"])(_utils.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], (0, _satellitePrefixer["default"])(_templateObject()), !isLast && (0, _satellitePrefixer["default"])(_templateObject2()), tab.className),
-    tabIndex: selected ? 0 : -1,
-    "data-disabled": tab.disabled,
-    onKeyDown: function onKeyDown(evt) {
-      if (tab.disabled) return;
-
-      if (evt.key === "ArrowRight") {
-        var nextElement = getNextNonDisabledSibling(evt.currentTarget);
-        nextElement === null || nextElement === void 0 ? void 0 : nextElement.click();
-        nextElement === null || nextElement === void 0 ? void 0 : nextElement.focus();
-      } else if (evt.key === "ArrowLeft") {
-        var previousElement = getPreviousNonDisabledSibling(evt.currentTarget);
-        previousElement === null || previousElement === void 0 ? void 0 : previousElement.click();
-        previousElement === null || previousElement === void 0 ? void 0 : previousElement.focus();
-      }
-    }
-  }), tab.label, tab.value && _react["default"].createElement(_Badge["default"], {
-    size: "small",
-    variant: variant,
-    className: (0, _satellitePrefixer["default"])(_templateObject3())
-  }, tab.value));
-};
-
-exports.LinkTab = LinkTab;
-var _default = LinkTab;
-exports["default"] = _default;

package/Tabs/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./LinkTabs";
-export * from "./ContentTabs";
-export * from "./types";
-export { default } from "./LinkTabs";

package/Tabs/index.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _LinkTabs["default"];
-  }
-});
-
-var _LinkTabs = _interopRequireWildcard(require("./LinkTabs"));
-
-Object.keys(_LinkTabs).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _LinkTabs[key];
-    }
-  });
-});
-
-var _ContentTabs = require("./ContentTabs");
-
-Object.keys(_ContentTabs).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ContentTabs[key];
-    }
-  });
-});
-
-var _types = require("./types");
-
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _types[key];
-    }
-  });
-});

package/Tabs/types.d.ts

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-import { LocationSensorState } from "react-use/lib/useLocation";
-import { ColorVariant } from "../types";
-export interface BaseTab {
-    label: string;
-    variant?: ColorVariant;
-    disabled?: boolean;
-    value?: string;
-    className?: string;
-}
-export declare type UrlMatcher = (tab: LinkTab, location: LocationSensorState) => boolean;
-export interface LinkTab extends BaseTab {
-    to: string;
-}
-export interface LinkTabsProps {
-    className?: string;
-    tabs: LinkTab[];
-    onTabClick?(event: React.MouseEvent<HTMLAnchorElement>, tab: LinkTab): void;
-    urlMatcher?: UrlMatcher;
-}
-export interface ContentTab extends BaseTab {
-    content: React.ReactNode;
-}
-export interface ContentTabsProps {
-    className?: string;
-    tabs: ContentTab[];
-    tabIndex?: number;
-    defaultIndex?: number;
-    onChange?: (tabIndex: number) => void;
-}

package/Tabs/types.js

@@ -1 +0,0 @@
-"use strict";

package/Tabs/utils.d.ts

@@ -1,2 +0,0 @@
-import { ColorVariant } from "../types";
-export declare const ACTIVE_UNDERLINE_VARIANT_CLASSNAMES: Record<ColorVariant, string>;

package/Tabs/utils.js

@@ -1,82 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-function _templateObject6() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tab-red"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tab-orange"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tab-blue"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tab-green"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tab-accent"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tab-grey"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = {
-  grey: (0, _satellitePrefixer["default"])(_templateObject()),
-  accent: (0, _satellitePrefixer["default"])(_templateObject2()),
-  green: (0, _satellitePrefixer["default"])(_templateObject3()),
-  blue: (0, _satellitePrefixer["default"])(_templateObject4()),
-  orange: (0, _satellitePrefixer["default"])(_templateObject5()),
-  red: (0, _satellitePrefixer["default"])(_templateObject6())
-};
-exports.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = ACTIVE_UNDERLINE_VARIANT_CLASSNAMES;

package/Tag/Tag.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-export declare type TagVariant = "default" | "green" | "blue" | "orange" | "red";
-export interface TagProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
-    variant?: TagVariant;
-    onDelete?: React.MouseEventHandler<HTMLElement>;
-}
-/**
- * Use tags to visually label UI objects for quick recognition and navigation. (!) **Tags can be added or removed from an object by users**.
- * Keep in mind that tags increase the amount of visual noise, particularly when combined with other visual labelling elements, so use them in moderation. Tags can be added or removed from an object by users.
- *
- * - For status information, use badges instead
- * - For tallies or counts, use badges
- *
- * ## Variations
- * Consider the context and implied severity to choose from the following range:
- *
- * - **Informational**: `variant="default"` & `variant="blue"`
- * - **Success**: `variant="green"`
- * - **Warning**: `variant="orange"`
- * - **Error**: `variant="red"`
- *
- * ## Usability best practices
- * - Present tags close to or within the input control to allow users to add and remove tags
- * - When writing tags, avoid line-wrapping
- * - Define the max width of text within a tag. Once the text reaches the max, truncate with ellipses
- */
-export declare const Tag: React.ForwardRefExoticComponent<Pick<TagProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "key" | "children" | "aria-label" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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-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" | "variant" | "onDelete"> & React.RefAttributes<HTMLSpanElement>>;
-export default Tag;