@payfit/unity-components 0.0.0-alpha.9 → 1.0.0

package/dist/cjs/components/avatar/Avatar.d.ts

@@ -1,206 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import * as React from 'react';
-declare const avatarRoot: import('tailwind-variants').TVReturnType<{} | {
-    size: {
-        xs: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        sm: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        md: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        lg: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        xl: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-    variant: {
-        circle: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        square: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-}, undefined, "uy-inline-block uy-relative uy-shrink-0", import('tailwind-variants/dist/config').TVConfig<{} | {
-    size: {
-        xs: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        sm: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        md: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        lg: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        xl: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-    variant: {
-        circle: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        square: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}>, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}>, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}>, unknown, unknown, undefined>>>;
-export type AvatarProps = PropsWithChildren<{
-    /** Additional class names to apply to the avatar */
-    className?: string;
-    /** The avatar's variant. One of: circle or square */
-    variant?: VariantProps<typeof avatarRoot>['variant'];
-    /** Size of the avatar. One of: xs, sm, md, lg, xl */
-    size?: VariantProps<typeof avatarRoot>['size'];
-    /** Accessible label for the avatar */
-    'aria-label': string;
-    /** ID of the element that labels the avatar */
-    'aria-labelledby'?: string;
-    /** ID of the element that describes the avatar */
-    'aria-describedby'?: string;
-    /** Additional details for the avatar */
-    'aria-details'?: string;
-    /** Indicates if the avatar is hidden from assistive technologies */
-    'aria-hidden'?: boolean;
-}>;
-/**
- * The Avatar component displays visual or text content for representing people or entities.
- */
-declare const Avatar: React.ForwardRefExoticComponent<{
-    /** Additional class names to apply to the avatar */
-    className?: string;
-    /** The avatar's variant. One of: circle or square */
-    variant?: VariantProps<typeof avatarRoot>["variant"];
-    /** Size of the avatar. One of: xs, sm, md, lg, xl */
-    size?: VariantProps<typeof avatarRoot>["size"];
-    /** Accessible label for the avatar */
-    'aria-label': string;
-    /** ID of the element that labels the avatar */
-    'aria-labelledby'?: string;
-    /** ID of the element that describes the avatar */
-    'aria-describedby'?: string;
-    /** Additional details for the avatar */
-    'aria-details'?: string;
-    /** Indicates if the avatar is hidden from assistive technologies */
-    'aria-hidden'?: boolean;
-} & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLSpanElement>>;
-export { Avatar };

package/dist/cjs/components/avatar/Avatar.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),v=require("@radix-ui/react-avatar"),m=require("tailwind-merge"),f=require("tailwind-variants"),p=require("./Avatar.context.js"),y=require("./Avatar.variants.js");function n(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const b=n(d),o=n(v),g=f.tv({extend:y.avatarBase,base:"uy-inline-block uy-relative uy-shrink-0",defaultVariants:{size:"md",variant:"circle"}}),c=b.forwardRef(({size:e="md",variant:t="circle",className:a,...r},s)=>{const l=g({variant:t,size:e}),u=m.twMerge(l,a);return i.jsx(p.AvatarProvider,{variant:t,size:e,hasPair:!1,children:i.jsx(o.Root,{ref:s,role:"img",className:u,"data-dd-privacy":"allow",...r})})});c.displayName=o.Root.displayName;exports.Avatar=c;

package/dist/cjs/components/avatar/Avatar.variants.d.ts

@@ -1,85 +0,0 @@
-export declare const avatarBase: import('tailwind-variants').TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}>, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}>, unknown, unknown, undefined>>;

package/dist/cjs/components/avatar/Avatar.variants.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("tailwind-variants"),e=a.tv({variants:{size:{xs:"uy-size-200",sm:"uy-size-300",md:"uy-size-400",lg:"uy-size-500",xl:"uy-size-1000"},variant:{circle:"uy-rounded-circle",square:""}},compoundVariants:[{size:"xs",variant:"square",className:"uy-rounded-50"},{size:"sm",variant:"square",className:"uy-rounded-50"},{size:"md",variant:"square",className:"uy-rounded-75"},{size:"lg",variant:"square",className:"uy-rounded-100"},{size:"xl",variant:"square",className:"uy-rounded-200"}]});exports.avatarBase=e;

package/dist/cjs/components/avatar/parts/AvatarFallback.d.ts

