@workday/canvas-kit-react 6.8.9 → 6.9.0-next.5

package/tabs/lib/overflow/useOverflowModel.tsx

@@ -1,207 +0,0 @@
-import React from 'react';
-
-import {createEventMap, ToModelConfig, useEventMap} from '@workday/canvas-kit-react/common';
-import {
-  SelectionState,
-  SelectionEvents,
-  BaseSelectionModelConfig,
-  useSelectionModel,
-  SelectionModelConfig,
-  selectionEventMap,
-  SelectionModel,
-} from '../selection';
-
-export type OverflowState<T = unknown> = SelectionState<T> & {
-  containerWidth: number;
-  overflowTargetWidth: number;
-  itemWidthCache: Record<string, number>;
-  hiddenIds: string[];
-};
-
-export type OverflowEvents<T = unknown> = SelectionEvents<T> & {
-  setContainerWidth(data: {width?: number}): void;
-  setOverflowTargetWidth(data: {width: number}): void;
-  addItemWidth(data: {id: string; width: number}): void;
-  removeItemWidth(data: {id: string}): void;
-  addHiddenKey(data: {id: string}): void;
-  removeHiddenKey(data: {id: string}): void;
-};
-
-export interface OverflowModel<T = unknown> extends SelectionModel<T> {
-  state: OverflowState<T>;
-  events: OverflowEvents<T>;
-}
-
-export const overflowEventMap = createEventMap<OverflowEvents>()({
-  guards: {
-    ...selectionEventMap.guards,
-    shouldSetContainerWidth: 'setContainerWidth',
-    shouldSetOverflowTargetWidth: 'setOverflowTargetWidth',
-    shouldAddItemWidth: 'addItemWidth',
-    shouldRemoveItemWidth: 'removeItemWidth',
-    shouldAddHiddenKey: 'addHiddenKey',
-    shouldRemoveHiddenKey: 'removeHiddenKey',
-  },
-  callbacks: {
-    ...selectionEventMap.callbacks,
-    onSetContainerWidth: 'setContainerWidth',
-    onSetOverflowTargetWidth: 'setOverflowTargetWidth',
-    onAddItemWidth: 'addItemWidth',
-    onRemoveItemWidth: 'removeItemWidth',
-    onAddHiddenKey: 'addHiddenKey',
-    onRemoveHiddenKey: 'removeHiddenKey',
-  },
-});
-
-export type BaseOverflowModelConfig<T> = BaseSelectionModelConfig<T> & {
-  initialHiddenIds?: string[];
-  containerWidth?: number;
-};
-
-export type OverflowModelConfig<T> = BaseOverflowModelConfig<T> &
-  Partial<ToModelConfig<OverflowState<T>, OverflowEvents<T>, typeof selectionEventMap>>;
-
-export function getHiddenIds(
-  containerWidth: number,
-  overflowTargetWidth: number,
-  itemWidthCache: Record<string, number>,
-  selectedIds: string[] | 'all'
-): string[] {
-  /** Allows us to prioritize showing the selected item */
-  let selectedKey: undefined | string;
-  /** Tally of combined item widths. We'll add items that fit until the container is full */
-  let itemWidth = 0;
-  /** Tally ids that won't fit inside the container. These will be used by components to hide
-   * elements that won't fit in the container */
-  const hiddenIds: string[] = [];
-
-  if (selectedIds !== 'all' && selectedIds.length) {
-    selectedKey = selectedIds[0];
-  }
-
-  if (
-    Object.keys(itemWidthCache).reduce((sum, key) => sum + itemWidthCache[key], 0) <= containerWidth
-  ) {
-    // All items fit, return empty array
-    return [];
-  } else if (selectedKey) {
-    if (itemWidthCache[selectedKey] + overflowTargetWidth > containerWidth) {
-      // If the selected item doesn't fit, only show overflow (all items hidden)
-      return Object.keys(itemWidthCache);
-    } else {
-      // at least the selected item and overflow target fit. Update our itemWidth with the sum
-      itemWidth += itemWidthCache[selectedKey] + overflowTargetWidth;
-    }
-  } else {
-    itemWidth += overflowTargetWidth;
-  }
-
-  for (const key in itemWidthCache) {
-    if (key !== selectedKey) {
-      itemWidth += itemWidthCache[key];
-      if (itemWidth > containerWidth) {
-        hiddenIds.push(key);
-      }
-    }
-  }
-
-  return hiddenIds;
-}
-
-export const useOverflowModel = <T extends unknown>(
-  config: OverflowModelConfig<T> = {}
-): OverflowModel<T> => {
-  const [hiddenIds, setHiddenIds] = React.useState(config.initialHiddenIds || []);
-  const [itemWidthCache, setItemWidthCache] = React.useState<Record<string, number>>({});
-  const [containerWidth, setContainerWidth] = React.useState(0);
-  const containerWidthRef = React.useRef(0);
-  const itemWidthCacheRef = React.useRef(itemWidthCache);
-  const [overflowTargetWidth, setOverflowTargetWidth] = React.useState(0);
-  const overflowTargetWidthRef = React.useRef(0);
-
-  // Cursors skip over disabled ids, but know nothing of hidden ids. We'll go ahead and disable
-  // hidden ids as well
-  const nonInteractiveIds = (config.nonInteractiveIds || []).concat(hiddenIds);
-
-  const model = useSelectionModel({...(config as SelectionModelConfig<T>), nonInteractiveIds});
-
-  const state = {
-    ...model.state,
-    hiddenIds,
-    itemWidthCache,
-    containerWidth,
-    overflowTargetWidth,
-  };
-
-  const events = useEventMap(overflowEventMap, state, config, {
-    ...model.events,
-    select(data) {
-      const {selectedIds} = model.selection.select(data.id, state as SelectionState<T>);
-      const ids = getHiddenIds(
-        containerWidthRef.current,
-        overflowTargetWidthRef.current,
-        itemWidthCacheRef.current,
-        selectedIds
-      );
-      model.events.select(data);
-
-      setHiddenIds(ids);
-    },
-    setContainerWidth({width}) {
-      containerWidthRef.current = width || 0;
-      setContainerWidth(width || 0);
-
-      const ids = getHiddenIds(
-        containerWidthRef.current,
-        overflowTargetWidthRef.current,
-        itemWidthCacheRef.current,
-        state.selectedIds
-      );
-
-      setHiddenIds(ids);
-    },
-    setOverflowTargetWidth({width}) {
-      overflowTargetWidthRef.current = width;
-      setOverflowTargetWidth(width);
-    },
-    addItemWidth({id, width}) {
-      itemWidthCacheRef.current = {...itemWidthCacheRef.current, [id]: width};
-
-      setItemWidthCache(itemWidthCacheRef.current);
-
-      const ids = getHiddenIds(
-        containerWidthRef.current,
-        overflowTargetWidthRef.current,
-        itemWidthCacheRef.current,
-        state.selectedIds
-      );
-
-      setHiddenIds(ids);
-    },
-    removeItemWidth({id}) {
-      const newCache = {...itemWidthCacheRef.current};
-      delete newCache[id];
-      itemWidthCacheRef.current = newCache;
-      setItemWidthCache(itemWidthCacheRef.current);
-
-      const ids = getHiddenIds(
-        containerWidthRef.current,
-        overflowTargetWidthRef.current,
-        itemWidthCacheRef.current,
-        state.selectedIds !== 'all'
-          ? state.selectedIds.filter(sId => id !== sId)
-          : state.selectedIds
-      );
-
-      setHiddenIds(ids);
-    },
-    addHiddenKey({id}) {
-      setHiddenIds(ids => ids.concat(id));
-    },
-    removeHiddenKey({id}) {
-      setHiddenIds(ids => ids.filter(key => key !== id));
-    },
-  } as OverflowEvents<T>);
-
-  return {state, events, selection: model.selection, getId: model.getId};
-};

