@12-apps/ui 6.19.1 → 6.21.0

package/dist/types/components/data-display/Avatar/Avatar.metrics.d.ts

@@ -0,0 +1,113 @@
+import type { AvatarSize, AvatarStatus } from './Avatar.base';
+import type { UiTheme } from '../../../tokens/theme';
+import type { ColorValue } from '../../../tokens/vocabulary';
+/**
+ * THE NUMBERS BOTH `Avatar` RENDERERS DRAW WITH.
+ *
+ * `Avatar.view.tsx` (web, emotion over MUI's `Avatar` and `Badge`) and
+ * `Avatar.native.tsx` (React Native) read this one table: the six boxes and
+ * their type, the status dot, the glow, the shimmer and the spinner. The web
+ * turns the px into rem; native uses the numbers.
+ */
+export interface AvatarSizeMetrics {
+    /** The square the portrait fills, in px. */
+    box: number;
+    /** The initials' type size, in px. */
+    fontSize: number;
+}
+export declare const AVATAR_SIZES: Record<AvatarSize, AvatarSizeMetrics>;
+/** `rounded` takes one spacing unit; `circle` and `status` are round. */
+export declare const ROUNDED_RADIUS_UNITS = 1;
+/** The paper ring an avatar takes inside a group, and the hairline outside it. */
+export declare const BORDER_WIDTH = 2;
+export declare const BORDER_HALO_ALPHA = 0.2;
+/** `glow`: a 20px halo at five pixels of spread, and a brightness lift. */
+export declare const GLOW: {
+    readonly blur: 20;
+    readonly spread: 5;
+    readonly alpha: 0.4;
+    readonly brightness: 1.05;
+};
+/** `pulse`: the `::after` ring, from nothing to 10px while it fades out. */
+export declare const PULSE: {
+    readonly durationMs: 2000;
+    readonly alpha: 0.3;
+    readonly spread: 10;
+};
+/** The shimmer that runs across a loading avatar. */
+export declare const SHIMMER: {
+    readonly durationMs: 1500;
+    readonly fromAlpha: 0.6;
+    readonly toAlpha: 0.8;
+};
+/** The overlay over a loading avatar, and the ring spinning in it. */
+export declare const LOADING_OVERLAY: {
+    readonly paperAlpha: 0.7;
+    readonly blur: 2;
+};
+export declare const SPINNER: {
+    /** A share of the avatar's box. */
+    readonly scale: 0.4;
+    readonly ringWidth: 2;
+    readonly trackAlpha: 0.3;
+    readonly durationMs: 800;
+};
+/**
+ * The status dot: a fifth of the box, never below 8px, inside a paper ring.
+ * `anchor` is MUI's `overlap="circular"` inset — the dot's CENTRE sits 14% of
+ * the box in from the bottom-right corner.
+ */
+export declare const STATUS_DOT: {
+    readonly scale: 0.2;
+    readonly min: 8;
+    readonly borderWidth: 2;
+    readonly anchor: 0.14;
+};
+/**
+ * The default and broken-image glyphs are ordinary `SvgIcon`s here, not MUI's
+ * own `.MuiAvatar-fallback` (which is 75% of the box): this component passes
+ * them as CHILDREN, so they render at the icon default whatever the box is.
+ */
+export declare const GLYPH_SIZE = 24;
+/** MUI's `Fade` timeout on mount, and the scale-in behind it. */
+export declare const FADE_MS = 300;
+export declare const SCALE_IN_MS = 300;
+/** `transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)`. */
+export declare const AVATAR_TRANSITION_MS = 300;
+export declare const AVATAR_TRANSITION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+/** The interactive lift, which is a `:hover` on the web. */
+export declare const HOVER: {
+    readonly scale: 1.1;
+    readonly lift: 2;
+    readonly shadowY: 8;
+    readonly shadowBlur: 20;
+    readonly shadowAlpha: 0.3;
+    readonly brightness: 1.1;
+};
+export declare const ACTIVE_SCALE = 1.05;
+/** The focus ring `:focus-visible` draws. */
+export declare const FOCUS_RING: {
+    readonly width: 3;
+    readonly offset: 2;
+    readonly alpha: 0.5;
+};
+/** An avatar group's default overlap, in px, and its hover lift. */
+export declare const GROUP_OVERLAP = 8;
+export declare const GROUP_MAX = 4;
+export declare const GROUP_HOVER: {
+    readonly scale: 1.1;
+    readonly lift: 4;
+};
+/** The dot's colour per status. `offline` is the ramp, the rest are semantic. */
+export declare function statusColor(theme: UiTheme, status: AvatarStatus): string;
+export interface AvatarAccent {
+    main: string;
+    contrastText: string;
+}
+/**
+ * The accent behind the initials. `danger`, NOT `error` — the web map was keyed
+ * on MUI's word while the prop took the house one, so `danger` matched nothing
+ * and fell through to primary: a red avatar rendering blue, silently.
+ */
+export declare function avatarAccent(theme: UiTheme, color: ColorValue): AvatarAccent;
+//# sourceMappingURL=Avatar.metrics.d.ts.map

