@os-design/core 1.0.255 → 1.0.257

package/dist/Button/ButtonContent.js

@@ -0,0 +1,67 @@
+import { keyframes } from '@emotion/react';
+import styled from '@emotion/styled';
+import { Loading } from '@os-design/icons';
+import { clr } from '@os-design/theming';
+import { omitEmotionProps } from '@os-design/utils';
+import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const LeftAddon = styled.div`
+  display: inherit;
+  padding-right: ${p => p.theme.buttonAddonPaddingHorizontal}em;
+`;
+const RightAddon = styled.div`
+  display: inherit;
+  padding-left: ${p => p.theme.buttonAddonPaddingHorizontal}em;
+`;
+const Content = styled.span`
+  display: inherit;
+
+  & > svg {
+    transform: scale(${p => p.theme.buttonIconScaleFactor});
+    vertical-align: middle;
+  }
+`;
+const LoadingIcon = styled(Loading)`
+  font-size: 1.2em;
+`;
+const loadingFadeIn = keyframes`
+  from { opacity: 0; }
+  to { opacity: 1; }
+`;
+const LoadingContainer = styled('div', omitEmotionProps('colors'))`
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: inherit;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  color: ${p => clr(p.colors.text)};
+  background-color: ${p => clr(p.colors.bg)};
+  animation: ${loadingFadeIn} ${p => p.theme.transitionDelay}ms;
+`;
+
+// Used by Button, ButtonLink
+const ButtonContent = ({
+  left,
+  right,
+  loading = false,
+  loadingColors,
+  children
+}) => /*#__PURE__*/_jsxs(_Fragment, {
+  children: [left && /*#__PURE__*/_jsx(LeftAddon, {
+    children: left
+  }), /*#__PURE__*/_jsx(Content, {
+    children: children
+  }), right && /*#__PURE__*/_jsx(RightAddon, {
+    children: right
+  }), loading && /*#__PURE__*/_jsx(LoadingContainer, {
+    colors: loadingColors,
+    children: /*#__PURE__*/_jsx(LoadingIcon, {})
+  })]
+});
+export default ButtonContent;

package/dist/Button/index.d.ts