package/tabs/lib/overflow/useOverflowTarget.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-
-import {createHook, useMountLayout, useLocalRef} from '@workday/canvas-kit-react/common';
-
-import {OverflowModel} from './useOverflowModel';
-
-// use a hidden style instead of `hidden` attribute for measurement purposes. `hidden` elements have no dimensions
-const hiddenStyle = {
-  position: 'absolute',
-  left: -99999,
-};
-
-export const useOverflowTarget = createHook(
-  (model: OverflowModel, ref?: React.Ref<HTMLButtonElement>) => {
-    const {elementRef, localRef} = useLocalRef(ref);
-    // track first render to force correct size calculations
-    const firstRender = React.useRef(true);
-
-    useMountLayout(() => {
-      firstRender.current = false;
-      if (localRef.current) {
-        const styles = getComputedStyle(localRef.current);
-
-        model.events.setOverflowTargetWidth({
-          width:
-            localRef.current.offsetWidth +
-            parseFloat(styles.marginLeft) +
-            parseFloat(styles.marginRight),
-        });
-      }
-    });
-
-    const isHidden = !model.state.hiddenIds.length;
-
-    return {
-      ref: elementRef,
-      'aria-hidden': isHidden,
-      tabIndex: isHidden ? -1 : 0,
-      style: isHidden ? hiddenStyle : {},
-    };
-  }
-);

