@primer/react 38.0.0-rc.389f01088 → 38.0.0-rc.5

package/lib-esm/index.js

@@ -1,90 +0,0 @@
-"use client";
-export { default as theme } from './theme.js';
-export { get as themeGet } from './constants.js';
-export { default as BaseStyles } from './BaseStyles.js';
-export { ThemeProvider, useColorSchemeVar, useTheme } from './ThemeProvider.js';
-export { default as useDetails } from './hooks/useDetails.js';
-export { default as useSafeTimeout } from './hooks/useSafeTimeout.js';
-export { useOnOutsideClick } from './hooks/useOnOutsideClick.js';
-export { useOpenAndCloseFocus } from './hooks/useOpenAndCloseFocus.js';
-export { useOnEscapePress } from './hooks/useOnEscapePress.js';
-export { useOverlay } from './hooks/useOverlay.js';
-export { ConfirmationDialog, useConfirm } from './ConfirmationDialog/ConfirmationDialog.js';
-export { useFocusTrap } from './hooks/useFocusTrap.js';
-export { useFocusZone } from './hooks/useFocusZone.js';
-export { useRefObjectAsForwardedRef } from './hooks/useRefObjectAsForwardedRef.js';
-export { useResizeObserver } from './hooks/useResizeObserver.js';
-export { useResponsiveValue } from './hooks/useResponsiveValue.js';
-export { default as useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect.js';
-export { useProvidedRefOrCreate } from './hooks/useProvidedRefOrCreate.js';
-export { createComponent } from './utils/create-component.js';
-export { ActionList } from './ActionList/index.js';
-export { default as Caret } from './Caret.js';
-export { Dialog } from './Dialog/Dialog.js';
-export { default as Label } from './Label/Label.js';
-export { default as Pagination } from './Pagination/Pagination.js';
-export { Portal, registerPortalRoot } from './Portal/Portal.js';
-export { ProgressBar } from './ProgressBar/index.js';
-export { default as SideNav } from './SideNav.js';
-export { UnderlineNav } from './UnderlineNav/index.js';
-export { default as ActionBar } from './ActionBar/index.js';
-export { Stack } from './Stack/index.js';
-export { default as sx } from './sx.js';
-export { default as Box } from './Box/Box.js';
-export { default as Radio } from './Radio/Radio.js';
-export { default as Avatar } from './Avatar/Avatar.js';
-export { default as AvatarPair } from './AvatarPair/AvatarPair.js';
-export { default as AvatarStack } from './AvatarStack/AvatarStack.js';
-export { default as ButtonGroup } from './ButtonGroup/ButtonGroup.js';
-export { default as CircleOcticon } from './CircleOcticon/CircleOcticon.js';
-export { default as CounterLabel } from './CounterLabel/CounterLabel.js';
-export { default as Details } from './Details/Details.js';
-export { default as Flash } from './Flash/Flash.js';
-export { default as Heading } from './Heading/Heading.js';
-export { default as LabelGroup } from './LabelGroup/LabelGroup.js';
-export { default as Link } from './Link/Link.js';
-export { default as Overlay } from './Overlay/Overlay.js';
-export { default as PointerBox } from './PointerBox/PointerBox.js';
-export { default as RelativeTime } from './RelativeTime/RelativeTime.js';
-export { default as Spinner } from './Spinner/Spinner.js';
-export { default as StateLabel } from './StateLabel/StateLabel.js';
-export { default as ToggleSwitch } from './ToggleSwitch/ToggleSwitch.js';
-export { default as TextInputWithTokens } from './TextInputWithTokens/TextInputWithTokens.js';
-export { default as Text } from './Text/Text.js';
-export { default as Token } from './Token/Token.js';
-export { default as IssueLabelToken } from './Token/IssueLabelToken.js';
-export { default as AvatarToken } from './Token/AvatarToken.js';
-export { default as Truncate } from './Truncate/Truncate.js';
-export { default as Checkbox } from './Checkbox/Checkbox.js';
-export { default as Textarea } from './Textarea/Textarea.js';
-export { PageLayout } from './PageLayout/PageLayout.js';
-export { SplitPageLayout } from './SplitPageLayout/SplitPageLayout.js';
-export { ActionMenu } from './ActionMenu/ActionMenu.js';
-export { AnchoredOverlay } from './AnchoredOverlay/AnchoredOverlay.js';
-export { default as Autocomplete } from './Autocomplete/Autocomplete.js';
-export { default as BranchName } from './BranchName/BranchName.js';
-export { Breadcrumb, default as Breadcrumbs } from './Breadcrumbs/Breadcrumbs.js';
-export { default as CheckboxGroup } from './CheckboxGroup/CheckboxGroup.js';
-export { default as CircleBadge } from './CircleBadge/CircleBadge.js';
-export { default as FormControl } from './FormControl/FormControl.js';
-export { useFormControlForwardedProps } from './FormControl/_FormControlContext.js';
-export { default as Header } from './Header/Header.js';
-export { NavList } from './NavList/NavList.js';
-export { default as Popover } from './Popover/Popover.js';
-export { default as RadioGroup } from './RadioGroup/RadioGroup.js';
-export { SegmentedControl } from './SegmentedControl/SegmentedControl.js';
-export { default as Select } from './Select/Select.js';
-export { SelectPanel } from './SelectPanel/SelectPanel.js';
-export { default as SubNav } from './SubNav/SubNav.js';
-export { default as TextInput } from './TextInput/TextInput.js';
-export { default as Timeline } from './Timeline/Timeline.js';
-export { Tooltip } from './TooltipV2/Tooltip.js';
-export { TreeView } from './TreeView/TreeView.js';
-export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.js';
-export { PageHeader } from './PageHeader/PageHeader.js';
-export { default as merge } from 'deepmerge';
-export { SkeletonBox } from './Skeleton/SkeletonBox.js';
-export { ButtonComponent as Button } from './Button/Button.js';
-export { ButtonBase } from './Button/ButtonBase.js';
-export { IconButton } from './Button/IconButton.js';
-export { LinkButton } from './Button/LinkButton.js';

package/lib-esm/internal/components/BoxWithFallback.js

@@ -1,65 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import { defaultSxProp } from '../../utils/defaultSxProp.js';
-import { includesSystemProps } from '../../utils/includeSystemProps.js';
-import { jsx } from 'react/jsx-runtime';
-import Box from '../../Box/Box.js';
-
-const BoxWithFallback = /*#__PURE__*/React.forwardRef(function BoxWithFallback(t0, ref) {
-  const $ = c(13);
-  let rest;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      as: t1,
-      sx: t2,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = rest;
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    rest = $[1];
-    t1 = $[2];
-    t2 = $[3];
-  }
-  const BaseComponent = t1 === undefined ? "div" : t1;
-  const sx = t2 === undefined ? defaultSxProp : t2;
-  if (sx !== defaultSxProp || includesSystemProps(rest)) {
-    let t3;
-    if ($[4] !== BaseComponent || $[5] !== ref || $[6] !== rest || $[7] !== sx) {
-      t3 = /*#__PURE__*/jsx(Box, {
-        ...rest,
-        ref: ref,
-        as: BaseComponent,
-        sx: sx
-      });
-      $[4] = BaseComponent;
-      $[5] = ref;
-      $[6] = rest;
-      $[7] = sx;
-      $[8] = t3;
-    } else {
-      t3 = $[8];
-    }
-    return t3;
-  }
-  let t3;
-  if ($[9] !== BaseComponent || $[10] !== ref || $[11] !== rest) {
-    t3 = /*#__PURE__*/jsx(BaseComponent, {
-      ...rest,
-      ref: ref
-    });
-    $[9] = BaseComponent;
-    $[10] = ref;
-    $[11] = rest;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  return t3;
-});
-
-export { BoxWithFallback };

package/lib-esm/internal/components/ButtonReset.d.ts

@@ -1,6 +0,0 @@
-import type { SxProp } from '../../sx';
-/**
- * Provides an unstyled button that can be styled as-needed for components
- */
-export declare const Button: import("styled-components").StyledComponent<"button", any, SxProp, never>;
-//# sourceMappingURL=ButtonReset.d.ts.map

package/lib-esm/internal/components/ButtonReset.js

@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-import sx from '../../sx.js';
-
-/**
- * Provides an unstyled button that can be styled as-needed for components
- */
-const Button = styled.button.withConfig({
-  displayName: "ButtonReset__Button",
-  componentId: "sc-1yqlmwf-0"
-})(["padding:0;border:0;margin:0;display:inline-flex;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;font:inherit;color:inherit;align-items:center;&::-moz-focus-inner{border:0;}", ""], sx);
-
-export { Button };

package/lib-esm/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import CheckboxOrRadioGroupContext from './CheckboxOrRadioGroupContext.js';
-import classes from './CheckboxOrRadioGroup.module.css.js';
-import { clsx } from 'clsx';
-import { jsx } from 'react/jsx-runtime';
-import Text from '../../../Text/Text.js';
-
-const CheckboxOrRadioGroupCaption = ({
-  className,
-  children,
-  sx
-}) => {
-  const {
-    captionId
-  } = React.useContext(CheckboxOrRadioGroupContext);
-  return /*#__PURE__*/jsx(Text, {
-    className: clsx(className, classes.CheckboxOrRadioGroupCaption),
-    id: captionId,
-    sx: sx,
-    children: children
-  });
-};
-CheckboxOrRadioGroupCaption.displayName = "CheckboxOrRadioGroupCaption";
-
-export { CheckboxOrRadioGroupCaption as default };

package/lib-esm/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { SxProp } from '../../../sx';
-export type CheckboxOrRadioGroupLabelProps = {
-    /** Class name for custom styling */
-    className?: string;
-    /**
-     * Whether to visually hide the fieldset legend
-     */
-    visuallyHidden?: boolean;
-} & SxProp;
-declare const CheckboxOrRadioGroupLabel: React.FC<React.PropsWithChildren<CheckboxOrRadioGroupLabelProps>>;
-export default CheckboxOrRadioGroupLabel;
-//# sourceMappingURL=CheckboxOrRadioGroupLabel.d.ts.map

package/lib-esm/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import VisuallyHidden from '../../../_VisuallyHidden.js';
-import CheckboxOrRadioGroupContext from './CheckboxOrRadioGroupContext.js';
-import classes from './CheckboxOrRadioGroup.module.css.js';
-import { Stack } from '../../../Stack/index.js';
-import { clsx } from 'clsx';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-const CheckboxOrRadioGroupLabel = ({
-  children,
-  className,
-  visuallyHidden = false,
-  sx
-}) => {
-  const {
-    required,
-    disabled
-  } = React.useContext(CheckboxOrRadioGroupContext);
-  return /*#__PURE__*/jsx(VisuallyHidden, {
-    className: clsx(className, classes.RadioGroupLabel),
-    isVisible: !visuallyHidden,
-    title: required ? 'required field' : undefined,
-    "data-label-disabled": disabled ? '' : undefined,
-    sx: sx,
-    children: required ? /*#__PURE__*/jsxs(Stack, {
-      direction: "horizontal",
-      gap: "none",
-      children: [/*#__PURE__*/jsx("div", {
-        className: classes.GroupLabelChildren,
-        children: children
-      }), /*#__PURE__*/jsx("span", {
-        children: "*"
-      })]
-    }) : children
-  });
-};
-CheckboxOrRadioGroupLabel.displayName = "CheckboxOrRadioGroupLabel";
-
-export { CheckboxOrRadioGroupLabel as default };

package/lib-esm/internal/components/ConditionalWrapper.d.ts

@@ -1,6 +0,0 @@
-import type React from 'react';
-import type { BoxProps } from '../../Box/Box';
-export declare const ConditionalWrapper: React.FC<React.PropsWithChildren<{
-    if: boolean;
-} & BoxProps>>;
-//# sourceMappingURL=ConditionalWrapper.d.ts.map

package/lib-esm/internal/components/ConditionalWrapper.js

@@ -1,50 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import Box from '../../Box/Box.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-const ConditionalWrapper = props => {
-  const $ = c(8);
-  let condition;
-  let rest;
-  if ($[0] !== props) {
-    ({
-      if: condition,
-      ...rest
-    } = props);
-    $[0] = props;
-    $[1] = condition;
-    $[2] = rest;
-  } else {
-    condition = $[1];
-    rest = $[2];
-  }
-  if (condition) {
-    let t0;
-    if ($[3] !== props.children || $[4] !== rest) {
-      t0 = /*#__PURE__*/jsx(Box, {
-        ...rest,
-        children: props.children
-      });
-      $[3] = props.children;
-      $[4] = rest;
-      $[5] = t0;
-    } else {
-      t0 = $[5];
-    }
-    return t0;
-  } else {
-    let t0;
-    if ($[6] !== props.children) {
-      t0 = /*#__PURE__*/jsx(Fragment, {
-        children: props.children
-      });
-      $[6] = props.children;
-      $[7] = t0;
-    } else {
-      t0 = $[7];
-    }
-    return t0;
-  }
-};
-
-export { ConditionalWrapper };