@@ -0,0 +1,60 @@
+import { type WithSize } from '@os-design/styles';
+import React from 'react';
+import { type ButtonColors } from './utils/useButtonColors';
+type JsxButtonProps = Omit<JSX.IntrinsicElements['button'], 'type' | 'color' | 'ref'>;
+export interface BaseButtonProps extends WithSize {
+    /**
+     * Type of button styles.
+     * @default primary
+     */
+    type?: 'primary' | 'outline' | 'ghost';
+    /**
+     * Sets the danger styles.
+     * @default false
+     */
+    danger?: boolean;
+    /**
+     * The component located on the left side.
+     * @default undefined
+     */
+    left?: React.ReactNode;
+    /**
+     * The component located on the right side.
+     * @default undefined
+     */
+    right?: React.ReactNode;
+    /**
+     * Whether the button has full width.
+     * Possible values:
+     * `default` – the button has full width if the screen width is less than xs;
+     * `always` – the button always has full width;
+     * `never` – the button never has full width.
+     * @default default
+     */
+    wide?: 'default' | 'always' | 'never';
+    /**
+     * Shows the loading status and disables the button.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Whether the button is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+}
+export type ButtonProps = JsxButtonProps & BaseButtonProps;
+interface StyledButtonProps extends Pick<ButtonProps, 'wide' | 'loading' | 'disabled' | 'size'> {
+    btnType: ButtonProps['type'];
+    colors: ButtonColors;
+}
+export declare const StyledButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & StyledButtonProps, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/**
+ * Used to trigger the corresponding business logic.
+ */
+declare const Button: React.ForwardRefExoticComponent<JsxButtonProps & BaseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;
+//# sourceMappingURL=index.d.ts.map

package/dist/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAwB,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE7E,KAAK,cAAc,GAAG,IAAI,CACxB,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAC/B,MAAM,GAAG,OAAO,GAAG,KAAK,CACzB,CAAC;AAGF,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG,eAAe,CAAC;AAE3D,UAAU,iBACR,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACnE,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,MAAM,EAAE,YAAY,CAAC;CACtB;AA0DD,eAAO,MAAM,YAAY;;SAkG2jB,MAAO,WAAW;qHA5DrmB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,MAAM,4GAkDX,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/Button/index.js

@@ -0,0 +1,131 @@
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+import { m } from '@os-design/media';
+import { resetButtonStyles, sizeStyles, transitionStyles } from '@os-design/styles';
+import { clr } from '@os-design/theming';
+import { omitEmotionProps } from '@os-design/utils';
+import React, { forwardRef } from 'react';
+import ButtonContent from "./ButtonContent.js";
+import useButtonColors from "./utils/useButtonColors.js"; // Used by Button, ButtonLink
+import { jsx as _jsx } from "react/jsx-runtime";
+const hoverStyles = p => !p.disabled && css`
+    @media (hover: hover) {
+      &:hover,
+      &:focus {
+        background-color: ${clr(p.colors.bgHover)};
+      }
+    }
+  `;
+const primaryStyles = p => p.btnType === 'primary' && css`
+    color: ${clr(p.colors.text)};
+    background-color: ${clr(p.colors.bg)};
+    ${hoverStyles(p)};
+  `;
+const ghostStyles = p => p.btnType === 'ghost' && css`
+    color: ${clr(p.colors.text)};
+    background-color: transparent;
+    ${hoverStyles(p)};
+  `;
+const outlineStyles = p => p.btnType === 'outline' && css`
+    color: ${clr(p.colors.text)};
+    background-color: transparent;
+    border: 1px solid currentColor;
+    ${hoverStyles(p)};
+  `;
+const wideDefaultStyles = p => p.wide === 'default' && css`
+    ${m.max.xxs} {
+      width: 100%;
+    }
+  `;
+const wideAlwaysStyles = p => p.wide === 'always' && css`
+    width: 100%;
+  `;
+const disabledStyles = p => p.disabled && css`
+    cursor: not-allowed;
+  `;
+export const StyledButton = styled('button', omitEmotionProps('btnType', 'colors', 'wide', 'loading', 'size'))`
+  ${resetButtonStyles};
+  position: relative; // Because LoadingContainer has an absolute position
+  cursor: pointer;
+  user-select: none;
+  box-sizing: border-box; // Important for ButtonLink
+
+  // Disable multiline
+  white-space: nowrap;
+  overflow: hidden;
+
+  border-radius: ${p => p.theme.borderRadius}em;
+  height: ${p => p.theme.buttonHeight}em;
+  padding: 0 ${p => p.theme.buttonPaddingHorizontal}em;
+
+  // Do not set inline-flex, otherwise the mobile safari cuts off
+  // the bottom border of the button (tested in iPhone 6)
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  font-weight: 500;
+  line-height: 1;
+
+  ${primaryStyles};
+  ${outlineStyles};
+  ${ghostStyles};
+
+  ${wideDefaultStyles};
+  ${wideAlwaysStyles};
+
+  ${disabledStyles};
+
+  ${sizeStyles};
+  ${transitionStyles('background-color', 'color')};
+`;
+
+/**
+ * Used to trigger the corresponding business logic.
+ */
+const Button = /*#__PURE__*/forwardRef(({
+  type = 'primary',
+  danger = false,
+  left,
+  right,
+  wide = 'default',
+  loading = false,
+  disabled = false,
+  size,
+  children,
+  onMouseDown = () => {},
+  ...rest
+}, ref) => {
+  const {
+    buttonColors,
+    loadingColors
+  } = useButtonColors({
+    type,
+    danger,
+    disabled
+  });
+  return /*#__PURE__*/_jsx(StyledButton, {
+    btnType: type,
+    colors: buttonColors,
+    wide: wide,
+    loading: loading,
+    disabled: disabled || loading,
+    size: size,
+    onMouseDown: e => {
+      onMouseDown(e);
+      e.preventDefault();
+    },
+    "aria-busy": loading,
+    ...rest,
+    ref: ref,
+    children: /*#__PURE__*/_jsx(ButtonContent, {
+      left: left,
+      right: right,
+      loading: loading,
+      loadingColors: loadingColors,
+      children: children
+    })
+  });
+});
+Button.displayName = 'Button';
+export default Button;

package/dist/Button/utils/useButtonColors.d.ts

@@ -0,0 +1,22 @@
+import { type Color } from '@os-design/theming';
+interface Props {
+    type: 'primary' | 'outline' | 'ghost';
+    danger: boolean;
+    disabled: boolean;
+}
+export interface ButtonColors {
+    text: Color;
+    bg?: Color;
+    bgHover?: Color;
+}
+export interface LoadingColors {
+    text: Color;
+    bg: Color;
+}
+interface UseButtonColorsRes {
+    buttonColors: ButtonColors;
+    loadingColors: LoadingColors;
+}
+declare const useButtonColors: ({ type, danger, disabled, }: Props) => UseButtonColorsRes;
+export default useButtonColors;
+//# sourceMappingURL=useButtonColors.d.ts.map

package/dist/Button/utils/useButtonColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButtonColors.d.ts","sourceRoot":"","sources":["../../../src/Button/utils/useButtonColors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,oBAAoB,CAAC;AAG1D,UAAU,KAAK;IACb,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,KAAK,CAAC;IACZ,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,KAAK,CAAC;IACZ,EAAE,EAAE,KAAK,CAAC;CACX;AAED,UAAU,kBAAkB;IAC1B,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;CAC9B;AAGD,QAAA,MAAM,eAAe,gCAIlB,KAAK,KAAG,kBAmDV,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/Button/utils/useButtonColors.js

@@ -0,0 +1,57 @@
+import { useTheme } from '@os-design/theming';
+import { useMemo } from 'react';
+// Used by Button, ButtonLink
+const useButtonColors = ({
+  type,
+  danger,
+  disabled
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const prefix = useMemo(() => {
+    if (danger) return 'Danger';
+    return '';
+  }, [danger]);
+  const buttonColors = useMemo(() => {
+    if (type === 'primary') {
+      return !disabled ? {
+        text: theme[`button${prefix}PrimaryColorText`],
+        bg: theme[`button${prefix}PrimaryColorBg`],
+        bgHover: theme[`button${prefix}PrimaryColorBgHover`]
+      } : {
+        text: theme.buttonDisabledPrimaryColorText,
+        bg: theme.buttonDisabledPrimaryColorBg
+      };
+    }
+    return !disabled ? {
+      text: theme[`button${prefix}GhostColorText`],
+      bgHover: theme[`button${prefix}GhostColorBgHover`]
+    } : {
+      text: theme.buttonDisabledGhostColorText
+    };
+  }, [type, disabled, theme, prefix]);
+  const loadingColors = useMemo(() => {
+    if (disabled) {
+      return {
+        text: theme.buttonDisabledPrimaryColorText,
+        bg: theme.buttonDisabledPrimaryColorBg
+      };
+    }
+    if (type === 'primary') {
+      return {
+        text: theme[`button${prefix}PrimaryColorLoadingText`],
+        bg: theme[`button${prefix}PrimaryColorLoadingBg`]
+      };
+    }
+    return {
+      text: theme[`button${prefix}GhostColorLoadingText`],
+      bg: theme[`button${prefix}GhostColorLoadingBg`]
+    };
+  }, [disabled, type, theme, prefix]);
+  return {
+    buttonColors,
+    loadingColors
+  };
+};
+export default useButtonColors;

package/dist/ButtonLink/index.d.ts

@@ -0,0 +1,286 @@
+import { type ButtonProps } from '../Button';
+import { type LinkProps, type ReactRouterLinkProps } from '../Link';
+type JsxAProps = Omit<JSX.IntrinsicElements['a'], 'type' | 'ref'>;
+export type ButtonLinkProps = JsxAProps & ReactRouterLinkProps & Pick<LinkProps, 'as'> & ButtonProps;
+/**
+ * The button that is rendered as a link.
+ */
+declare const ButtonLink: import("react").ForwardRefExoticComponent<JsxAProps & ReactRouterLinkProps & Pick<LinkProps, "as"> & {
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    children?: import("react").ReactNode | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    form?: string | undefined;
+    name?: string | undefined;
+    disabled?: boolean | undefined;
+    formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    value?: string | readonly string[] | number | undefined;
+} & import("..").BaseButtonProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export default ButtonLink;
+//# sourceMappingURL=index.d.ts.map

package/dist/ButtonLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ButtonLink/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAgB,MAAM,WAAW,CAAC;AAG3D,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,oBAAoB,EAC1B,MAAM,SAAS,CAAC;AAEjB,KAAK,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,SAAS,GACrC,oBAAoB,GACpB,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GACrB,WAAW,CAAC;AAiBd;;GAEG;AACH,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oFAgEf,CAAC;AAIF,eAAe,UAAU,CAAC"}