package/tabs/lib/selection/index.ts

@@ -1,3 +0,0 @@
-export * from './useSelectionModel';
-export * from './useSelectionItem';
-export * from './useResetCursorOnBlur';

package/tabs/lib/selection/useResetCursorOnBlur.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-
-import {createHook} from '@workday/canvas-kit-react/common';
-import {orientationKeyMap} from '../cursor';
-
-import {SelectionModel} from './useSelectionModel';
-
-/**
- * Reset the cursor to the selected item when the list looses focus
- */
-export const useResetCursorOnBlur = createHook(({state, events}: SelectionModel) => {
-  const programmaticFocusRef = React.useRef(false);
-  return {
-    onKeyDown(event: React.KeyboardEvent) {
-      // Programmatic focus only on any focus change via keyboard
-      if (Object.keys(orientationKeyMap[state.orientation]).indexOf(event.key) !== -1) {
-        programmaticFocusRef.current = true;
-      }
-    },
-    onFocus() {
-      programmaticFocusRef.current = false;
-    },
-    onBlur() {
-      if (!programmaticFocusRef.current) {
-        events.goTo({id: state.selectedIds[0]});
-      }
-    },
-  };
-});

package/tabs/lib/selection/useSelectionItem.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-
-import {createHook} from '@workday/canvas-kit-react/common';
-
-import {SelectionModel} from './useSelectionModel';
-
-export const useSelectionItem = createHook(
-  (
-    {state, events}: SelectionModel,
-    _?: React.Ref<HTMLElement>,
-    elemProps: {name?: string} = {}
-  ) => {
-    const name = elemProps.name || '';
-    const onClick = (event: React.MouseEvent<HTMLElement>) => {
-      if (
-        state.nonInteractiveIds.includes(name) ||
-        event.currentTarget.hasAttribute('aria-disabled')
-      ) {
-        return;
-      }
-      events.select({id: name});
-    };
-
-    return {onClick};
-  }
-);

package/tabs/lib/selection/useSelectionModel.tsx