package/dist/types/components/data-display/Avatar/Avatar.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,4CAA4C;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,iBAAiB,CAO9D,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC,kFAAkF;AAClF,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,2EAA2E;AAC3E,eAAO,MAAM,IAAI;;;;;CAAiE,CAAC;AAEnF,4EAA4E;AAC5E,eAAO,MAAM,KAAK;;;;CAAwD,CAAC;AAE3E,qDAAqD;AACrD,eAAO,MAAM,OAAO;;;;CAA8D,CAAC;AAEnF,sEAAsE;AACtE,eAAO,MAAM,eAAe;;;CAAwC,CAAC;AACrE,eAAO,MAAM,OAAO;IAClB,mCAAmC;;;;;CAK3B,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;CAAgE,CAAC;AAExF;;;;GAIG;AACH,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,iEAAiE;AACjE,eAAO,MAAM,OAAO,MAAM,CAAC;AAC3B,eAAO,MAAM,WAAW,MAAM,CAAC;AAE/B,2DAA2D;AAC3D,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,wBAAwB,iCAAiC,CAAC;AAEvE,4DAA4D;AAC5D,eAAO,MAAM,KAAK;;;;;;;CAAkG,CAAC;AACrH,eAAO,MAAM,YAAY,OAAO,CAAC;AAEjC,6CAA6C;AAC7C,eAAO,MAAM,UAAU;;;;CAA+C,CAAC;AAEvE,oEAAoE;AACpE,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,SAAS,IAAI,CAAC;AAC3B,eAAO,MAAM,WAAW;;;CAAmC,CAAC;AAE5D,iFAAiF;AACjF,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,GAAG,MAAM,CAKxE;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,YAAY,CAI5E"}

package/dist/types/components/data-display/Avatar/Avatar.types.d.ts

@@ -1,69 +1,9 @@
-import type { ColorValue, SizeValue } from '../../../tokens/scales';
 import type { AvatarProps as MuiAvatarProps } from '@mui/material/Avatar/index.js';
 import type React from 'react';