package/lib-esm/internal/components/InputValidation-057236a4.css

@@ -1,2 +0,0 @@
-.prc-components-InputValidation-GjS0D{color:var(--inputValidation-fgColor);display:flex;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-semibold,600)}.prc-components-InputValidation-GjS0D :where(a){color:currentColor;-webkit-text-decoration:underline;text-decoration:underline}.prc-components-InputValidation-GjS0D:where([data-validation-status=success]){--inputValidation-fgColor:var(--fgColor-success,var(--color-success-fg))}.prc-components-InputValidation-GjS0D:where([data-validation-status=error]){--inputValidation-fgColor:var(--fgColor-danger,var(--color-danger-fg))}.prc-components-ValidationIcon-Kdbbr{align-items:center;display:flex;margin-inline-end:var(--base-size-4,.25rem);min-height:var(--inputValidation-iconSize)}.prc-components-ValidationText-jjsBp{line-height:var(--inputValidation-lineHeight)}
-/*# sourceMappingURL=InputValidation-057236a4.css.map */

package/lib-esm/internal/components/InputValidation-057236a4.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/internal/components/InputValidation.module.css"],"names":[],"mappings":"AAAA,sCAKE,oCAAqC,CAJrC,YAAa,CACb,4CAAsC,CACtC,gDAgBF,CAZE,gDACE,kBAAmB,CACnB,iCAA0B,CAA1B,yBACF,CAEA,8EACE,wEACF,CAEA,4EACE,sEACF,CAGF,qCACE,kBAAmB,CACnB,YAAa,CACb,2CAAqC,CACrC,0CACF,CAEA,qCAEE,6CACF","file":"InputValidation-057236a4.css","sourcesContent":[".InputValidation {\n  display: flex;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n  /* stylelint-disable-next-line primer/colors */\n  color: var(--inputValidation-fgColor);\n\n  & :where(a) {\n    color: currentColor;\n    text-decoration: underline;\n  }\n\n  &:where([data-validation-status='success']) {\n    --inputValidation-fgColor: var(--fgColor-success);\n  }\n\n  &:where([data-validation-status='error']) {\n    --inputValidation-fgColor: var(--fgColor-danger);\n  }\n}\n\n.ValidationIcon {\n  align-items: center;\n  display: flex;\n  margin-inline-end: var(--base-size-4);\n  min-height: var(--inputValidation-iconSize);\n}\n\n.ValidationText {\n  /* stylelint-disable-next-line primer/typography */\n  line-height: var(--inputValidation-lineHeight);\n}\n"]}