@@ -1,133 +0,0 @@
-import React from 'react';
-import {createEventMap, ToModelConfig, useEventMap} from '@workday/canvas-kit-react/common';
-import {
-  CursorState,
-  CursorEvents,
-  BaseCursorModelConfig,
-  useCursorModel,
-  CursorModelConfig,
-  cursorEventMap,
-  CursorModel,
-} from '../cursor/useCursorModel';
-
-export type Orientation = 'horizontal' | 'vertical';
-
-export type SelectionState<T = unknown> = CursorState<T> & {
-  selectedIds: 'all' | string[];
-  unselectedIds: string[];
-};
-
-export type SelectionEvents<T = unknown> = CursorEvents<T> & {
-  /** Select a specific item by its identifier. */
-  select(data: {id: string}): void;
-  /** Select all items. This will set `selectedIds` to `'all'` and remove all `unselectedIds`.
-   * This is especially useful for virtual lists where not all items are loaded in memory.
-   */
-  selectAll(): void;
-  unselectAll(): void;
-};
-
-export interface SelectionModel<T = unknown> extends CursorModel<T> {
-  state: SelectionState<T>;
-  events: SelectionEvents<T>;
-  selection: SelectionManager;
-}
-
-export const selectionEventMap = createEventMap<SelectionEvents>()({
-  guards: {
-    ...cursorEventMap.guards,
-    /** Should a cursor position be set? Use only in advance use-cases */
-    shouldSelect: 'select',
-  },
-  callbacks: {
-    ...cursorEventMap.callbacks,
-    /**
-     * Called when a cursor position has been changed. Useful to set state or perform side effects.
-     * This is called during state change batching, so calling state setters will not invoke extra
-     * renders.
-     */
-    onSelect: 'select',
-  },
-});
-
-/**
- * A SelectionManager is used
- */
-export interface SelectionManager {
-  select(
-    id: string,
-    prevState: Pick<SelectionState, 'selectedIds' | 'unselectedIds'>
-  ): Pick<SelectionState, 'selectedIds' | 'unselectedIds'>;
-}
-
-export const isSelected = (
-  id: string,
-  {selectedIds, unselectedIds}: Pick<SelectionState, 'selectedIds' | 'unselectedIds'>
-) => {
-  if (selectedIds === 'all') {
-    return !unselectedIds.includes(id);
-  }
-  return selectedIds.includes(id);
-};
-
-export const singleSelectionManager: SelectionManager = {
-  select(id: string) {
-    return {selectedIds: [id], unselectedIds: []};
-  },
-};
-
-export const multiSelectionManager: SelectionManager = {
-  select(id: string, {selectedIds, unselectedIds}) {
-    if (selectedIds === 'all') {
-      // If we have all selected, start adding/removing from `unselectedIds`
-      const existingKey = unselectedIds.includes(id);
-      return {
-        selectedIds: 'all',
-        unselectedIds: existingKey
-          ? unselectedIds.filter(key => key !== id)
-          : unselectedIds.concat(id),
-      };
-    } else {
-      const existingKey = selectedIds.includes(id);
-      return {
-        selectedIds: existingKey ? selectedIds.filter(key => key !== id) : selectedIds.concat(id),
-        unselectedIds: [],
-      };
-    }
-  },
-};
-
-export type BaseSelectionModelConfig<T> = BaseCursorModelConfig<T> & {
-  initialSelectedIds?: string[];
-  initialUnselectedIds?: string[];
-  selection?: SelectionManager;
-};
-
-export type SelectionModelConfig<T> = BaseSelectionModelConfig<T> &
-  Partial<ToModelConfig<SelectionState<T>, SelectionEvents<T>, typeof selectionEventMap>>;
-
-export const useSelectionModel = <T extends unknown>(
-  config: SelectionModelConfig<T> = {}
-): SelectionModel<T> => {
-  const cursor = useCursorModel(config as CursorModelConfig<T>);
-  const [selectedIds, setSelectedIds] = React.useState<'all' | string[]>(
-    config.initialSelectedIds || []
-  );
-  const [unselectedIds, setUnselectedIds] = React.useState(config.initialUnselectedIds || []);
-
-  const selection = config.selection || singleSelectionManager;
-
-  const state = {...cursor.state, selectedIds, unselectedIds};
-
-  const events = useEventMap(selectionEventMap, state, config, {
-    ...cursor.events,
-    select(data) {
-      const {selectedIds, unselectedIds} = selection.select(data.id, state);
-      setSelectedIds(selectedIds);
-      setUnselectedIds(unselectedIds);
-      events.goTo({id: data.id});
-    },
-  } as SelectionEvents<T>);
-
-  return {state, events, selection, getId: cursor.getId};
-};

package/ts3.5/dist/commonjs/action-bar/index.d.ts

