@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.7

package/dist/cjs/components/icon/Icon.d.cts

@@ -1,574 +0,0 @@
-import { UnityIcon } from '@payfit/unity-icons';
-import { HTMLAttributes } from 'react';
-import { VariantProps } from 'tailwind-variants';
-declare const icon: import('tailwind-variants').TVReturnType<{
-    size: {
-        20: string;
-        24: string;
-    };
-    color: {
-        'content.primary': string;
-        'content.primary.enabled': string;
-        'content.primary.hover': string;
-        'content.primary.pressed': string;
-        'content.primary.focus': string;
-        'content.primary.active': string;
-        'content.primary.disabled': string;
-        'content.neutral': string;
-        'content.neutral.enabled': string;
-        'content.neutral.hover': string;
-        'content.neutral.pressed': string;
-        'content.neutral.focus': string;
-        'content.neutral.active': string;
-        'content.neutral.disabled': string;
-        'content.neutral.low': string;
-        'content.neutral.lowest': string;
-        'content.neutral.lowest.enabled': string;
-        'content.neutral.lowest.hover': string;
-        'content.neutral.lowest.pressed': string;
-        'content.neutral.lowest.focus': string;
-        'content.neutral.lowest.active': string;
-        'content.neutral.lowest.disabled': string;
-        'content.danger': string;
-        'content.danger.enabled': string;
-        'content.danger.hover': string;
-        'content.danger.pressed': string;
-        'content.danger.focus': string;
-        'content.danger.active': string;
-        'content.danger.disabled': string;
-        'content.warning': string;
-        'content.warning.enabled': string;
-        'content.warning.hover': string;
-        'content.warning.pressed': string;
-        'content.warning.focus': string;
-        'content.warning.active': string;
-        'content.warning.disabled': string;
-        'content.success': string;
-        'content.success.enabled': string;
-        'content.success.hover': string;
-        'content.success.pressed': string;
-        'content.success.focus': string;
-        'content.success.active': string;
-        'content.success.disabled': string;
-        'content.info': string;
-        'content.info.enabled': string;
-        'content.info.hover': string;
-        'content.info.pressed': string;
-        'content.info.focus': string;
-        'content.info.active': string;
-        'content.info.disabled': string;
-        'content.promo': string;
-        'content.form.enabled': string;
-        'content.form.hover': string;
-        'content.form.pressed': string;
-        'content.form.focus': string;
-        'content.form.active': string;
-        'content.form.disabled': string;
-        'content.form.read-only': string;
-        'content.form.invalid': string;
-        'content.inverted': string;
-        'content.inverted.enabled': string;
-        'content.inverted.hover': string;
-        'content.inverted.pressed': string;
-        'content.inverted.focus': string;
-        'content.inverted.active': string;
-        'content.inverted.disabled': string;
-        inherit: string;
-    };
-    display: {
-        block: string;
-        inline: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        20: string;
-        24: string;
-    };
-    color: {
-        'content.primary': string;
-        'content.primary.enabled': string;
-        'content.primary.hover': string;
-        'content.primary.pressed': string;
-        'content.primary.focus': string;
-        'content.primary.active': string;
-        'content.primary.disabled': string;
-        'content.neutral': string;
-        'content.neutral.enabled': string;
-        'content.neutral.hover': string;
-        'content.neutral.pressed': string;
-        'content.neutral.focus': string;
-        'content.neutral.active': string;
-        'content.neutral.disabled': string;
-        'content.neutral.low': string;
-        'content.neutral.lowest': string;
-        'content.neutral.lowest.enabled': string;
-        'content.neutral.lowest.hover': string;
-        'content.neutral.lowest.pressed': string;
-        'content.neutral.lowest.focus': string;
-        'content.neutral.lowest.active': string;
-        'content.neutral.lowest.disabled': string;
-        'content.danger': string;
-        'content.danger.enabled': string;
-        'content.danger.hover': string;
-        'content.danger.pressed': string;
-        'content.danger.focus': string;
-        'content.danger.active': string;
-        'content.danger.disabled': string;
-        'content.warning': string;
-        'content.warning.enabled': string;
-        'content.warning.hover': string;
-        'content.warning.pressed': string;
-        'content.warning.focus': string;
-        'content.warning.active': string;
-        'content.warning.disabled': string;
-        'content.success': string;
-        'content.success.enabled': string;
-        'content.success.hover': string;
-        'content.success.pressed': string;
-        'content.success.focus': string;
-        'content.success.active': string;
-        'content.success.disabled': string;
-        'content.info': string;
-        'content.info.enabled': string;
-        'content.info.hover': string;
-        'content.info.pressed': string;
-        'content.info.focus': string;
-        'content.info.active': string;
-        'content.info.disabled': string;
-        'content.promo': string;
-        'content.form.enabled': string;
-        'content.form.hover': string;
-        'content.form.pressed': string;
-        'content.form.focus': string;
-        'content.form.active': string;
-        'content.form.disabled': string;
-        'content.form.read-only': string;
-        'content.form.invalid': string;
-        'content.inverted': string;
-        'content.inverted.enabled': string;
-        'content.inverted.hover': string;
-        'content.inverted.pressed': string;
-        'content.inverted.focus': string;
-        'content.inverted.active': string;
-        'content.inverted.disabled': string;
-        inherit: string;
-    };
-    display: {
-        block: string;
-        inline: string;
-    };
-}, {
-    size: {
-        20: string;
-        24: string;
-    };
-    color: {
-        'content.primary': string;
-        'content.primary.enabled': string;
-        'content.primary.hover': string;
-        'content.primary.pressed': string;
-        'content.primary.focus': string;
-        'content.primary.active': string;
-        'content.primary.disabled': string;
-        'content.neutral': string;
-        'content.neutral.enabled': string;
-        'content.neutral.hover': string;
-        'content.neutral.pressed': string;
-        'content.neutral.focus': string;
-        'content.neutral.active': string;
-        'content.neutral.disabled': string;
-        'content.neutral.low': string;
-        'content.neutral.lowest': string;
-        'content.neutral.lowest.enabled': string;
-        'content.neutral.lowest.hover': string;
-        'content.neutral.lowest.pressed': string;
-        'content.neutral.lowest.focus': string;
-        'content.neutral.lowest.active': string;
-        'content.neutral.lowest.disabled': string;
-        'content.danger': string;
-        'content.danger.enabled': string;
-        'content.danger.hover': string;
-        'content.danger.pressed': string;
-        'content.danger.focus': string;
-        'content.danger.active': string;
-        'content.danger.disabled': string;
-        'content.warning': string;
-        'content.warning.enabled': string;
-        'content.warning.hover': string;
-        'content.warning.pressed': string;
-        'content.warning.focus': string;
-        'content.warning.active': string;
-        'content.warning.disabled': string;
-        'content.success': string;
-        'content.success.enabled': string;
-        'content.success.hover': string;
-        'content.success.pressed': string;
-        'content.success.focus': string;
-        'content.success.active': string;
-        'content.success.disabled': string;
-        'content.info': string;
-        'content.info.enabled': string;
-        'content.info.hover': string;
-        'content.info.pressed': string;
-        'content.info.focus': string;
-        'content.info.active': string;
-        'content.info.disabled': string;
-        'content.promo': string;
-        'content.form.enabled': string;
-        'content.form.hover': string;
-        'content.form.pressed': string;
-        'content.form.focus': string;
-        'content.form.active': string;
-        'content.form.disabled': string;
-        'content.form.read-only': string;
-        'content.form.invalid': string;
-        'content.inverted': string;
-        'content.inverted.enabled': string;
-        'content.inverted.hover': string;
-        'content.inverted.pressed': string;
-        'content.inverted.focus': string;
-        'content.inverted.active': string;
-        'content.inverted.disabled': string;
-        inherit: string;
-    };
-    display: {
-        block: string;
-        inline: string;
-    };
-}>, {
-    size: {
-        20: string;
-        24: string;
-    };
-    color: {
-        'content.primary': string;
-        'content.primary.enabled': string;
-        'content.primary.hover': string;
-        'content.primary.pressed': string;
-        'content.primary.focus': string;
-        'content.primary.active': string;
-        'content.primary.disabled': string;
-        'content.neutral': string;
-        'content.neutral.enabled': string;
-        'content.neutral.hover': string;
-        'content.neutral.pressed': string;
-        'content.neutral.focus': string;
-        'content.neutral.active': string;
-        'content.neutral.disabled': string;
-        'content.neutral.low': string;
-        'content.neutral.lowest': string;
-        'content.neutral.lowest.enabled': string;
-        'content.neutral.lowest.hover': string;
-        'content.neutral.lowest.pressed': string;
-        'content.neutral.lowest.focus': string;
-        'content.neutral.lowest.active': string;
-        'content.neutral.lowest.disabled': string;
-        'content.danger': string;
-        'content.danger.enabled': string;
-        'content.danger.hover': string;
-        'content.danger.pressed': string;
-        'content.danger.focus': string;
-        'content.danger.active': string;
-        'content.danger.disabled': string;
-        'content.warning': string;
-        'content.warning.enabled': string;
-        'content.warning.hover': string;
-        'content.warning.pressed': string;
-        'content.warning.focus': string;
-        'content.warning.active': string;
-        'content.warning.disabled': string;
-        'content.success': string;
-        'content.success.enabled': string;
-        'content.success.hover': string;
-        'content.success.pressed': string;
-        'content.success.focus': string;
-        'content.success.active': string;
-        'content.success.disabled': string;
-        'content.info': string;
-        'content.info.enabled': string;
-        'content.info.hover': string;
-        'content.info.pressed': string;
-        'content.info.focus': string;
-        'content.info.active': string;
-        'content.info.disabled': string;
-        'content.promo': string;
-        'content.form.enabled': string;
-        'content.form.hover': string;
-        'content.form.pressed': string;
-        'content.form.focus': string;
-        'content.form.active': string;
-        'content.form.disabled': string;
-        'content.form.read-only': string;
-        'content.form.invalid': string;
-        'content.inverted': string;
-        'content.inverted.enabled': string;
-        'content.inverted.hover': string;
-        'content.inverted.pressed': string;
-        'content.inverted.focus': string;
-        'content.inverted.active': string;
-        'content.inverted.disabled': string;
-        inherit: string;
-    };
-    display: {
-        block: string;
-        inline: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    size: {
-        20: string;
-        24: string;
-    };
-    color: {
-        'content.primary': string;
-        'content.primary.enabled': string;
-        'content.primary.hover': string;
-        'content.primary.pressed': string;
-        'content.primary.focus': string;
-        'content.primary.active': string;
-        'content.primary.disabled': string;
-        'content.neutral': string;
-        'content.neutral.enabled': string;
-        'content.neutral.hover': string;
-        'content.neutral.pressed': string;
-        'content.neutral.focus': string;
-        'content.neutral.active': string;
-        'content.neutral.disabled': string;
-        'content.neutral.low': string;
-        'content.neutral.lowest': string;
-        'content.neutral.lowest.enabled': string;
-        'content.neutral.lowest.hover': string;
-        'content.neutral.lowest.pressed': string;
-        'content.neutral.lowest.focus': string;
-        'content.neutral.lowest.active': string;
-        'content.neutral.lowest.disabled': string;
-        'content.danger': string;
-        'content.danger.enabled': string;
-        'content.danger.hover': string;
-        'content.danger.pressed': string;
-        'content.danger.focus': string;
-        'content.danger.active': string;
-        'content.danger.disabled': string;
-        'content.warning': string;
-        'content.warning.enabled': string;
-        'content.warning.hover': string;
-        'content.warning.pressed': string;
-        'content.warning.focus': string;
-        'content.warning.active': string;
-        'content.warning.disabled': string;
-        'content.success': string;
-        'content.success.enabled': string;
-        'content.success.hover': string;
-        'content.success.pressed': string;
-        'content.success.focus': string;
-        'content.success.active': string;
-        'content.success.disabled': string;
-        'content.info': string;
-        'content.info.enabled': string;
-        'content.info.hover': string;
-        'content.info.pressed': string;
-        'content.info.focus': string;
-        'content.info.active': string;
-        'content.info.disabled': string;
-        'content.promo': string;
-        'content.form.enabled': string;
-        'content.form.hover': string;
-        'content.form.pressed': string;
-        'content.form.focus': string;
-        'content.form.active': string;
-        'content.form.disabled': string;
-        'content.form.read-only': string;
-        'content.form.invalid': string;
-        'content.inverted': string;
-        'content.inverted.enabled': string;
-        'content.inverted.hover': string;
-        'content.inverted.pressed': string;
-        'content.inverted.focus': string;
-        'content.inverted.active': string;
-        'content.inverted.disabled': string;
-        inherit: string;
-    };
-    display: {
-        block: string;
-        inline: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        20: string;
-        24: string;
-    };
-    color: {
-        'content.primary': string;
-        'content.primary.enabled': string;
-        'content.primary.hover': string;
-        'content.primary.pressed': string;
-        'content.primary.focus': string;
-        'content.primary.active': string;
-        'content.primary.disabled': string;
-        'content.neutral': string;
-        'content.neutral.enabled': string;
-        'content.neutral.hover': string;
-        'content.neutral.pressed': string;
-        'content.neutral.focus': string;
-        'content.neutral.active': string;
-        'content.neutral.disabled': string;
-        'content.neutral.low': string;
-        'content.neutral.lowest': string;
-        'content.neutral.lowest.enabled': string;
-        'content.neutral.lowest.hover': string;
-        'content.neutral.lowest.pressed': string;
-        'content.neutral.lowest.focus': string;
-        'content.neutral.lowest.active': string;
-        'content.neutral.lowest.disabled': string;
-        'content.danger': string;
-        'content.danger.enabled': string;
-        'content.danger.hover': string;
-        'content.danger.pressed': string;
-        'content.danger.focus': string;
-        'content.danger.active': string;
-        'content.danger.disabled': string;
-        'content.warning': string;
-        'content.warning.enabled': string;
-        'content.warning.hover': string;
-        'content.warning.pressed': string;
-        'content.warning.focus': string;
-        'content.warning.active': string;
-        'content.warning.disabled': string;
-        'content.success': string;
-        'content.success.enabled': string;
-        'content.success.hover': string;
-        'content.success.pressed': string;
-        'content.success.focus': string;
-        'content.success.active': string;
-        'content.success.disabled': string;
-        'content.info': string;
-        'content.info.enabled': string;
-        'content.info.hover': string;
-        'content.info.pressed': string;
-        'content.info.focus': string;
-        'content.info.active': string;
-        'content.info.disabled': string;
-        'content.promo': string;
-        'content.form.enabled': string;
-        'content.form.hover': string;
-        'content.form.pressed': string;
-        'content.form.focus': string;
-        'content.form.active': string;
-        'content.form.disabled': string;
-        'content.form.read-only': string;
-        'content.form.invalid': string;
-        'content.inverted': string;
-        'content.inverted.enabled': string;
-        'content.inverted.hover': string;
-        'content.inverted.pressed': string;
-        'content.inverted.focus': string;
-        'content.inverted.active': string;
-        'content.inverted.disabled': string;
-        inherit: string;
-    };
-    display: {
-        block: string;
-        inline: string;
-    };
-}, {
-    size: {
-        20: string;
-        24: string;
-    };
-    color: {
-        'content.primary': string;
-        'content.primary.enabled': string;
-        'content.primary.hover': string;
-        'content.primary.pressed': string;
-        'content.primary.focus': string;
-        'content.primary.active': string;
-        'content.primary.disabled': string;
-        'content.neutral': string;
-        'content.neutral.enabled': string;
-        'content.neutral.hover': string;
-        'content.neutral.pressed': string;
-        'content.neutral.focus': string;
-        'content.neutral.active': string;
-        'content.neutral.disabled': string;
-        'content.neutral.low': string;
-        'content.neutral.lowest': string;
-        'content.neutral.lowest.enabled': string;
-        'content.neutral.lowest.hover': string;
-        'content.neutral.lowest.pressed': string;
-        'content.neutral.lowest.focus': string;
-        'content.neutral.lowest.active': string;
-        'content.neutral.lowest.disabled': string;
-        'content.danger': string;
-        'content.danger.enabled': string;
-        'content.danger.hover': string;
-        'content.danger.pressed': string;
-        'content.danger.focus': string;
-        'content.danger.active': string;
-        'content.danger.disabled': string;
-        'content.warning': string;
-        'content.warning.enabled': string;
-        'content.warning.hover': string;
-        'content.warning.pressed': string;
-        'content.warning.focus': string;
-        'content.warning.active': string;
-        'content.warning.disabled': string;
-        'content.success': string;
-        'content.success.enabled': string;
-        'content.success.hover': string;
-        'content.success.pressed': string;
-        'content.success.focus': string;
-        'content.success.active': string;
-        'content.success.disabled': string;
-        'content.info': string;
-        'content.info.enabled': string;
-        'content.info.hover': string;
-        'content.info.pressed': string;
-        'content.info.focus': string;
-        'content.info.active': string;
-        'content.info.disabled': string;
-        'content.promo': string;
-        'content.form.enabled': string;
-        'content.form.hover': string;
-        'content.form.pressed': string;
-        'content.form.focus': string;
-        'content.form.active': string;
-        'content.form.disabled': string;
-        'content.form.read-only': string;
-        'content.form.invalid': string;
-        'content.inverted': string;
-        'content.inverted.enabled': string;
-        'content.inverted.hover': string;
-        'content.inverted.pressed': string;
-        'content.inverted.focus': string;
-        'content.inverted.active': string;
-        'content.inverted.disabled': string;
-        inherit: string;
-    };
-    display: {
-        block: string;
-        inline: string;
-    };
-}>, unknown, unknown, undefined>>;
-export type IconProps = VariantProps<typeof icon> & Pick<HTMLAttributes<HTMLSpanElement>, 'className' | 'role' | 'aria-labelledby' | 'aria-hidden'> & {
-    /** The icon to render from the Unity icon set */
-    src: UnityIcon;
-    /**
-     * Alternative text for the icon, used for accessibility
-     * @default ''
-     */
-    alt?: string;
-    /**
-     * The icon's color. Use one of the allowed tokens or the `inherit` value for using the parent's foreground color
-     * @default 'inherit'
-     */
-    color?: VariantProps<typeof icon>['color'];
-    /**
-     * The icon's size.
-     * @default 20
-     */
-    size?: VariantProps<typeof icon>['size'];
-};
-/**
- * The `Icon` component displays an icon from the Unity icon set.
- */
-export declare function Icon({ alt, color, size, src, role, display, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/components/icon-button/CircularIconButton.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react-aria-components"),v=require("tailwind-variants"),I=require("../../hooks/use-id.cjs"),d=require("../icon/Icon.cjs"),y=require("../spinner/Spinner.cjs"),b=require("../tooltip/Tooltip.cjs"),f=v.tv({base:["uy-rounded-circle uy-flex uy-items-center uy-justify-center uy-transition-colors","active:uy-bg-surface-neutral-active","data-[pressed]:uy-bg-surface-neutral-pressed","focus-visible:uy-outline-2 focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring","aria-disabled:uy-cursor-not-allowed aria-disabled:uy-text-content-neutral-disabled","aria-busy:uy-text-content-neutral-disabled aria-busy:uy-cursor-progress"],variants:{size:{default:"uy-w-300 uy-h-300",large:"uy-w-400 uy-h-400"},color:{"content.neutral":"uy-text-content-neutral","content.neutral.low":"uy-text-content-neutral-low"},isDisabled:{false:"hover:uy-bg-surface-neutral-hover"}},defaultVariants:{size:"default",color:"content.neutral"}});function p(x){const h=I(),{onPress:n,icon:l,color:j,size:i,isLoading:t,title:r,isDisabled:s,asElement:g="default",className:m,...o}=x,a=`icon-button-label-${h}`,u=f({class:m,color:j,size:i,isDisabled:s});return g==="button"?e.jsx(b.Tooltip,{title:r,children:e.jsxs(c.Button,{"data-dd-privacy":"allow",...o,onPress:n,isDisabled:s||t,"aria-labelledby":a,"aria-busy":t,className:u,children:[t?e.jsx(y.Spinner,{size:"small",label:"Loading",color:"inherit"}):e.jsx(d.Icon,{src:l,size:i==="large"?24:20,color:"inherit",role:"presentation"}),e.jsx("span",{id:a,className:"uy-sr-only",children:r})]})}):e.jsx(b.Tooltip,{title:r,children:e.jsx(c.Pressable,{"data-dd-privacy":"allow",...o,onPress:n,isDisabled:s||t,"aria-labelledby":a,"aria-busy":t,children:e.jsxs("div",{role:"button","aria-disabled":s,className:u,children:[t?e.jsx(y.Spinner,{size:"small",label:"Loading",color:"inherit"}):e.jsx(d.Icon,{src:l,size:i==="large"?24:20,color:"inherit",role:"presentation"}),e.jsx("span",{id:a,className:"uy-sr-only",children:r})]})})})}p.displayName="CircularIconButton";exports.CircularIconButton=p;exports.circularIconButton=f;

package/dist/cjs/components/icon-button/CircularIconButton.d.cts

@@ -1,100 +0,0 @@
-import { UnityIcon } from '@payfit/unity-icons';
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
-export declare const circularIconButton: import('tailwind-variants').TVReturnType<{
-    size: {
-        default: string;
-        large: string;
-    };
-    color: {
-        'content.neutral': string;
-        'content.neutral.low': string;
-    };
-    isDisabled: {
-        false: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        default: string;
-        large: string;
-    };
-    color: {
-        'content.neutral': string;
-        'content.neutral.low': string;
-    };
-    isDisabled: {
-        false: string;
-    };
-}, {
-    size: {
-        default: string;
-        large: string;
-    };
-    color: {
-        'content.neutral': string;
-        'content.neutral.low': string;
-    };
-    isDisabled: {
-        false: string;
-    };
-}>, {
-    size: {
-        default: string;
-        large: string;
-    };
-    color: {
-        'content.neutral': string;
-        'content.neutral.low': string;
-    };
-    isDisabled: {
-        false: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    size: {
-        default: string;
-        large: string;
-    };
-    color: {
-        'content.neutral': string;
-        'content.neutral.low': string;
-    };
-    isDisabled: {
-        false: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        default: string;
-        large: string;
-    };
-    color: {
-        'content.neutral': string;
-        'content.neutral.low': string;
-    };
-    isDisabled: {
-        false: string;
-    };
-}, {
-    size: {
-        default: string;
-        large: string;
-    };
-    color: {
-        'content.neutral': string;
-        'content.neutral.low': string;
-    };
-    isDisabled: {
-        false: string;
-    };
-}>, unknown, unknown, undefined>>;
-export interface CircularIconButtonProps extends Omit<AriaButtonProps, 'className'>, VariantProps<typeof circularIconButton> {
-    icon: UnityIcon;
-    title: string;
-    asElement?: 'button' | 'default';
-    isLoading?: boolean;
-    isDisabled?: boolean;
-    className?: string;
-}
-export declare function CircularIconButton(props: CircularIconButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace CircularIconButton {
-    var displayName: string;
-}

package/dist/cjs/components/icon-button/IconButton.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),B=require("react-aria-components"),I=require("../../hooks/use-id.cjs"),j=require("../icon/Icon.cjs"),p=require("../spinner/Spinner.cjs"),q=require("../tooltip/Tooltip.cjs"),i=require("./IconButton.variants.cjs"),x=({variant:n,color:e,isLoading:o,isDisabled:t})=>n==="primary"?i.iconButtonPrimary({variant:n,color:e,isDisabled:t,isLoading:o}):n==="secondary"?i.iconButtonSecondary({variant:n,color:e,isDisabled:t,isLoading:o}):i.iconButtonGhost({variant:n,color:e,isDisabled:t,isLoading:o});function a(n){const e=I(),{button:o,icon:t}=x(n),{onClick:u,icon:d,isLoading:s,label:r,isDisabled:y,iconRole:b,...m}=n,l=`icon-button-label-${e}`;return c.jsx(q.Tooltip,{title:r,children:c.jsxs(B.Button,{"data-dd-privacy":"allow",...m,className:o({class:n.className}),onPress:u,isDisabled:y||s,"aria-label":r,children:[s?c.jsx(p.Spinner,{size:"small",label:"Loading",color:"inherit"}):c.jsx(j.Icon,{role:b,src:d,className:t(),"aria-labelledby":l,color:"inherit"}),c.jsx("span",{id:l,className:"uy-sr-only",children:r})]})})}a.displayName="IconButton";exports.IconButton=a;