-/**
- * The house scale, EXTENDED by one stop rather than replacing it.
- *
- * `xxl` is real — an avatar is the one component with a portrait size above the
- * scale's top — so it is added to `SizeValue` instead of the union being
- * rewritten by hand. Spelling all six out again is how the copy drifts.
- */
-export type AvatarSize = SizeValue | 'xxl';
-export type AvatarVariant = 'circle' | 'square' | 'rounded' | 'status';
-export type AvatarStatus = 'online' | 'offline' | 'away' | 'busy';
-export interface AvatarProps extends Omit<MuiAvatarProps, 'variant'> {
-    /**
-     * The variant of the avatar
-     */
-    variant?: AvatarVariant;
-    /**
-     * The size of the avatar
-     */
-    size?: AvatarSize;
-    /**
-     * Whether the avatar should have a glow effect
-     */
-    glow?: boolean;
-    /**
-     * Whether the avatar should have a pulse animation
-     */
-    pulse?: boolean;
-    /**
-     * Status indicator (only applies when variant is 'status')
-     */
-    status?: AvatarStatus;
-    /**
-     * Fallback text when no src is provided (typically initials)
-     */
-    fallback?: string;
-    /**
-     * Custom icon to display
-     */
-    icon?: React.ReactNode;
-    /**
-     * Whether to show a border around the avatar
-     */
-    bordered?: boolean;
-    /**
-     * Color of the avatar background when no image is provided
-     */
-    color?: ColorValue;
-    /**
-     * Whether the avatar is in a loading state
-     */
-    loading?: boolean;
-    /**
-     * Whether the avatar should be interactive (show hover effects)
-     */
-    interactive?: boolean;
-    /**
-     * Whether to show fallback content on image error
-     */
-    showFallbackOnError?: boolean;
-    /**
-     * Animation delay in milliseconds
-     */
-    animationDelay?: number;
+import type { AvatarBaseProps } from './Avatar.base';
+export type { AvatarBaseProps, AvatarSize, AvatarStatus, AvatarVariant, ContentType, } from './Avatar.base';
+/** The web `Avatar`: the shared contract, plus MUI's own avatar props. */
+export interface AvatarProps extends AvatarBaseProps, Omit<MuiAvatarProps, 'variant' | 'color' | 'children' | 'src' | 'alt'> {
     /**
      * Error handler for image loading
      */
@@ -72,9 +12,5 @@ export interface AvatarProps extends Omit<MuiAvatarProps, 'variant'> {
      * Click handler
      */
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Test ID for automated testing
-     */
-    dataTestId?: string;
 }
 //# sourceMappingURL=Avatar.types.d.ts.map

package/dist/types/components/data-display/Avatar/Avatar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC;AAC3C,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;IAClE;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAElC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,YAAY,EACV,eAAe,EACf,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,GACZ,MAAM,eAAe,CAAC;AAEvB,0EAA0E;AAC1E,MAAM,WAAW,WACf,SAAQ,eAAe,EACrB,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;IACxE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAElC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7D"}

package/dist/types/components/data-display/Avatar/Avatar.view.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { AvatarSize, AvatarStatus } from './Avatar.types';
-export type ContentType = 'children' | 'fallback' | 'icon' | 'default';
+import type { AvatarSize, AvatarStatus, ContentType } from './Avatar.types';
+export type { ContentType };
 export interface AvatarViewProps {
     mounted: boolean;
     variant: string;

package/dist/types/components/data-display/Avatar/Avatar.view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.view.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.view.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE/D,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AA4PvE,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACxC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC1C,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAoDD,wFAAwF;AACxF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoBpE"}
+{"version":3,"file":"Avatar.view.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.view.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsB1B,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG5E,YAAY,EAAE,WAAW,EAAE,CAAC;AA4P5B,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACxC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC1C,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAoDD,wFAAwF;AACxF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoBpE"}

package/dist/types/components/data-display/Avatar/index.d.ts

@@ -1,3 +1,3 @@
 export { Avatar, AvatarGroup } from './Avatar';
-export type { AvatarProps, AvatarSize, AvatarStatus, AvatarVariant } from './Avatar.types';
+export type { AvatarBaseProps, AvatarProps, AvatarSize, AvatarStatus, AvatarVariant, ContentType, } from './Avatar.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/data-display/Avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/C,YAAY,EACV,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,GACZ,MAAM,gBAAgB,CAAC"}

package/dist/types/components/data-display/Badge/Badge.animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.animations.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.animations.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;UAa1B,CAAC;AAGF,eAAO,MAAM,eAAe;;;;;UAU3B,CAAC;AAGF,eAAO,MAAM,gBAAgB;;;;;UAO5B,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;UAYhC,CAAC;AAGF,eAAO,MAAM,kBAAkB;;;;;UAU9B,CAAC"}
+{"version":3,"file":"Badge.animations.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.animations.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;;;;UAa1B,CAAC;AAGF,eAAO,MAAM,eAAe;;;;;UAU3B,CAAC;AAGF,eAAO,MAAM,gBAAgB;;;;;UAO5B,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;UAYhC,CAAC;AAGF,eAAO,MAAM,kBAAkB;;;;;UAU9B,CAAC"}

package/dist/types/components/data-display/Badge/Badge.base.d.ts

@@ -0,0 +1,101 @@
+import type React from 'react';
+import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
+ *
+ * This file imports no MUI and no react-native, on purpose: it is in BOTH
+ * declaration outputs (`dist/types` and `dist/types-native`), and a native
+ * consumer has no `@mui/material` to resolve a type import against.
+ */
+export type BadgeVariant = 'default' | 'dot' | 'count' | 'gradient' | 'glass' | 'outline' | 'secondary' | 'destructive' | 'success' | 'warning';
+export type BadgeSize = SizeValue;
+export type BadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export interface BadgeBaseProps {
+    /**
+     * The variant of the badge
+     */
+    variant?: BadgeVariant;
+    /**
+     * The size of the badge
+     */
+    size?: BadgeSize;
+    /**
+     * The color of the badge
+     */
+    color?: ColorValue;
+    /**
+     * Whether the badge should have a glow effect
+     */
+    glow?: boolean;
+    /**
+     * Whether the badge should have a pulse animation
+     */
+    pulse?: boolean;
+    /**
+     * Whether to animate the badge on mount
+     */
+    animate?: boolean;
+    /**
+     * Maximum count to display (shows "max+" when exceeded)
+     */
+    max?: number;
+    /**
+     * Whether to show zero count
+     */
+    showZero?: boolean;
+    /**
+     * Custom content for the badge
+     */
+    content?: React.ReactNode;
+    /** MUI's own name for {@link BadgeBaseProps.content}; `content` wins. */
+    badgeContent?: React.ReactNode;
+    /**
+     * Position of the badge
+     */
+    position?: BadgePosition;
+    /** Hides the badge while keeping what it is attached to. */
+    invisible?: boolean;
+    /**
+     * Accessibility label for screen readers
+     */
+    'aria-label'?: string;
+    /**
+     * ARIA live region behavior
+     */
+    'aria-live'?: 'off' | 'polite' | 'assertive';
+    /**
+     * Whether the live region should be atomic
+     */
+    'aria-atomic'?: boolean;
+    /**
+     * Whether the badge should be closable
+     */
+    closable?: boolean;
+    /**
+     * Callback when badge is closed
+     */
+    onClose?: () => void;
+    /**
+     * Whether to show a shimmer effect
+     */
+    shimmer?: boolean;
+    /**
+     * Whether to bounce on mount
+     */
+    bounce?: boolean;
+    /**
+     * Custom icon element to display in the badge
+     */
+    icon?: React.ReactNode;
+    /** What the badge is attached to. */
+    children?: React.ReactNode;
+    /**
+     * Custom test ID for testing
+     */
+    'data-testid'?: string;
+    /** React Native's spelling of the same id. */
+    testID?: string;
+    /** The house spelling of the same id. */
+    dataTestId?: string;
+}
+//# sourceMappingURL=Badge.base.d.ts.map

package/dist/types/components/data-display/Badge/Badge.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,KAAK,GACL,OAAO,GACP,UAAU,GACV,OAAO,GACP,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;AAEtF,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,yEAAyE;IACzE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;IAE7C;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/components/data-display/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAYlD,OAAO,KAAK,EAAE,UAAU,EAA2B,MAAM,eAAe,CAAC;AACzE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAkHhD,eAAO,MAAM,KAAK,iGAoEhB,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAalD,OAAO,KAAK,EAAE,UAAU,EAA2B,MAAM,eAAe,CAAC;AAEzE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAgHhD,eAAO,MAAM,KAAK,iGA0EhB,CAAC"}

package/dist/types/components/data-display/Badge/Badge.helpers.d.ts

@@ -1,13 +1,19 @@
 import type { ReactNode } from 'react';
-import type { BadgeProps } from './Badge.types';
+import type { BadgeBaseProps } from './Badge.base';
 type BadgeDefaultedKeys = 'variant' | 'size' | 'color' | 'glow' | 'pulse' | 'animate' | 'shimmer' | 'bounce' | 'max' | 'showZero' | 'position' | 'closable';
-export type ResolvedBadgeProps = BadgeProps & Required<Pick<BadgeProps, BadgeDefaultedKeys>>;
-export declare const resolveBadgeProps: (props: BadgeProps) => ResolvedBadgeProps;
-export declare const badgeContentOf: (props: Pick<BadgeProps, "content" | "badgeContent">) => ReactNode;
+/**
+ * Generic over the renderer's own props: the web and the native `Badge` carry
+ * different extras, and both come back out untouched.
+ */
+export type ResolvedBadgeProps<P extends BadgeBaseProps = BadgeBaseProps> = P & Required<Pick<BadgeBaseProps, BadgeDefaultedKeys>>;
+export declare const resolveBadgeProps: <P extends BadgeBaseProps>(props: P) => ResolvedBadgeProps<P>;
+export declare const badgeContentOf: (props: Pick<BadgeBaseProps, "content" | "badgeContent">) => ReactNode;
 export declare const formatCount: (count: ReactNode, { max, showZero }: {
     max: number;
     showZero: boolean;
 }) => ReactNode;
 export declare const definedAria: (aria: Record<string, string | boolean | undefined>) => Record<string, string | boolean>;
+/** `${dataTestId}-content`, or `badge-content` when the caller named nothing. */
+export declare const makeBadgeTestId: (dataTestId?: string) => (suffix: string) => string;
 export {};
 //# sourceMappingURL=Badge.helpers.d.ts.map

package/dist/types/components/data-display/Badge/Badge.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,KAAK,kBAAkB,GACnB,SAAS,GACT,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ,GACR,KAAK,GACL,UAAU,GACV,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC;AAqB7F,eAAO,MAAM,iBAAiB,GAAI,OAAO,UAAU,KAAG,kBAM5B,CAAC;AAG3B,eAAO,MAAM,cAAc,GAAI,OAAO,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,cAAc,CAAC,KAAG,SAIpF,CAAC;AAGF,eAAO,MAAM,WAAW,GACtB,OAAO,SAAS,EAChB,mBAAmB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,KACpD,SAKF,CAAC;AAIF,eAAO,MAAM,WAAW,GACtB,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,KACjD,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAI/B,CAAC"}
+{"version":3,"file":"Badge.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,KAAK,kBAAkB,GACnB,SAAS,GACT,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ,GACR,KAAK,GACL,UAAU,GACV,UAAU,GACV,UAAU,CAAC;AAEf;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,IAAI,CAAC,GAC3E,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC,CAAC;AAqBrD,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,cAAc,EAAE,OAAO,CAAC,KAAG,kBAAkB,CAAC,CAAC,CAM9D,CAAC;AAG9B,eAAO,MAAM,cAAc,GAAI,OAAO,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,cAAc,CAAC,KAAG,SAIxF,CAAC;AAGF,eAAO,MAAM,WAAW,GACtB,OAAO,SAAS,EAChB,mBAAmB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,KACpD,SAKF,CAAC;AAIF,eAAO,MAAM,WAAW,GACtB,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,KACjD,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAI/B,CAAC;AAEJ,iFAAiF;AACjF,eAAO,MAAM,eAAe,GACzB,aAAa,MAAM,MACnB,QAAQ,MAAM,KAAG,MAC0C,CAAC"}

package/dist/types/components/data-display/Badge/Badge.metrics.d.ts

@@ -0,0 +1,111 @@
+import type { BadgePosition, BadgeSize } from './Badge.base';
+import { type UiPaletteColor, type UiTheme } from '../../../tokens/theme';
+import type { ColorValue } from '../../../tokens/vocabulary';
+/**
+ * THE NUMBERS BOTH `Badge` RENDERERS DRAW WITH.
+ *
+ * `Badge.styles.ts` / `Badge.variants.ts` (web, emotion over MUI's `Badge`) and
+ * `Badge.native.tsx` (React Native) read this one table: the five chips, the
+ * dot inside them, the ten variants' alphas and borders, and the keyframes.
+ * The web turns the px into rem and the padding into a shorthand; native uses
+ * the numbers.
+ */
+export interface BadgeSizeMetrics {
+    minWidth: number;
+    height: number;
+    /** The content's type size, in px. */
+    fontSize: number;
+    /** The chip's side padding, in px. `padding: '0 Npx'` on the web. */
+    paddingHorizontal: number;
+    dotSize: number;
+    /** A leading icon's own type size, in px. */
+    iconSize: number;
+    /** The close glyph's type size, in px. `xl` falls back to `lg`, as the web does. */
+    closeIconSize: number;
+}
+export declare const BADGE_SIZES: Record<BadgeSize, BadgeSizeMetrics>;
+/** The chip's own type weight, its tracking, and the paper ring around it. */
+export declare const BADGE_FONT_WEIGHT = 600;
+export declare const BADGE_DESTRUCTIVE_FONT_WEIGHT = 700;
+export declare const BADGE_LETTER_SPACING_EM = 0.025;
+export declare const BADGE_BORDER_WIDTH = 2;
+/** Between the icon, the content and the close button. */
+export declare const BADGE_CONTENT_GAP = 2;
+export declare const GLASS_BACKGROUND_ALPHA = 0.1;
+export declare const GLASS_BORDER_ALPHA = 0.2;
+export declare const GLASS_BLUR_PX = 10;
+export declare const GLASS_SATURATE = 2;
+export declare const GLASS_INSET_HIGHLIGHT_ALPHA = 0.1;
+export declare const OUTLINE_BORDER_WIDTH = 2;
+export declare const SECONDARY_BACKGROUND_ALPHA = 0.15;
+export declare const SECONDARY_BORDER_ALPHA = 0.3;
+/** `glow` without `pulse`: a 15px halo, brighter under the pointer. */
+export declare const GLOW: {
+    readonly blur: 15;
+    readonly spread: 3;
+    readonly alpha: 0.5;
+    readonly hoverBlur: 20;
+    readonly hoverSpread: 4;
+    readonly hoverAlpha: 0.6;
+    readonly brightness: 1.1;
+};
+/** `glow` WITH `pulse`: the halo breathes between these two. */
+export declare const GLOW_PULSE: {
+    readonly fromBlur: 5;
+    readonly fromSpread: 2;
+    readonly fromAlpha: 0.4;
+    readonly toBlur: 20;
+    readonly toSpread: 4;
+    readonly toAlpha: 0.8;
+};
+/** MUI-free `pulseAnimation`: 1 → 1.2 → 1 while the opacity dips to 0.7. */
+export declare const PULSE: {
+    readonly durationMs: 2000;
+    readonly scale: 1.2;
+    readonly opacity: 0.7;
+};
+/** `bounceAnimation`: up 8px at 40%, 4px at 60%, over one second. */
+export declare const BOUNCE: {
+    readonly durationMs: 1000;
+    readonly lift: 8;
+    readonly secondLift: 4;
+    readonly scale: 1.05;
+    readonly secondScale: 1.02;
+};
+/** `fadeInScaleAnimation`: in from half size, overshooting to 1.1. */
+export declare const FADE_IN_SCALE: {
+    readonly durationMs: 400;
+    readonly from: 0.5;
+    readonly overshoot: 1.1;
+};
+/** The shimmer sweep, and the white it is made of. */
+export declare const SHIMMER: {
+    readonly durationMs: 3000;
+    readonly alpha: 0.4;
+};
+/** How long the mount animation is held before the flag clears. */
+export declare const MOUNT_ANIMATION_MS = 1000;
+/** MUI's `Zoom` on close, and the wait before the caller is told. */
+export declare const CLOSE_DELAY_MS = 300;
+/** `transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)` on the chip. */
+export declare const BADGE_TRANSITION_MS = 300;
+export declare const BADGE_TRANSITION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+/** The chip grows a tenth under the pointer. */
+export declare const HOVER_SCALE = 1.1;
+export interface BadgeAnchor {
+    vertical: 'top' | 'bottom';
+    horizontal: 'left' | 'right';
+}
+/**
+ * Falls back to `top-right` for anything outside the union, as the web's own
+ * `positionMap[position] || positionMap['top-right']` did. Splitting on `-`
+ * instead would hand MUI a half-undefined `anchorOrigin` for, say, `middle`.
+ */
+export declare const badgeAnchor: (position: BadgePosition) => BadgeAnchor;
+/**
+ * `neutral` has no palette slot of its own in MUI, so `Badge.styles.ts` draws
+ * it from three greys; `danger` is MUI's `error`, which is what the shared
+ * theme calls `danger`. Same colours here.
+ */
+export declare function badgePalette(theme: UiTheme, color: ColorValue): UiPaletteColor;
+//# sourceMappingURL=Badge.metrics.d.ts.map

package/dist/types/components/data-display/Badge/Badge.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAgB,KAAK,cAAc,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACxF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;;;;;;GAQG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,oFAAoF;IACpF,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,gBAAgB,CAM3D,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,6BAA6B,MAAM,CAAC;AACjD,eAAO,MAAM,uBAAuB,QAAQ,CAAC;AAC7C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,0DAA0D;AAC1D,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAInC,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,0BAA0B,OAAO,CAAC;AAC/C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAI1C,uEAAuE;AACvE,eAAO,MAAM,IAAI;;;;;;;;CAAgH,CAAC;AAClI,gEAAgE;AAChE,eAAO,MAAM,UAAU;;;;;;;CAAiG,CAAC;AACzH,4EAA4E;AAC5E,eAAO,MAAM,KAAK;;;;CAA0D,CAAC;AAC7E,qEAAqE;AACrE,eAAO,MAAM,MAAM;;;;;;CAAwF,CAAC;AAC5G,sEAAsE;AACtE,eAAO,MAAM,aAAa;;;;CAA0D,CAAC;AACrF,sDAAsD;AACtD,eAAO,MAAM,OAAO;;;CAA4C,CAAC;AACjE,mEAAmE;AACnE,eAAO,MAAM,kBAAkB,OAAO,CAAC;AACvC,qEAAqE;AACrE,eAAO,MAAM,cAAc,MAAM,CAAC;AAClC,uEAAuE;AACvE,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,uBAAuB,iCAAiC,CAAC;AACtE,gDAAgD;AAChD,eAAO,MAAM,WAAW,MAAM,CAAC;AAI/B,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AASD;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,UAAU,aAAa,KAAG,WACC,CAAC;AAExD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,cAAc,CAU9E"}

package/dist/types/components/data-display/Badge/Badge.styles.d.ts

@@ -15,10 +15,7 @@ export declare const getSizeStyles: (size: BadgeSize) => {
     dotSize: number;
     iconSize: string;
 };
-export declare const getAnchorOrigin: (position: string) => {
-    vertical: "top" | "bottom";
-    horizontal: "left" | "right";
-} | undefined;
+export declare const getAnchorOrigin: (position: string) => import("./Badge.metrics").BadgeAnchor;
 interface BadgeStyleArgs {
     theme: Theme;
     customVariant?: BadgeVariant;

package/dist/types/components/data-display/Badge/Badge.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAStE,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AAqB/D,eAAO,MAAM,aAAa,GAAI,MAAM,SAAS;cAI7B,MAAM;YACR,MAAM;cACJ,MAAM;aACP,MAAM;aACN,MAAM;cACL,MAAM;CAwCrB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,MAAM;cACA,KAAK,GAAG,QAAQ;gBAAc,MAAM,GAAG,OAAO;aAQ7F,CAAC;AAqGF,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,mGAUf,cAAc,KAAG,SA8C7B,CAAA"}
+{"version":3,"file":"Badge.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAyBtE,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7D,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AAkD/D,eAAO,MAAM,aAAa,GAAI,MAAM,SAAS;cAxB/B,MAAM;YACR,MAAM;cACJ,MAAM;aACP,MAAM;aACN,MAAM;cACL,MAAM;CAmByD,CAAC;AAE9E,eAAO,MAAM,eAAe,GAAI,UAAU,MAAM,0CAC6B,CAAC;AAqG9E,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,mGAUf,cAAc,KAAG,SA8C7B,CAAA"}

package/dist/types/components/data-display/Badge/Badge.types.d.ts

@@ -1,88 +1,11 @@
-import type { ColorValue, SizeValue } from '../../../tokens/scales';
 import type { BadgeProps as MuiBadgeProps } from '@mui/material/Badge/index.js';
-import type React from 'react';
-export type BadgeVariant = 'default' | 'dot' | 'count' | 'gradient' | 'glass' | 'outline' | 'secondary' | 'destructive' | 'success' | 'warning';
-export type BadgeSize = SizeValue;
-export interface BadgeProps extends Omit<MuiBadgeProps, 'variant' | 'color' | 'content'> {
-    /**
-     * The variant of the badge
-     */
-    variant?: BadgeVariant;
-    /**
-     * The size of the badge
-     */
-    size?: BadgeSize;
-    /**
-     * The color of the badge
-     */
-    color?: ColorValue;
-    /**
-     * Whether the badge should have a glow effect
-     */
-    glow?: boolean;
-    /**
-     * Whether the badge should have a pulse animation
-     */
-    pulse?: boolean;
-    /**
-     * Whether to animate the badge on mount
-     */
-    animate?: boolean;
-    /**
-     * Maximum count to display (shows "max+" when exceeded)
-     */
-    max?: number;
-    /**
-     * Whether to show zero count
-     */
-    showZero?: boolean;
-    /**
-     * Custom content for the badge
-     */
-    content?: React.ReactNode;
-    /**
-     * Position of the badge
-     */
-    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-    /**
-     * Accessibility label for screen readers
-     */
-    'aria-label'?: string;
-    /**
-     * ARIA live region behavior
-     */
-    'aria-live'?: 'off' | 'polite' | 'assertive';
-    /**
-     * Whether the live region should be atomic
-     */
-    'aria-atomic'?: boolean;
+import type { BadgeBaseProps } from './Badge.base';
+export type { BadgeBaseProps, BadgePosition, BadgeSize, BadgeVariant, } from './Badge.base';
+/** The web `Badge`: the shared contract, plus MUI's own badge props. */
+export interface BadgeProps extends BadgeBaseProps, Omit<MuiBadgeProps, 'variant' | 'color' | 'content' | 'badgeContent' | 'children' | 'invisible' | 'aria-atomic' | 'aria-live' | 'aria-label'> {
     /**
      * Additional CSS class name
      */
     className?: string;
-    /**
-     * Whether the badge should be closable
-     */
-    closable?: boolean;
-    /**
-     * Callback when badge is closed
-     */
-    onClose?: () => void;
-    /**
-     * Whether to show a shimmer effect
-     */
-    shimmer?: boolean;
-    /**
-     * Whether to bounce on mount
-     */
-    bounce?: boolean;
-    /**
-     * Custom icon element to display in the badge
-     */
-    icon?: React.ReactNode;
-    /**
-     * Custom test ID for testing
-     */
-    'data-testid'?: string;
 }
 //# sourceMappingURL=Badge.types.d.ts.map

package/dist/types/components/data-display/Badge/Badge.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,KAAK,GACL,OAAO,GACP,UAAU,GACV,OAAO,GACP,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC;AAElC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACtF;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;IAErE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;IAE7C;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEhF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,YAAY,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACT,YAAY,GACb,MAAM,cAAc,CAAC;AAEtB,wEAAwE;AACxE,MAAM,WAAW,UACf,SAAQ,cAAc,EACpB,IAAI,CACF,aAAa,EACX,SAAS,GACT,OAAO,GACP,SAAS,GACT,cAAc,GACd,UAAU,GACV,WAAW,GAGX,aAAa,GACb,WAAW,GACX,YAAY,CACf;IACH;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/types/components/data-display/Badge/Badge.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAGtE,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA+FpE,eAAO,MAAM,kBAAkB,GAC7B,OAAO,KAAK,EACZ,cAAc,YAAY,EAC1B,YAAY,eAAe,EAC3B,gBAAgB,MAAM,KACrB,SAC4F,CAAC"}
+{"version":3,"file":"Badge.variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AActE,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA+FpE,eAAO,MAAM,kBAAkB,GAC7B,OAAO,KAAK,EACZ,cAAc,YAAY,EAC1B,YAAY,eAAe,EAC3B,gBAAgB,MAAM,KACrB,SAC4F,CAAC"}

package/dist/types/components/data-display/Badge/BadgeContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/BadgeContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAyD/C,eAAO,MAAM,iBAAiB,GAAI,sEAQ/B;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACxC,KAAG,SA2BH,CAAC"}
+{"version":3,"file":"BadgeContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/BadgeContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAwD/C,eAAO,MAAM,iBAAiB,GAAI,sEAQ/B;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACxC,KAAG,SA2BH,CAAC"}