@@ -1,5 +0,0 @@
-import ActionBar from './lib/ActionBar';
-export default ActionBar;
-export { ActionBar };
-export * from './lib/ActionBar';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/action-bar/lib/ActionBar.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export interface ActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * If true, fix the ActionBar to the bottom of the screen.
-     * @default false
-     */
-    fixed?: boolean;
-}
-export default class ActionBar extends React.Component<ActionBarProps> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=ActionBar.d.ts.map

package/ts3.5/dist/commonjs/avatar/index.d.ts

@@ -1,5 +0,0 @@
-import Avatar from './lib/Avatar';
-export default Avatar;
-export { Avatar };
-export * from './lib/Avatar';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/avatar/lib/Avatar.d.ts

@@ -1,54 +0,0 @@
-import React from 'react';
-import { SystemIconCircleSize } from '@workday/canvas-kit-react/icon';
-export declare enum AvatarVariant {
-    Light = 0,
-    Dark = 1
-}
-export interface AvatarProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * The variant of the Avatar default state. Accepts `Light` or `Dark`.
-     * @default AvatarVariant.Light
-     */
-    variant?: AvatarVariant;
-    /**
-     * The size of the Avatar.
-     * @default SystemIconCircleSize.m
-     */
-    size?: SystemIconCircleSize | number;
-    /**
-     * The alt text of the Avatar image. This prop is also used for the aria-label
-     * @default Avatar
-     */
-    altText?: string;
-    /**
-     * The url of the Avatar image.
-     */
-    url?: string;
-    /**
-     * The alternative container type for the button. Uses Emotion's special `as` prop.
-     * Will render an `div` tag instead of a `button` when defined.
-     */
-    as?: 'div';
-}
-/**
- * Used to get the props of the div version of an avatar
- */
-declare type AvatarDivProps = Pick<AvatarProps, Exclude<keyof AvatarProps, keyof React.ButtonHTMLAttributes<HTMLButtonElement>>> & React.HTMLAttributes<HTMLDivElement>;
-/**
- * Returns an overloaded functional component that uses button props by default.
- */
-declare type AvatarOverload = {
-    (props: {
-        as: 'div';
-    } & AvatarDivProps & {
-        ref?: React.Ref<HTMLElement>;
-    }): React.ReactElement;
-    (props: Pick<AvatarProps, Exclude<keyof AvatarProps, 'as'>> & {
-        ref?: React.Ref<HTMLButtonElement>;
-    }): React.ReactElement;
-    Variant: typeof AvatarVariant;
-    Size: typeof SystemIconCircleSize;
-};
-declare const Avatar: AvatarOverload;
-export default Avatar;
-//# sourceMappingURL=Avatar.d.ts.map

package/ts3.5/dist/commonjs/badge/index.d.ts

@@ -1,2 +0,0 @@
-export { default as CountBadge, CountBadgeProps } from './lib/CountBadge';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/badge/lib/CountBadge.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export interface CountBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
-    count?: number;
-    limit?: number;
-    variant?: 'default' | 'inverse';
-}
-declare const CountBadge: (props: CountBadgeProps) => JSX.Element;
-export default CountBadge;
-//# sourceMappingURL=CountBadge.d.ts.map

package/ts3.5/dist/commonjs/banner/index.d.ts

@@ -1,5 +0,0 @@
-import Banner from './lib/Banner';
-export default Banner;
-export { Banner };
-export * from './lib/Banner';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/banner/lib/Banner.d.ts

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { ErrorType, Themeable } from '@workday/canvas-kit-react/common';
-export declare enum BannerVariant {
-    Full = 0,
-    Sticky = 1
-}
-export interface BannerProps extends Themeable, React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * The function called when the Banner is clicked.
-     */
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * The label of the Banner.
-     */
-    label?: React.ReactNode;
-    /**
-     * The variant of the Banner. Accepts `Full` or `Sticky`.
-     * @default BannerVariant.Full
-     */
-    variant?: BannerVariant;
-    /**
-     * The type of error associated with the Banner (if applicable).
-     * @default ErrorType.Alert
-     */
-    error?: ErrorType;
-    /**
-     * The text of the Banner action. This prop is also used as the aria-label for the action in the banner
-     * @default 'View All'
-     */
-    actionText?: string;
-}
-declare const Banner: React.FC<BannerProps> & {
-    Variant: typeof BannerVariant;
-    ErrorType: typeof ErrorType;
-};
-export default Banner;
-//# sourceMappingURL=Banner.d.ts.map