package/lib-esm/internal/components/InputValidation.d.ts

@@ -1,11 +0,0 @@
-import type React from 'react';
-import type { SxProp } from '../../sx';
-import type { FormValidationStatus } from '../../utils/types/FormValidationStatus';
-type Props = {
-    className?: string;
-    id: string;
-    validationStatus?: FormValidationStatus;
-} & SxProp;
-declare const InputValidation: React.FC<React.PropsWithChildren<Props>>;
-export default InputValidation;
-//# sourceMappingURL=InputValidation.d.ts.map

package/lib-esm/internal/components/InputValidation.js

@@ -1,91 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { AlertFillIcon, CheckCircleFillIcon } from '@primer/octicons-react';
-import classes from './InputValidation.module.css.js';
-import { clsx } from 'clsx';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import Text from '../../Text/Text.js';
-
-const validationIconMap = {
-  success: CheckCircleFillIcon,
-  error: AlertFillIcon
-};
-const InputValidation = t0 => {
-  const $ = c(14);
-  const {
-    children,
-    className,
-    id,
-    validationStatus,
-    sx
-  } = t0;
-  const IconComponent = validationStatus ? validationIconMap[validationStatus] : undefined;
-  let t1;
-  if ($[0] !== className) {
-    t1 = clsx(className, classes.InputValidation);
-    $[0] = className;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== IconComponent) {
-    t2 = IconComponent ? /*#__PURE__*/jsx("span", {
-      "aria-hidden": "true",
-      className: classes.ValidationIcon,
-      style: {
-        "--inputValidation-iconSize": 16
-      },
-      children: /*#__PURE__*/jsx(IconComponent, {
-        size: 12,
-        fill: "currentColor"
-      })
-    }) : null;
-    $[2] = IconComponent;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = {
-      "--inputValidation-lineHeight": 1.3333333333333333
-    };
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== children || $[6] !== id) {
-    t4 = /*#__PURE__*/jsx("span", {
-      id: id,
-      className: classes.ValidationText,
-      style: t3,
-      children: children
-    });
-    $[5] = children;
-    $[6] = id;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== sx || $[9] !== t1 || $[10] !== t2 || $[11] !== t4 || $[12] !== validationStatus) {
-    t5 = /*#__PURE__*/jsxs(Text, {
-      className: t1,
-      "data-validation-status": validationStatus,
-      sx: sx,
-      children: [t2, t4]
-    });
-    $[8] = sx;
-    $[9] = t1;
-    $[10] = t2;
-    $[11] = t4;
-    $[12] = validationStatus;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  return t5;
-};
-
-export { InputValidation as default };

package/lib-esm/internal/components/InputValidation.module.css.js

@@ -1,5 +0,0 @@
-import './InputValidation-057236a4.css';
-
-var classes = {"InputValidation":"prc-components-InputValidation-GjS0D","ValidationIcon":"prc-components-ValidationIcon-Kdbbr","ValidationText":"prc-components-ValidationText-jjsBp"};
-
-export { classes as default };

package/lib-esm/internal/components/LiveRegion.js

@@ -1,132 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import { jsx } from 'react/jsx-runtime';
-import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.js';
-
-const LiveRegionContext = /*#__PURE__*/React.createContext(null);
-function useLiveRegion() {
-  const context = React.useContext(LiveRegionContext);
-  if (!context) {
-    throw new Error("useLiveRegion() must be used within a <LiveRegion>");
-  }
-  return context;
-}
-function LiveRegion(t0) {
-  const $ = c(5);
-  const {
-    children
-  } = t0;
-  const [message, setMessage] = React.useState("");
-  let t1;
-  let t2;
-  if ($[0] !== message) {
-    t2 = {
-      announce: setMessage,
-      message
-    };
-    $[0] = message;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  t1 = t2;
-  const value = t1;
-  let t3;
-  if ($[2] !== children || $[3] !== value) {
-    t3 = /*#__PURE__*/jsx(LiveRegionContext.Provider, {
-      value: value,
-      children: children
-    });
-    $[2] = children;
-    $[3] = value;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  return t3;
-}
-function LiveRegionOutlet() {
-  const $ = c(2);
-  const liveRegion = useLiveRegion();
-  let t0;
-  if ($[0] !== liveRegion.message) {
-    t0 = /*#__PURE__*/jsx(VisuallyHidden, {
-      role: "status",
-      "aria-live": "polite",
-      "aria-atomic": true,
-      children: liveRegion.message
-    });
-    $[0] = liveRegion.message;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-}
-function Message(t0) {
-  const $ = c(8);
-  const {
-    value
-  } = t0;
-  const liveRegion = useLiveRegion();
-  const savedLiveRegion = React.useRef(liveRegion);
-  const committedRef = React.useRef(false);
-  let t1;
-  let t2;
-  if ($[0] !== liveRegion) {
-    t1 = () => {
-      savedLiveRegion.current = liveRegion;
-    };
-    t2 = [liveRegion];
-    $[0] = liveRegion;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t1 = $[1];
-    t2 = $[2];
-  }
-  React.useEffect(t1, t2);
-  let t3;
-  let t4;
-  if ($[3] !== value) {
-    t3 = () => {
-      if (committedRef.current !== true) {
-        return;
-      }
-      const timeoutId = setTimeout(() => {
-        savedLiveRegion.current.announce(value);
-      }, 750);
-      return () => {
-        clearTimeout(timeoutId);
-      };
-    };
-    t4 = [value];
-    $[3] = value;
-    $[4] = t3;
-    $[5] = t4;
-  } else {
-    t3 = $[4];
-    t4 = $[5];
-  }
-  React.useEffect(t3, t4);
-  let t5;
-  let t6;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = () => {
-      committedRef.current = true;
-      return () => {
-        committedRef.current = false;
-      };
-    };
-    t6 = [];
-    $[6] = t5;
-    $[7] = t6;
-  } else {
-    t5 = $[6];
-    t6 = $[7];
-  }
-  React.useEffect(t5, t6);
-  return null;
-}
-
-export { LiveRegion, LiveRegionOutlet, Message, useLiveRegion };

package/lib-esm/internal/components/TextInputInnerAction.d.ts

@@ -1,21 +0,0 @@
-import type React from 'react';
-import type { IconProps } from '@primer/octicons-react';
-import type { ButtonProps } from '../../Button';
-import type { SxProp } from '../../sx';
-declare const TextInputAction: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "aria-label" | "tooltipDirection"> & {
-    /** @deprecated Text input action buttons should only use icon buttons */
-    children?: React.ReactNode;
-    /** Text that appears in a tooltip. If an icon is passed, this is also used as the label used by assistive technologies. */
-    "aria-label"?: string;
-    /** Position of tooltip. If no position is passed or defaults to "n" */
-    tooltipDirection?: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
-    /** The icon to render inside the button */
-    icon?: React.FunctionComponent<React.PropsWithChildren<IconProps>>;
-    /**
-     * @deprecated Text input action buttons should only use the 'invisible' button variant
-     * Determine's the styles on a button one of 'default' | 'primary' | 'invisible' | 'danger'
-     */
-    variant?: ButtonProps["variant"];
-} & SxProp & React.RefAttributes<HTMLButtonElement>>;
-export default TextInputAction;
-//# sourceMappingURL=TextInputInnerAction.d.ts.map