@@ -1,170 +0,0 @@
-import { VariantProps } from 'tailwind-variants';
-import * as React from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-declare const avatarPlaceholder: import('tailwind-variants').TVReturnType<{
-    color: {
-        blue: {
-            background: string;
-            foreground: string;
-        };
-        sunglow: {
-            background: string;
-            foreground: string;
-        };
-        peach: {
-            background: string;
-            foreground: string;
-        };
-    };
-}, {
-    base: string;
-    background: string;
-    foreground: string;
-}, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    color: {
-        blue: {
-            background: string;
-            foreground: string;
-        };
-        sunglow: {
-            background: string;
-            foreground: string;
-        };
-        peach: {
-            background: string;
-            foreground: string;
-        };
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}>, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}>, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}>, unknown, unknown, undefined>>>;
-type AvatarFallbackBaseProps = Pick<React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>, 'delayMs'>;
-type AvatarFallbackInitialsProps = AvatarFallbackBaseProps & {
-    /** The fallback's variant. It can be one of: `initials`, `placeholder` */
-    variant: 'initials';
-    /** The initials to display as fallback content. Only available when variant is set to `initials` */
-    children: string | null | undefined;
-    color?: never;
-};
-type AvatarFallbackPlaceholderProps = AvatarFallbackBaseProps & {
-    /** The variant of the fallback, should be 'placeholder' */
-    variant: 'placeholder';
-    /**
-     * The color variant for the placeholder. Can be one of: `blue`, `peach`, `sunglow`. Only available when variant is set to `placeholder`
-     * @default 'blue'
-     */
-    color?: VariantProps<typeof avatarPlaceholder>['color'];
-    children?: never;
-};
-type AvatarFallbackProps = AvatarFallbackInitialsProps | AvatarFallbackPlaceholderProps;
-/**
- * The AvatarFallback component displays a fallback content for an `Avatar` component when no image is provided or failed to load.
- */
-declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
-export { AvatarFallback };