package/ts3.5/dist/commonjs/button/index.d.ts

@@ -1,11 +0,0 @@
-export { PrimaryButton, PrimaryButtonProps } from './lib/PrimaryButton';
-export { SecondaryButton, SecondaryButtonProps } from './lib/SecondaryButton';
-export { TertiaryButton, TertiaryButtonProps } from './lib/TertiaryButton';
-export { DeleteButton, DeleteButtonProps } from './lib/DeleteButton';
-export { DeprecatedButton as deprecated_Button, DeprecatedButtonProps, } from './lib/deprecated_Button';
-export { IconButton, IconButtonProps } from './lib/IconButton';
-export { ToolbarIconButton, ToolbarIconButtonProps } from './lib/ToolbarIconButton';
-export { ToolbarDropdownButton, ToolbarDropdownButtonProps } from './lib/ToolbarDropdownButton';
-export { Hyperlink, HyperlinkProps } from './lib/Hyperlink';
-export * from './lib/types';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/button/lib/DeleteButton.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { GrowthBehavior, Themeable } from '@workday/canvas-kit-react/common';
-export interface DeleteButtonProps extends Themeable, GrowthBehavior {
-    /**
-     * The size of the Button.
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    children?: React.ReactNode;
-}
-export declare const DeleteButton: import("../../common").ElementComponent<"button", DeleteButtonProps>;
-//# sourceMappingURL=DeleteButton.d.ts.map

package/ts3.5/dist/commonjs/button/lib/Hyperlink.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-export interface HyperlinkProps {
-    /**
-     * sets modifier styles for Hyperlink
-     * - `inverse`: sets the color to frenchVanilla100 and updates hover, focus, and active pseudo-classes
-     */
-    variant?: 'inverse';
-    /**
-     * attribute for the hyperlink URL
-     */
-    href?: string;
-    children?: React.ReactNode;
-}
-export declare const Hyperlink: import("../../common").ElementComponent<"a", HyperlinkProps>;
-//# sourceMappingURL=Hyperlink.d.ts.map

package/ts3.5/dist/commonjs/button/lib/IconButton.d.ts

@@ -1,41 +0,0 @@
-import * as React from 'react';
-import { Themeable } from '@workday/canvas-kit-react/common';
-import { CanvasSystemIcon } from '@workday/design-assets-types';
-export interface IconButtonProps extends Themeable {
-    /**
-     * The accessibility label to indicate the action triggered by clicking the IconButton.
-     */
-    'aria-label': string;
-    /**
-     * The type of the IconButton.
-     * @default 'circle'
-     */
-    variant?: 'square' | 'squareFilled' | 'plain' | 'circle' | 'circleFilled' | 'inverse' | 'inverseFilled';
-    /**
-     * The size of the IconButton.
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium';
-    /**
-     * The toggled state of the button. If defined as a boolean, then it manages the toggled state: on (`true`) or off (`false`).
-     * @default undefined
-     */
-    toggled?: boolean;
-    /**
-     * The icon of the IconButton.
-     */
-    icon?: CanvasSystemIcon;
-    /**
-     * If set to `true`, transform the icon's x-axis to mirror the graphic
-     * @default false
-     */
-    shouldMirrorIcon?: boolean;
-    /**
-     * The function called when the IconButton toggled state changes.
-     */
-    onToggleChange?: (toggled: boolean | undefined) => void;
-    value?: string | string[] | number;
-    children?: React.ReactNode;
-}
-export declare const IconButton: import("../../common").ElementComponent<"button", IconButtonProps>;
-//# sourceMappingURL=IconButton.d.ts.map