@12-apps/ui 6.19.1 → 6.20.0

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

@@ -0,0 +1,24 @@
+import type { GestureResponderEvent, PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { AvatarBaseProps } from './Avatar.base';
+export type { AvatarBaseProps, AvatarSize, AvatarStatus, AvatarVariant, ContentType, } from './Avatar.base';
+/**
+ * The native `Avatar`. `onClick` keeps its web name — a shared screen should
+ * not have to know which renderer it is on — and `onPress` is accepted too,
+ * because that is what a React Native developer will reach for. Both fire.
+ */
+export type AvatarProps = AvatarBaseProps & Omit<PressableProps, keyof AvatarBaseProps | 'style' | 'onPress'> & {
+    onClick?: () => void;
+    onPress?: (event: GestureResponderEvent) => void;
+    /** Fires when the portrait cannot be loaded. */
+    onError?: () => void;
+    style?: StyleProp<ViewStyle>;
+};
+export interface AvatarGroupProps {
+    children?: React.ReactNode;
+    max?: number;
+    overlap?: number;
+    dataTestId?: string;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=Avatar.types.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Avatar/Avatar.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EACd,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,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;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,IAAI,CAAC,cAAc,EAAE,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEJ,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B"}

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

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

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

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

package/dist/types-native/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-native/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-native/components/data-display/Badge/Badge.helpers.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import type { BadgeBaseProps } from './Badge.base';
+type BadgeDefaultedKeys = 'variant' | 'size' | 'color' | 'glow' | 'pulse' | 'animate' | 'shimmer' | 'bounce' | 'max' | 'showZero' | 'position' | 'closable';
+/**
+ * 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-native/components/data-display/Badge/Badge.helpers.d.ts.map

@@ -0,0 +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,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-native/components/data-display/Badge/Badge.look.native.d.ts

@@ -0,0 +1,31 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { BadgePosition, BadgeSize, BadgeVariant } from './Badge.base';
+import { type BadgeSizeMetrics } from './Badge.metrics';
+import type { UiTheme } from '../../../tokens/theme';
+import type { ColorValue } from '../../../tokens/vocabulary';
+export interface BadgePaint {
+    box: ViewStyle;
+    ink: string;
+    fontWeight: number;
+    /** `gradient` and `glass` shout; everything else is set as written. */
+    uppercase: boolean;
+}
+export interface BadgeBoxArgs {
+    variant: BadgeVariant;
+    size: BadgeSize;
+    color: ColorValue;
+    glow: boolean;
+}
+/**
+ * Where the chip hangs: MUI's `anchorOrigin` pins it to a corner and then
+ * `translate(±50%, ∓50%)` puts its CENTRE there. It is its own node so the
+ * chip's animations own `transform` outright — a React Native style array
+ * replaces that property rather than composing it, as CSS would.
+ */
+export declare function badgeAnchorStyle(position: BadgePosition): ViewStyle;
+/** The chip itself: MUI's paper ring, its size, and the variant's paint. */
+export declare function badgeBoxStyle(theme: UiTheme, a: BadgeBoxArgs): ViewStyle;
+/** The chip's own type: the size's step, semibold, tracked a little wider. */
+export declare function badgeTextStyle(theme: UiTheme, variant: BadgeVariant, size: BadgeSize, color: ColorValue): TextStyle;
+export declare const badgeMetrics: (size: BadgeSize) => BadgeSizeMetrics;
+//# sourceMappingURL=Badge.look.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAcL,KAAK,gBAAgB,EACtB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAkB,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,SAAS,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,SAAS,EAAE,OAAO,CAAC;CACpB;AAiED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,YAAY,CAAC;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;CACf;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,aAAa,GAAG,SAAS,CAWnE;AAED,4EAA4E;AAC5E,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY,GAAG,SAAS,CA+BxE;AAED,8EAA8E;AAC9E,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,GAChB,SAAS,CAWX;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,SAAS,KAAG,gBAAqC,CAAC"}

package/dist/types-native/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-native/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-native/components/data-display/Badge/Badge.native.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { View, type ViewStyle } from 'react-native';
+/**
+ * The native `Badge`: MUI's chip anchored off a corner of whatever it is
+ * attached to, with the same ten variants, five sizes and content run.
+ */
+export declare const Badge: React.ForwardRefExoticComponent<import("./Badge.base").BadgeBaseProps & Omit<import("react-native").ViewProps, "style" | keyof import("./Badge.base").BadgeBaseProps> & {
+    style?: import("react-native").StyleProp<ViewStyle>;
+} & React.RefAttributes<View>>;
+//# sourceMappingURL=Badge.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA0C,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAqI5F;;;GAGG;AACH,eAAO,MAAM,KAAK;;8BAkEhB,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { BadgeBaseProps } from './Badge.base';
+export type { BadgeBaseProps, BadgePosition, BadgeSize, BadgeVariant, } from './Badge.base';
+/** The native `Badge`: the shared contract, plus a `View`'s own props. */
+export type BadgeProps = BadgeBaseProps & Omit<ViewProps, keyof BadgeBaseProps | 'style'> & {
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=Badge.types.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/Badge.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,YAAY,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACT,YAAY,GACb,MAAM,cAAc,CAAC;AAEtB,0EAA0E;AAC1E,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,IAAI,CAAC,SAAS,EAAE,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG;IAChD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { BadgeSize, BadgeVariant } from './Badge.base';
+import type { ColorValue } from '../../../tokens/vocabulary';
+export interface BadgeContentProps {
+    variant: BadgeVariant;
+    size: BadgeSize;
+    color: ColorValue;
+    icon?: React.ReactNode;
+    closable: boolean;
+    content: React.ReactNode;
+    idFor: (suffix: string) => string;
+    onClose: () => void;
+}
+/**
+ * The badge's inner run: optional icon, the content itself, optional close
+ * button — the same three slots and the same ids `BadgeContent.tsx` builds. A
+ * dot badge shows none of it.
+ */
+export declare function BadgeContent({ variant, size, color, icon, closable, content, idFor, onClose, }: BadgeContentProps): React.JSX.Element | null;
+//# sourceMappingURL=BadgeContent.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeContent.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/BadgeContent.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAM5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,YAAY,CAAC;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,GACR,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAkC9C"}

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

@@ -0,0 +1,3 @@
+export { Badge } from './Badge.native';
+export type { BadgeBaseProps, BadgePosition, BadgeProps, BadgeSize, BadgeVariant, } from './Badge.types.native';
+//# sourceMappingURL=index.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Badge/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,YAAY,EACV,cAAc,EACd,aAAa,EACb,UAAU,EACV,SAAS,EACT,YAAY,GACb,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,81 @@
+import type { ReactNode } 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 ChipVariant = 'filled' | 'outlined';
+/**
+ * The house size scale, abbreviated like every other component's.
+ *
+ * `Avatar`, `Badge`, `Progress`, `Input`, `Modal` and `Dialog` all use `sm`/`md`;
+ * this was `'small' | 'medium'`, MUI's spelling, and the sole outlier in the
+ * package. That was not merely inconsistent — callers wrote `size="sm"` because
+ * every neighbouring component taught them to, it type-checked against the old
+ * `ChipSize` nowhere and reached MUI as an unknown value, and the chip silently
+ * rendered at the default `medium`. Twelve of them are doing that today.
+ *
+ * All five stops, and `Chip.tsx` draws them: MUI gives a chip two heights, so
+ * `xs`/`sm` map to small and `md` and up to medium. Offering fewer than five
+ * here is what made callers write `size="sm"` against a type that did not have
+ * it — the scale is the vocabulary, and a component that speaks a dialect of it
+ * is the problem, not the solution.
+ */
+export type ChipSize = SizeValue;
+/**
+ * The colours a chip can draw — THE HOUSE VOCABULARY, identical to `ButtonProps`.
+ *
+ * `danger` and `neutral` are ours; the rest are MUI's own names already. That is
+ * the same sentence `Button.tsx` carries, and deliberately so: `Button`, `Alert`,
+ * `Text`, `Heading`, `Paragraph` and `Blockquote` all speak this vocabulary, so a
+ * chip is the odd one out if it does not.
+ *
+ * This prop was `string`, and the widening was not free. `danger` — the house
+ * word for the destructive meaning, and what every neighbouring component
+ * accepts — reached MUI as an unknown value and fell back to the default grey.
+ * The chip that most needed emphasis rendered without any, and nothing said so.
+ *
+ * The fix is NOT to reject `danger`. Rejecting it would punish a caller for
+ * using the vocabulary the rest of the system taught them. The fix is for the
+ * chip to speak it and translate at the MUI boundary, exactly as `Button` does.
+ */
+export type ChipColor = ColorValue;
+export interface ChipBaseProps {
+    /** Text content displayed in the chip */
+    label: string;
+    /** Visual style variant */
+    variant?: ChipVariant;
+    /** Size of the chip */
+    size?: ChipSize;
+    /** Theme color token. See {@link ChipColor} for why this is a closed set. */
+    color?: ChipColor;
+    /** Source URL for avatar image */
+    avatarSrc?: string;
+    /** Custom avatar React node (overrides avatarSrc) */
+    avatar?: ReactNode;
+    /** Leading icon React node */
+    icon?: ReactNode;
+    /** Current selection state */
+    selected?: boolean;
+    /** Enables selection toggle capability */
+    selectable?: boolean;
+    /** Shows delete button */
+    deletable?: boolean;
+    /** Disables all interactions */
+    disabled?: boolean;
+    /**
+     * Click/selection handler. The name is the web's on both sides; the native
+     * chip also answers to `onPress`, as `Button` does.
+     */
+    onClick?: () => void;
+    /** Delete action handler */
+    onDelete?: () => void;
+    /** Test ID for component testing */
+    dataTestId?: string;
+    /** React Native's spelling of {@link ChipBaseProps.dataTestId}. */
+    testID?: string;
+}
+//# sourceMappingURL=Chip.base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEhD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC;AAEjC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -0,0 +1,22 @@
+/** `${dataTestId}-label`, or `chip-label` when the caller named nothing. */
+export declare const makeTestId: (dataTestId?: string) => (suffix: string) => string;
+/** `option` when the chip belongs to a selectable set, `button` when it merely acts. */
+export declare const chipRole: (selectable?: boolean, onClick?: unknown) => "option" | "button" | undefined;
+export declare const isClickable: (disabled?: boolean, onClick?: unknown, selectable?: boolean) => boolean;
+/** What a key press on a chip means, if anything. */
+export type ChipKeyAction = 'delete' | 'activate' | null;
+export interface ChipKeyArgs {
+    disabled?: boolean;
+    deletable?: boolean;
+    selectable?: boolean;
+    onClick?: unknown;
+    onDelete?: unknown;
+}
+/**
+ * A chip is not a native control, so the two keyboard conventions it stands in
+ * for are decided by hand: Delete/Backspace removes it, Enter/Space activates
+ * it. Both renderers read this one decision — the web wires it to the DOM
+ * handler, the native half to react-native-web's (see `Chip.native.tsx`).
+ */
+export declare function chipKeyAction(key: string, a: ChipKeyArgs): ChipKeyAction;
+//# sourceMappingURL=Chip.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.helpers.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,eAAO,MAAM,UAAU,GACpB,aAAa,MAAM,MACnB,QAAQ,MAAM,KAAG,MACyC,CAAC;AAE9D,wFAAwF;AACxF,eAAO,MAAM,QAAQ,GACnB,aAAa,OAAO,EAGpB,UAAU,OAAO,KAChB,QAAQ,GAAG,QAAQ,GAAG,SAGxB,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,WAAW,OAAO,EAClB,UAAU,OAAO,EACjB,aAAa,OAAO,KACnB,OAAiE,CAAC;AAErE,qDAAqD;AACrD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,IAAI,CAAC;AAKzD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,GAAG,aAAa,CAKxE"}

package/dist/types-native/components/data-display/Chip/Chip.look.native.d.ts

@@ -0,0 +1,29 @@
+import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+import type { ChipColor, ChipVariant } from './Chip.base';
+import { type ChipMuiSize, type ChipSizeMetrics } from './Chip.metrics';
+import type { UiTheme } from '../../../tokens/theme';
+export interface ChipPaint {
+    container: ViewStyle;
+    /** The web's `:hover` background, which touch has no equivalent of. */
+    pressed: ViewStyle;
+    label: TextStyle;
+    deleteColor: string;
+}
+/**
+ * What MUI's chip paints, as React Native styles. `selected` tints an OUTLINED
+ * chip with `action.selected` — a filled one is already solid, which is what
+ * `Chip.styles.tsx` decided for the web.
+ */
+export declare function chipPaint(theme: UiTheme, variant: ChipVariant, color: ChipColor, selected: boolean): ChipPaint;
+/** The pill itself: MUI's height, its 16px radius, and the disabled fade. */
+export declare function chipContainerStyle(metrics: ChipSizeMetrics, disabled: boolean): ViewStyle;
+/** The label: MUI's 13px, padded by the variant, clipped rather than wrapped. */
+export declare function chipLabelStyle(theme: UiTheme, metrics: ChipSizeMetrics, variant: ChipVariant): TextStyle;
+/** The margins MUI gives the leading slot, tucking it under the label's padding. */
+export declare function chipLeadingSlotStyle(metrics: ChipSizeMetrics, variant: ChipVariant, slot: 'icon' | 'avatar'): ViewStyle;
+/** The delete glyph's own tuck, one pixel tighter when the chip is outlined. */
+export declare function chipDeleteSlotStyle(metrics: ChipSizeMetrics, variant: ChipVariant): ViewStyle;
+/** The round avatar box MUI draws for an `avatarSrc`. */
+export declare function chipAvatarStyle(metrics: ChipSizeMetrics): ImageStyle;
+export declare const chipMetrics: (size: ChipMuiSize) => ChipSizeMetrics;
+//# sourceMappingURL=Chip.look.native.d.ts.map

package/dist/types-native/components/data-display/Chip/Chip.look.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKrD,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,uEAAuE;IACvE,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AA8CD;;;;GAIG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,OAAO,GAChB,SAAS,CAOX;AAED,6EAA6E;AAC7E,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,CAWzF;AAED,iFAAiF;AACjF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,WAAW,GACnB,SAAS,CASX;AAED,oFAAoF;AACpF,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GACtB,SAAS,CAYX;AAED,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,GAAG,SAAS,CAQ7F;AAED,yDAAyD;AACzD,wBAAgB,eAAe,CAAC,OAAO,EAAE,eAAe,GAAG,UAAU,CAOpE;AAED,eAAO,MAAM,WAAW,GAAI,MAAM,WAAW,KAAG,eAAmC,CAAC"}

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

@@ -0,0 +1,61 @@
+import type { ChipSize } from './Chip.base';
+/**
+ * THE NUMBERS BOTH `Chip` RENDERERS DRAW WITH.
+ *
+ * Most of them are MUI's own `Chip` geometry rather than anything this package
+ * writes — the 32px pill, the 13px label, the 5px/-6px icon tuck — because the
+ * web half hands the drawing to `MuiChip` and the native half has to draw it.
+ * Restated here once, read by both, so the two cannot disagree about a chip's
+ * height. What THIS package adds (`Chip.styles.tsx`'s hover lift, its shadow
+ * and its transition) is at the bottom, and the web derives its CSS from it.
+ */
+/** MUI draws two chip sizes; ours are the house abbreviations for them. */
+export type ChipMuiSize = 'small' | 'medium';
+export declare const chipMuiSize: (size: ChipSize) => ChipMuiSize;
+export interface ChipSizeMetrics {
+    height: number;
+    /** The label's own side padding, filled and outlined (outlined is 1px tighter). */
+    labelPadding: number;
+    labelPaddingOutlined: number;
+    /** The leading icon's box, and how far it tucks under the label. */
+    iconSize: number;
+    iconMarginLeft: number;
+    iconMarginLeftOutlined: number;
+    iconMarginRight: number;
+    /** The avatar's round box and the type inside it. */
+    avatarSize: number;
+    avatarFontSize: number;
+    avatarMarginLeft: number;
+    avatarMarginLeftOutlined: number;
+    avatarMarginRight: number;
+    /** The delete glyph's box and its own tuck. */
+    deleteSize: number;
+    deleteMarginLeft: number;
+    deleteMarginRight: number;
+    deleteMarginRightOutlined: number;
+}
+export declare const CHIP_SIZES: Record<ChipMuiSize, ChipSizeMetrics>;
+/** MUI's `borderRadius: 32 / 2` — a pill at either height, since the box clamps it. */
+export declare const CHIP_RADIUS = 16;
+/** The label's type, in px. MUI sets it on the root and the small size keeps it. */
+export declare const CHIP_FONT_SIZE = 13;
+/** MUI's `palette.action.disabledOpacity`. */
+export declare const CHIP_DISABLED_OPACITY = 0.38;
+/** An outlined chip's hairline: the hue at 0.7, or the grey ramp for `neutral`. */
+export declare const OUTLINED_BORDER_ALPHA = 0.7;
+/** The delete glyph over an unaccented chip, and over a coloured one. */
+export declare const DELETE_ICON_ALPHA = 0.26;
+export declare const DELETE_ICON_ON_COLOR_ALPHA = 0.7;
+/** MUI's `action.hoverOpacity`, the wash a clickable outlined chip takes. */
+export declare const OUTLINED_HOVER_ALPHA = 0.04;
+/** The lift a clickable chip takes on hover, and the shadow under it. */
+export declare const HOVER_LIFT_PX = 1;
+export declare const HOVER_SHADOW: {
+    readonly offsetY: 4;
+    readonly blur: 12;
+    readonly alphaLight: 0.15;
+    readonly alphaDark: 0.3;
+};
+export declare const CHIP_TRANSITION_MS = 200;
+export declare const CHIP_TRANSITION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+//# sourceMappingURL=Chip.metrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;;;;;;GASG;AAEH,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,eAAO,MAAM,WAAW,GAAI,MAAM,QAAQ,KAAG,WACQ,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,wBAAwB,EAAE,MAAM,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,+CAA+C;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,yBAAyB,EAAE,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAqC3D,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,oFAAoF;AACpF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,8CAA8C;AAC9C,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAC1C,mFAAmF;AACnF,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAIzC,yEAAyE;AACzE,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,YAAY;;;;;CAAsE,CAAC;AAChG,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,sBAAsB,iCAAiC,CAAC"}

package/dist/types-native/components/data-display/Chip/Chip.native.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { View, type GestureResponderEvent, type StyleProp, type ViewStyle } from 'react-native';
+/**
+ * The native `Chip`: MUI's pill on a `Pressable`, reachable by keyboard only
+ * when it acts — which is the same rule MUI applies through `clickable`.
+ */
+export declare const Chip: React.ForwardRefExoticComponent<import("./Chip.base").ChipBaseProps & Omit<import("react-native").PressableProps, "style" | "onPress" | keyof import("./Chip.base").ChipBaseProps> & {
+    onPress?: (event: GestureResponderEvent) => void;
+    style?: StyleProp<ViewStyle>;
+} & React.RefAttributes<View>>;
+//# sourceMappingURL=Chip.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,IAAI,EACJ,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAqLtB;;;GAGG;AACH,eAAO,MAAM,IAAI;;;8BAwEf,CAAC"}