package/dist/cjs/components/avatar/parts/AvatarFallback.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),v=require("react"),m=require("@radix-ui/react-avatar"),h=require("tailwind-merge"),s=require("tailwind-variants"),w=require("../Avatar.context.js"),u=require("../Avatar.variants.js"),x=require("../utils.js");function i(e){if(e&&typeof e=="object"&&"default"in e)return e;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const j=i(v),c=i(m),k=s.tv({extend:u.avatarBase,slots:{base:"uy-absolute uy-overflow-hidden",background:"",foreground:""},variants:{color:{blue:{background:"uy-bg-blue-L7",foreground:"uy-fill-blue-L5"},sunglow:{background:"uy-bg-sunglow-L3",foreground:"uy-fill-sunglow-L2"},peach:{background:"uy-bg-peach-L3",foreground:"uy-fill-peach-L2"}}}}),q=s.tv({extend:u.avatarBase,base:"uy-absolute uy-flex uy-h-full uy-w-full uy-items-center uy-justify-center uy-text-content-neutral uy-bg-surface-neutral-lowest",variants:{size:{xs:"uy-typography-body-small-strong",sm:"uy-typography-body-small-strong",md:"uy-typography-body-small-strong",lg:"uy-typography-body-strong",xl:"uy-typography-h2"}}}),y=j.forwardRef(({variant:e,color:a,children:t,...r},d)=>{const g=w.useAvatarContext(),{size:o,variant:l}=g;if(e==="placeholder"){const{base:b,background:f,foreground:p}=k({color:a,size:o,variant:l});return n.jsx("svg",{role:"img","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",className:h.twMerge(b(),f()),...r,children:n.jsx("path",{className:p(),fillRule:"evenodd",d:"M0 8.322c.245.06.49.117.732.17 2.113.455 3.727.487 4.79.12.478-.166.824-.405 1.09-.732.276-.336.567-.888.737-1.82.4-2.19.02-3.485-.47-4.283C6.407 1.012 5.665.432 4.732 0h6.861c.904 1.906 1.173 4.227.674 6.959-.29 1.587-.871 2.97-1.784 4.086-.921 1.126-2.08 1.86-3.328 2.292-2.283.789-4.872.574-7.156.11V8.322Z",clipRule:"evenodd"})})}return n.jsx(c.Fallback,{ref:d,role:"presentation",className:q({size:o,variant:l}),...r,children:x.getInitials(t)})});y.displayName=c.Fallback.displayName;exports.AvatarFallback=y;

package/dist/cjs/components/avatar/parts/AvatarImage.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),l=require("react"),m=require("@radix-ui/react-avatar"),v=require("tailwind-merge"),f=require("tailwind-variants"),g=require("../Avatar.context.js"),p=require("../Avatar.variants.js");function n(e){if(e&&typeof e=="object"&&"default"in e)return e;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const d=n(l),s=n(m),y=f.tv({extend:p.avatarBase,base:"uy-aspect-square uy-w-full uy-h-full uy-object-cover uy-bg-surface-neutral-lowest"}),i=d.forwardRef(({className:e,...a},t)=>{const{variant:r,size:c}=g.useAvatarContext(),o=v.twMerge(y({variant:r,size:c}),e);return u.jsx(s.Image,{ref:t,className:o,...a})});i.displayName=s.Image.displayName;exports.AvatarImage=i;

package/dist/cjs/components/avatar/parts/AvatarPair.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),y=require("react"),m=require("@radix-ui/react-avatar"),p=require("tailwind-variants"),o=require("../Avatar.context.js"),b=require("../Avatar.variants.js");function c(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const P=c(y),g=c(m),x=p.tv({extend:b.avatarBase,base:"uy-absolute uy-overflow-hidden uy-leading-[0] uy-border uy-border-solid uy-border-content-inverted -uy-bottom-[var(--pair-offset)] -uy-right-[var(--pair-offset)] uy-transition-transform uy-origin-center",variants:{size:{xs:"uy-size-200",sm:"uy-size-300"},isHidden:{true:"uy-scale-0",false:"uy-scale-100"}},defaultVariants:{size:"sm",variant:"circle",isHidden:!1}}),u=P.forwardRef(({variant:e,isHidden:t,children:r,...a},l)=>{const{size:d}=o.useAvatarContext(),i=d==="xl",s=i?"sm":"xs",f=i?0:4,v=x({variant:e,size:s,isHidden:t});return n.jsx(o.AvatarProvider,{variant:e,size:s,hasPair:!0,children:n.jsx(g.Root,{ref:l,role:"img",className:v,"aria-hidden":t,style:{"--pair-offset":`${f}px`},...a,children:r})})});u.displayName="AvatarPair";exports.AvatarPair=u;

package/dist/cjs/components/avatar/utils.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=t=>t?t.length<=2?t:t.replace(/[^a-z0-9 ]+/gi,"").split(" ").map(e=>e.charAt(0).toUpperCase()).filter((e,r,n)=>r===0||n.length>0&&r===n.length-1).join(""):"";exports.getInitials=i;

package/dist/cjs/components/badge/Badge.d.ts

@@ -1,70 +0,0 @@
-import { AriaRole } from 'react';
-import { VariantProps } from 'tailwind-variants';
-declare const badge: import('tailwind-variants').TVReturnType<{
-    variant: {
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        promo: string;
-        attention: string;
-        numeric: string;
-        contextual: string;
-    };
-}, undefined, "uy-inline-block uy-rounded-75 uy-px-75 uy-py-25 uy-font-sans uy-typography-body uy-whitespace-nowrap uy-text-center", {
-    twMerge: false;
-}, {
-    variant: {
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        promo: string;
-        attention: string;
-        numeric: string;
-        contextual: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    variant: {
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        promo: string;
-        attention: string;
-        numeric: string;
-        contextual: string;
-    };
-}, undefined, "uy-inline-block uy-rounded-75 uy-px-75 uy-py-25 uy-font-sans uy-typography-body uy-whitespace-nowrap uy-text-center", {
-    twMerge: false;
-}, unknown, unknown, undefined>>;
-/**
- * The Badge component is a visual label or indicator used to convey status or highlight content.
- */
-declare const Badge: import('react').ForwardRefExoticComponent<{
-    /**
-     * To add classes to the badge
-     */
-    className?: string;
-    /**
-     * Defines the visual style of the badge
-     * @default 'neutral'
-     */
-    variant?: VariantProps<typeof badge>["variant"];
-    /**
-     * Explicit ARIA role for the badge. If not provided, will be determined by variant
-     */
-    role?: Extract<AriaRole, "status" | "alert">;
-    /**
-     * Changes the root element to a different HTML element. The default element is a `<span>`.
-     * @default false
-     */
-    asChild?: boolean;
-    /**
-     * Accessible label for the badge
-     */
-    'aria-label'?: string;
-} & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLSpanElement>>;
-export { Badge };

package/dist/cjs/components/badge/Badge.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),i=require("react"),d=require("@radix-ui/react-slot"),g=require("tailwind-merge"),b=require("tailwind-variants"),w=b.tv({base:"uy-inline-block uy-rounded-75 uy-px-75 uy-py-25 uy-font-sans uy-typography-body uy-whitespace-nowrap uy-text-center",variants:{variant:{success:"uy-bg-surface-success-low uy-text-content-neutral",warning:"uy-bg-surface-warning-low uy-text-content-neutral",danger:"uy-bg-surface-danger-low uy-text-content-neutral",neutral:"uy-bg-surface-neutral-lowest uy-text-content-neutral",promo:"uy-bg-surface-promo-low uy-text-content-neutral",attention:"uy-bg-surface-danger uy-text-content-inverted",numeric:"uy-bg-surface-primary-low uy-text-blue-L10",contextual:"uy-bg-surface-neutral uy-border uy-border-solid uy-border-border-neutral uy-text-content-neutral"}},defaultVariants:{variant:"neutral"}},{twMerge:!1}),f={success:"status",warning:"alert",danger:"alert",neutral:"status",promo:"status",attention:"alert",contextual:"status",numeric:"status"},t=i.forwardRef(({className:a,variant:e="neutral",role:r,asChild:n=!1,children:u,...s},o)=>{const l=r??f[e]??"status",c=n?d.Slot:"span";return y.jsx(c,{"data-dd-privacy":"allow",ref:o,className:g.twMerge(w({variant:e}),a),role:l,...s,children:u})});t.displayName="Badge";exports.Badge=t;