@12-apps/ui 6.19.1 → 6.21.0

package/NATIVE.md

@@ -80,7 +80,7 @@ installs them.
 ## Ledger
 
 <!-- native-parity:start -->
-Ported: **15 of 140** public subpaths carry a `react-native` condition.
+Ported: **24 of 140** public subpaths carry a `react-native` condition.
 
 | subpath | shared stories run natively | skipped (`native-skip`) | known gaps |
 |---|---|---|---|
@@ -88,12 +88,21 @@ Ported: **15 of 140** public subpaths carry a `react-native` condition.
 | `@12-apps/ui/provider` | 0 | 0 | — |
 | `@12-apps/ui/icons` | 8 | 0 | — |
 | `@12-apps/ui/data-display/Alert` | 41 | 2 | `glass` paints its 0.85 paper wash and hairline without the 20px backdrop blur and saturation — React Native has no backdrop filter.; `gradient` paints its first stop (`alpha(light, 0.9)`) flat and has no shimmer sweep — React Native core has no gradient fill and no pseudo-elements.; Hover, active and focus-within (the lift, the hue shadow, the icon tilt, the focus ring) have no touch equivalent; the close button's pressed state stands in for its hover.; The hairline the web draws around a `Button` placed inside the message is a descendant selector; native children are rendered as given. Consecutive text children DO flow as one sentence (`src/platform/text-children.tsx`); an element child breaks the run, as a block would on the web.; After dismissal the web keeps a collapsed, hidden node in the DOM; native unmounts once the 300ms collapse has run.; Title, description and children are set in MUI's default `body1`/`body2` numbers; a host that re-themes MUI's typography variants moves the web only. |
+| `@12-apps/ui/data-display/Avatar` | 45 | 1 | Hover has no touch equivalent: the interactive lift (`scale(1.1) translateY(-2px)`, the `0 8px 20px` shadow and the brightness), the `:active` squeeze and the `:focus-visible` ring are all web-only. The avatar still reports itself as a button and takes a tab stop.; The shimmer that runs across a loading avatar is a moving gradient; React Native core has neither, so the box keeps its accent and only the overlay and its spinner say it is loading. `backdrop-filter: blur(2px)` behind that overlay has no equivalent either — the wash is the flat `alpha(paper, 0.7)`.; `glow` paints the halo but not the `brightness(1.05)` filter that goes with it; React Native has no filters.; `pulse` is a ring behind the avatar scaling out to 10px and fading, rather than MUI's growing `box-shadow` on an `::after` — the same colour, cadence and travel, drawn by a sibling.; The status dot is a bordered circle placed at MUI's `overlap="circular"` inset; MUI's `Badge` additionally draws a `::after` ripple layer over it.; `AvatarGroup` overlaps and counts exactly as the web does, but the web ALSO gives every child a paper ring through a `& > *` descendant rule. A native renderer cannot restyle children, so an avatar in a group takes `bordered` from its own prop.; The default and broken-image glyphs are the house `Icon` at 24px, which is what MUI's `SvgIcon` draws them at here; the initials are set in the theme's own font rather than MUI's `Avatar` typography. |
+| `@12-apps/ui/data-display/Badge` | 55 | 1 | `gradient` paints the 135° run's first stop flat and `glass` keeps its 10% wash and 20% hairline without the `blur(10px) saturate(200%)` backdrop or the inset white highlight — React Native has no gradient fill, no backdrop filter and no inset shadow.; `shimmer` is a gradient sweeping across a pseudo-element and is not drawn at all; the chip keeps its variant's paint.; `glow` draws the 15px halo but not the `brightness(1.1)` filter beside it, and `glow` WITH `pulse` breathes only the scale and the opacity — the halo itself cannot be animated, because a box shadow is not an animatable style there.; Hover has no touch equivalent: the chip's `scale(1.1)` under the pointer and the glow's brighter hover halo are web-only.; `count` is drawn as a pill (`height / 2`); MUI asks for `border-radius: 50%`, which on a chip wider than it is tall is an ellipse React Native cannot express.; MUI's `transition: all 0.3s` on the chip has no equivalent: a colour or size change is drawn immediately. The mount, pulse and close animations are `Animated` and do run.; `onClick` on the badge reaches the DOM through react-native-web and fires there, as it does on the web; a device has no click, so a shared screen that needs a press should put one on its own child. |
+| `@12-apps/ui/data-display/Chip` | 25 | 0 | Hover has no touch equivalent, so a press stands in for it: the chip takes MUI's hover wash (`palette[color].dark` filled, `alpha(main, 0.04)` outlined) while pressed, but not this package's own 1px lift or the `0 4px 12px` shadow under it, which are `:hover`-only.; The keyboard contract — Enter and Space activate, Delete and Backspace remove — is shared (`chipKeyAction`) and answered under react-native-web, half by its `Pressable` and half by the chip's own handler. On a DEVICE none of it runs: React Native delivers no key events to a `View`, so a chip there is pressed and removed by touch.; MUI restyles the leading icon ELEMENT through a class — 24px, 18px when small, and `inherit` ink on a coloured chip. A native renderer cannot restyle an arbitrary node, so the slot carries MUI's margins and the glyph keeps the size and colour it was given.; An `avatarSrc` is drawn as a round `Image` at MUI's 24px (18px small) box; MUI's own `Avatar` additionally shows an initials fallback and repaints itself in `primary.dark`/`secondary.dark` for those two colours.; MUI's `transition: background-color, box-shadow` and this package's `all 0.2s cubic-bezier(0.4, 0, 0.2, 1)` have no equivalent: a colour change is drawn immediately.; A keyboard activation (Space on a selectable chip, Delete on a deletable one) fires `onClick` and `onDelete` but not `onPress`: it only exists under react-native-web, where the chip synthesizes the activation `Pressable` will not, and so has no `GestureResponderEvent` to pass. A press on a device fires both. |
 | `@12-apps/ui/data-display/EmptyState` | 23 | 0 | The actions are house `Button`s (solid/outline, `sm`) sized to MUI's medium contained and outlined buttons — same padding, 14px type, radius, half-alpha border, elevation-2 shadow, 20px icon and 120px floor; MUI additionally uppercases the label and sets the icon 8px from the label where the house button sets 4.; The help link opens through `Linking.openURL` on a device; `target`/`rel` are web-only and reach the DOM through react-native-web's anchor.; Title, description and link are set in MUI's default `h6`/`body2`/`body1` numbers; a host that re-themes MUI's typography variants moves the web only. |
 | `@12-apps/ui/data-display/ErrorState` | 13 | 0 | The retry is the house `Button` (outline, `sm`) sized to MUI's medium outlined button — same 5px/15px padding, 14px type, radius, 20px icon and 120px floor; MUI additionally uppercases the label, draws its border at `alpha(main, 0.5)`, and sets the icon 8px from the label where the house button sets 4.; Title and message are set in MUI's default `h6`/`body2` numbers; a host that re-themes MUI's typography variants moves the web only. |
 | `@12-apps/ui/data-display/LoadingState` | 11 | 1 | The spinner is the platform's `ActivityIndicator`, not MUI's 3.6-unit arc: same diameter and primary colour, the platform's own stroke; on iOS the two built-in sizes stand in for the five (`md` and up draw `large`).; The skeleton rows are the static tint (`alpha(text.primary, 0.13)`); MUI's `wave` sweep is a gradient pseudo-element React Native cannot draw.; The message is set in MUI's default `body2`/`body1`/`h6` numbers; a host that re-themes MUI's typography variants moves the web only. |
+| `@12-apps/ui/data-display/Progress` | 27 | 2 | `gradient` paints its first stop (`main`) flat: React Native core has no gradient fill, so the 90° run to `dark` is lost. `glass` keeps the 80% wash and the 30% hairline but not the 10px backdrop blur, which React Native has no equivalent of.; `glow` draws the web's `0 0 10px 2px alpha(main, 0.4)` shadow (and `0 0 6px 1px` on a filled segment) but not the `filter: brightness(1.1)` that goes with it, nor the circular variant's `drop-shadow` — the dial takes a box shadow round its square instead.; The indeterminate linear bar is ONE band a third of the track wide crossing every 2.1s; MUI runs two bars on two keyframe tracks. The indeterminate dial spins a quarter-circle arc once every 1.4s rather than growing and shrinking it.; The determinate bar is a clamped WIDTH; MUI translates a full-width bar by `value - 100`%. The two agree between 0 and 100 — outside it the web slides the bar off the track and native stops at the ends.; MUI's `transition: all 0.3s ease` on the bar and on every segment has no equivalent: a value change is drawn immediately.; The label is set in MUI's default `caption` ratios at the size's own step; a host that re-themes MUI's typography variants moves the web only. |
 | `@12-apps/ui/form/Button` | 24 | 2 | — |
+| `@12-apps/ui/form/Checkbox` | 25 | 0 | The control is a pressable carrying `role="checkbox"` and `aria-checked` — the state the web's hidden `<input type="checkbox">` announces — rather than a real form element. So it is a tab stop and a screen reader reads it correctly, but the `disabled` ATTRIBUTE a DOM assertion like `toBeDisabled()` looks for is `aria-disabled` here.; The box itself IS MUI's glyph: `@12-apps/ui/icons` generates `CheckBox`, `CheckBoxOutlineBlank` and `IndeterminateCheckBox` from the same `@mui/icons-material` package MUI's own `Checkbox` imports them from.; `glow` is a static shadow of MUI's default blue rather than one breathing between a 5px and a 20px blur, and `pulse` — an expanding ring drawn with `box-shadow` spread — is not drawn at all: React Native has neither keyframes on a shadow nor shadow spread.; Hover has no touch equivalent, so the 0.1 wash the web puts behind a hovered box is not drawn; `ripple` becomes Android's own ripple and is nothing on iOS.; `rounded` and `toggle` clip and scale the glyph's own box, as the web does — which on a transparent glyph shows only where the box would have clipped it. The web's `borderRadius` on an `<svg>` is the same near-invisible change.; Both renderers check in `primary.main` whatever `color` says: `Checkbox.tsx` overrides MUI's per-colour rule with primary and wins on source order. Fixing that is a web change.; The label and the helper text are set in MUI's own numbers (`body2` at 14px, `caption` at 12px, four spacing units of helper inset); a host that re-themes MUI's typography moves the web only. |
+| `@12-apps/ui/form/Input` | 23 | 2 | The label sits ABOVE the field at its shrunk size (12px, aligned with the value's own left inset) instead of floating into a notch in the border: React Native can neither cut a notch in a border nor animate a label into one, so `floating` has nothing left to move.; `filled` keeps MUI's lopsided `25px 12px 8px` inset, which on the web is where the floating label sits inside the box — so a native filled field reads low in its box, with the label above it.; `glass` paints its 0.1 paper wash and hairline without the 20px backdrop blur (React Native has no backdrop filter), and draws ONE border where the web draws two — its own on the field root, plus the outlined fieldset's underneath.; `gradient` paints the first stop of its 135° fill flat and gives the 2px ring the gradient's first hue: React Native core has no gradient fill and no masked pseudo-element border.; Hover has no touch equivalent, so the web's hover border, its brighter glass wash and its deeper filled wash are not drawn; focus is, and it carries the same colours.; `pulse` grows by scaling the bar rather than spreading a box-shadow, which React Native does not have; `glow` is a shadow on iOS and an elevation on Android, so its halo is not symmetrical there.; `onClick` fires from the DOM click under react-native-web and from `onPressIn` on a device — react-native-web forwards only the first and React Native only the second, so exactly one runs and never both.; Enter keeps focus (`blurOnSubmit={false}`), as it does in a web `<input>`; React Native's own default for a single-line field is to dismiss the keyboard, and a caller wanting that passes its own.; An HTML `type` React Native has no keyboard for (`date`, `time`, `file`, `color`) renders a plain text field; `text`, `search`, `email`, `tel`, `url` and `number` pick the keyboard and `password` sets secure entry.; The value, label and helper text are set in MUI's own numbers (`body1` at 16px on a 23px line, the 0.75 shrunk label, `caption` at 12px); a host that re-themes MUI's typography variants moves the web only. |
+| `@12-apps/ui/form/Select` | 29 | 1 | The option list is an absolutely positioned panel under the field, not a portal over the screen: React Native's `Modal` traps focus and covers the viewport, which is right for a dialog and wrong for a dropdown. So the list is clipped by any ancestor that hides its overflow, it cannot escape a `ScrollView`, and there is no backdrop — the list closes on a pick, on Escape, or when the field is pressed again, never by a tap elsewhere.; Arrow keys open the list and Escape closes it, through react-native-web's DOM key events; `Enter` toggles it, because react-native-web's `Pressable` already answers `Enter` as a press. None of the three exists on a device, where the list is a touch surface — so there is no highlighted option to walk.; The label sits above the field rather than floating into a notch in its border, and the arrow is laid out in flow rather than absolutely at `right: 7`; the 1px difference that costs is taken out of the gap before the glyph, so the value still stops 32px from the edge. Both follow from React Native having no notched outline and no `position: absolute` inside a text run.; `glass` paints its 0.1 paper wash without the 20px backdrop blur (React Native has no backdrop filter), and `gradient` paints the first stop of its 135° fill flat inside a 2px ring of the gradient's first hue — React Native core has no gradient fill and no masked pseudo-element border.; Hover has no touch equivalent: the web's hover border, its brighter glass wash and the `action.hover` wash under a menu row are not drawn. `glow` is a shadow on iOS and an elevation on Android, so its halo is not symmetrical there, and it does not brighten on focus the way the web's does.; `defaultValue` selects an option here and does nothing on the web, where `Select.tsx` passes `value={value ?? ''}` and MUI's controlled value wins over it. Fixing that is a web change.; The list is rendered in full inside a `ScrollView` capped at the window height less 96px, where MUI's `Menu` measures the anchor and flips or shifts to stay on screen; a list opened near the bottom of a device screen runs off it.; The display slot, the option labels, the label and the helper text are set in MUI's own numbers (`body1` at 16px on a 23px line, the 0.75 shrunk label, `caption` at 12px); a host that re-themes MUI's typography variants moves the web only. |
+| `@12-apps/ui/form/Switch` | 26 | 3 | The control is drawn here rather than handed to React Native's own `Switch`, which is the platform control at the platform's size: no size scale, no track geometry, no thumb radius per look, no room for an icon or a word inside the track. What that costs is the platform's own switch on a device — this one is a pressable carrying `role="checkbox"` and `aria-checked`, which is what the web's hidden `<input type="checkbox">` announces, but a `role="switch"` would announce better where nothing needs `getByRole('checkbox')` to find it.; Hover has no touch equivalent, so the thumb does not lift or take its halo, and `ripple` — a wash that expands from the thumb under the pointer on the web — is not drawn at all.; `glow` paints its halo and inner wash as a static shadow rather than breathing every two seconds, and `gradient` paints the gradient's first stop flat (`light` checked, `alpha(light, 0.3)` at rest): React Native core has no gradient fill, no keyframes on a shadow and no shimmer sweep.; `glass` washes the track and the thumb at MUI's alphas without the 20px and 10px backdrop blurs — React Native has no backdrop filter.; `loading` turns the platform's `ActivityIndicator` inside the thumb at MUI's 0.6 of the thumb's size, where the web draws its own 2px ring with one transparent quarter.; An `onIcon` or `offIcon` is rendered as given, centred in its box. The web sets `color` and `fontSize` on the wrapper and an MUI glyph inherits both; React Native has no inheritance, so pass an `<Icon size color>` that is already the size and colour you want.; The keyboard reaches the control only through react-native-web: `Enter` presses it (react-native-web's `Pressable` answers it), the space bar toggles it through a DOM key handler, and neither exists on a device.; `checked`, the label, the description and the helper text are set in MUI's own numbers (`body2` at 14px, `caption` at 12px, the 300ms `cubic-bezier(0.4, 0, 0.2, 1)`); a host that re-themes MUI's typography or its elevations moves the web only. |
 | `@12-apps/ui/layout/Box` | 7 | 1 | — |
 | `@12-apps/ui/layout/Container` | 36 | 0 | `responsive` reads `useWindowDimensions().width < 600` in place of MUI's `sm` media query, and `centered` reads the window height in place of `100vh`; both track the window, as CSS would, but a container inside a narrower parent still measures the window, not the parent. |
+| `@12-apps/ui/layout/Skeleton` | 22 | 4 | MUI's `wave` sweep and the `shimmer` overlay are gradient pseudo-elements travelling across the box; React Native core has neither, so both are drawn as the same wash (`action.hover` for the wave, `alpha(#fff, 0.3)` for the shimmer) fading in and out over the whole box on the web's own cadence — 1.6s linear after 0.5s for the wave, 2s for the shimmer.; `glassmorphism` paints the 135° gradient's first stop (`alpha(paper, 0.8)`) flat and keeps the hairline and the `0 8px 32px 0 rgba(0, 0, 0, 0.1)` shadow, but not the 20px backdrop blur — React Native has no backdrop filter.; The `text` variant is drawn at its FINAL height. MUI gives it a `1.2em` line box and squashes the box to 60% with `transform: scale(1, 0.6)`; React Native transforms do not change layout, so the two are multiplied out (11.52px at the theme's 16px body size) and the elliptical `4px/6.7px` radius the squash rounds off is drawn as the plain 4px it lands on.; `width`, `height` and `borderRadius` accept a number or a percentage; any other CSS length (`10rem`, `calc(…)`) has no React Native equivalent and leaves the box to size itself from its content. |
 | `@12-apps/ui/layout/Spacer` | 21 | 1 | — |
 | `@12-apps/ui/layout/Stack` | 6 | 0 | — |
 | `@12-apps/ui/typography/Heading` | 26 | 1 | `gradient` paints the gradient's first stop as a flat colour: React Native has no `background-clip: text` and no gradient fill in core. A host wanting the real thing adds a masked-gradient library. |

package/dist/_internal/components/data-display/Alert/Alert.js

@@ -1,10 +1,10 @@
 import {
   Alert
-} from "../../../../chunk-6D5WEZ2L.js";
-import "../../../../chunk-E27Y7FF2.js";
-import "../../../../chunk-B2Y3BABA.js";
+} from "../../../../chunk-FB36IHCE.js";
+import "../../../../chunk-6Z4H2Y77.js";
 import "../../../../chunk-N3QUEBNS.js";
-import "../../../../chunk-QLWBQQW7.js";
+import "../../../../chunk-B2Y3BABA.js";
+import "../../../../chunk-6F5IKY32.js";
 import "../../../../chunk-NQN5Z36J.js";
 import "../../../../chunk-AG66JBNH.js";
 import "../../../../chunk-6JAIFIPW.js";

package/dist/_internal/components/data-display/Alert/Alert.styles.js

@@ -8,9 +8,9 @@ import {
   iconRotate,
   pulseAnimation,
   shimmerAnimation
-} from "../../../../chunk-E27Y7FF2.js";
-import "../../../../chunk-B2Y3BABA.js";
+} from "../../../../chunk-6Z4H2Y77.js";
 import "../../../../chunk-N3QUEBNS.js";
+import "../../../../chunk-B2Y3BABA.js";
 import "../../../../chunk-NQN5Z36J.js";
 import "../../../../chunk-AG66JBNH.js";
 import "../../../../chunk-6JAIFIPW.js";

package/dist/_internal/components/data-display/AsyncStateContainer/AsyncStateContainer.js

@@ -1,19 +1,20 @@
 import {
   AsyncStateContainer,
   AsyncStateContainer_default
-} from "../../../../chunk-OZWQNFG6.js";
-import "../../../../chunk-IIOEQRXX.js";
+} from "../../../../chunk-IH4RSRQA.js";
+import "../../../../chunk-QFHH2NU5.js";
 import "../../../../chunk-7DFEKTT7.js";
 import "../../../../chunk-YSTHOE66.js";
-import "../../../../chunk-NQC6H7GY.js";
+import "../../../../chunk-4HYXEMBP.js";
 import "../../../../chunk-TLGGVE56.js";
-import "../../../../chunk-IRDGC7FK.js";
-import "../../../../chunk-JZKOJZ6V.js";
-import "../../../../chunk-HXYXDQ7U.js";
-import "../../../../chunk-UXQW6ZIN.js";
+import "../../../../chunk-QS7ZGRNS.js";
+import "../../../../chunk-ZOW2CCMO.js";
+import "../../../../chunk-BRMGHMYB.js";
+import "../../../../chunk-7WDPC46N.js";
+import "../../../../chunk-NUE774AN.js";
 import "../../../../chunk-RKCS6K36.js";
 import "../../../../chunk-MWFSIB6K.js";
-import "../../../../chunk-QLWBQQW7.js";
+import "../../../../chunk-6F5IKY32.js";
 import "../../../../chunk-7ZPUN7TV.js";
 import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";

package/dist/_internal/components/data-display/Avatar/Avatar.base.js

@@ -0,0 +1 @@
+//# sourceMappingURL=Avatar.base.js.map

package/dist/_internal/components/data-display/Avatar/Avatar.base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/components/data-display/Avatar/Avatar.helpers.js

@@ -0,0 +1,14 @@
+import {
+  AVATAR_DEFAULTS,
+  avatarTestId,
+  contentTypeOf,
+  pickAvatarContent
+} from "../../../../chunk-3ZVUNSFF.js";
+import "../../../../chunk-PZ5AY32C.js";
+export {
+  AVATAR_DEFAULTS,
+  avatarTestId,
+  contentTypeOf,
+  pickAvatarContent
+};
+//# sourceMappingURL=Avatar.helpers.js.map

package/dist/_internal/components/data-display/Avatar/Avatar.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/components/data-display/Avatar/Avatar.js

@@ -1,9 +1,15 @@
 import {
   Avatar,
   AvatarGroup
-} from "../../../../chunk-QIV73V2X.js";
-import "../../../../chunk-LYNJJV2X.js";
+} from "../../../../chunk-I7HYGIEJ.js";
+import "../../../../chunk-4SQFO4GW.js";
+import "../../../../chunk-FAITHWIO.js";
+import "../../../../chunk-3ZVUNSFF.js";
 import "../../../../chunk-XRMZMBE3.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   Avatar,

package/dist/_internal/components/data-display/Avatar/Avatar.metrics.js

@@ -0,0 +1,52 @@
+import {
+  ACTIVE_SCALE,
+  AVATAR_SIZES,
+  AVATAR_TRANSITION_EASING,
+  AVATAR_TRANSITION_MS,
+  BORDER_HALO_ALPHA,
+  BORDER_WIDTH,
+  FADE_MS,
+  FOCUS_RING,
+  GLOW,
+  GLYPH_SIZE,
+  GROUP_HOVER,
+  GROUP_MAX,
+  GROUP_OVERLAP,
+  HOVER,
+  LOADING_OVERLAY,
+  PULSE,
+  ROUNDED_RADIUS_UNITS,
+  SCALE_IN_MS,
+  SHIMMER,
+  SPINNER,
+  STATUS_DOT,
+  avatarAccent,
+  statusColor
+} from "../../../../chunk-FAITHWIO.js";
+import "../../../../chunk-PZ5AY32C.js";
+export {
+  ACTIVE_SCALE,
+  AVATAR_SIZES,
+  AVATAR_TRANSITION_EASING,
+  AVATAR_TRANSITION_MS,
+  BORDER_HALO_ALPHA,
+  BORDER_WIDTH,
+  FADE_MS,
+  FOCUS_RING,
+  GLOW,
+  GLYPH_SIZE,
+  GROUP_HOVER,
+  GROUP_MAX,
+  GROUP_OVERLAP,
+  HOVER,
+  LOADING_OVERLAY,
+  PULSE,
+  ROUNDED_RADIUS_UNITS,
+  SCALE_IN_MS,
+  SHIMMER,
+  SPINNER,
+  STATUS_DOT,
+  avatarAccent,
+  statusColor
+};
+//# sourceMappingURL=Avatar.metrics.js.map

package/dist/_internal/components/data-display/Avatar/Avatar.metrics.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/components/data-display/Avatar/Avatar.view.js

@@ -1,7 +1,12 @@
 import {
   AvatarView
-} from "../../../../chunk-LYNJJV2X.js";
+} from "../../../../chunk-4SQFO4GW.js";
+import "../../../../chunk-FAITHWIO.js";
 import "../../../../chunk-XRMZMBE3.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   AvatarView

package/dist/_internal/components/data-display/Badge/Badge.animations.js

@@ -4,7 +4,12 @@ import {
   glowPulseAnimation,
   pulseAnimation,
   shimmerAnimation
-} from "../../../../chunk-HKFMPEXJ.js";
+} from "../../../../chunk-HI2OFZSZ.js";
+import "../../../../chunk-KVEHH4SA.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   bounceAnimation,

package/dist/_internal/components/data-display/Badge/Badge.base.js

@@ -0,0 +1 @@
+//# sourceMappingURL=Badge.base.js.map

package/dist/_internal/components/data-display/Badge/Badge.base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/components/data-display/Badge/Badge.helpers.js

@@ -2,13 +2,15 @@ import {
   badgeContentOf,
   definedAria,
   formatCount,
+  makeBadgeTestId,
   resolveBadgeProps
-} from "../../../../chunk-MMZAGB64.js";
+} from "../../../../chunk-6C5D6O3D.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   badgeContentOf,
   definedAria,
   formatCount,
+  makeBadgeTestId,
   resolveBadgeProps
 };
 //# sourceMappingURL=Badge.helpers.js.map

package/dist/_internal/components/data-display/Badge/Badge.js

@@ -1,11 +1,17 @@
 import {
   Badge
-} from "../../../../chunk-L6KEVPXN.js";
-import "../../../../chunk-MMZAGB64.js";
-import "../../../../chunk-ZGEBIC5X.js";
-import "../../../../chunk-4Q7HWRR2.js";
-import "../../../../chunk-3HWL4AW4.js";
-import "../../../../chunk-HKFMPEXJ.js";
+} from "../../../../chunk-GBNOYRLP.js";
+import "../../../../chunk-OLVZ6TOV.js";
+import "../../../../chunk-EZSEAYYT.js";
+import "../../../../chunk-ZTF5C2GA.js";
+import "../../../../chunk-6C5D6O3D.js";
+import "../../../../chunk-HI2OFZSZ.js";
+import "../../../../chunk-KVEHH4SA.js";
+import "../../../../chunk-6F5IKY32.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   Badge

package/dist/_internal/components/data-display/Badge/Badge.metrics.js

@@ -0,0 +1,64 @@
+import {
+  BADGE_BORDER_WIDTH,
+  BADGE_CONTENT_GAP,
+  BADGE_DESTRUCTIVE_FONT_WEIGHT,
+  BADGE_FONT_WEIGHT,
+  BADGE_LETTER_SPACING_EM,
+  BADGE_SIZES,
+  BADGE_TRANSITION_EASING,
+  BADGE_TRANSITION_MS,
+  BOUNCE,
+  CLOSE_DELAY_MS,
+  FADE_IN_SCALE,
+  GLASS_BACKGROUND_ALPHA,
+  GLASS_BLUR_PX,
+  GLASS_BORDER_ALPHA,
+  GLASS_INSET_HIGHLIGHT_ALPHA,
+  GLASS_SATURATE,
+  GLOW,
+  GLOW_PULSE,
+  HOVER_SCALE,
+  MOUNT_ANIMATION_MS,
+  OUTLINE_BORDER_WIDTH,
+  PULSE,
+  SECONDARY_BACKGROUND_ALPHA,
+  SECONDARY_BORDER_ALPHA,
+  SHIMMER,
+  badgeAnchor,
+  badgePalette
+} from "../../../../chunk-KVEHH4SA.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
+import "../../../../chunk-PZ5AY32C.js";
+export {
+  BADGE_BORDER_WIDTH,
+  BADGE_CONTENT_GAP,
+  BADGE_DESTRUCTIVE_FONT_WEIGHT,
+  BADGE_FONT_WEIGHT,
+  BADGE_LETTER_SPACING_EM,
+  BADGE_SIZES,
+  BADGE_TRANSITION_EASING,
+  BADGE_TRANSITION_MS,
+  BOUNCE,
+  CLOSE_DELAY_MS,
+  FADE_IN_SCALE,
+  GLASS_BACKGROUND_ALPHA,
+  GLASS_BLUR_PX,
+  GLASS_BORDER_ALPHA,
+  GLASS_INSET_HIGHLIGHT_ALPHA,
+  GLASS_SATURATE,
+  GLOW,
+  GLOW_PULSE,
+  HOVER_SCALE,
+  MOUNT_ANIMATION_MS,
+  OUTLINE_BORDER_WIDTH,
+  PULSE,
+  SECONDARY_BACKGROUND_ALPHA,
+  SECONDARY_BORDER_ALPHA,
+  SHIMMER,
+  badgeAnchor,
+  badgePalette
+};
+//# sourceMappingURL=Badge.metrics.js.map

package/dist/_internal/components/data-display/Badge/Badge.metrics.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/components/data-display/Badge/Badge.styles.js

@@ -2,9 +2,14 @@ import {
   badgeStyles,
   getAnchorOrigin,
   getSizeStyles
-} from "../../../../chunk-4Q7HWRR2.js";
-import "../../../../chunk-3HWL4AW4.js";
-import "../../../../chunk-HKFMPEXJ.js";
+} from "../../../../chunk-EZSEAYYT.js";
+import "../../../../chunk-ZTF5C2GA.js";
+import "../../../../chunk-HI2OFZSZ.js";
+import "../../../../chunk-KVEHH4SA.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   badgeStyles,

package/dist/_internal/components/data-display/Badge/Badge.variants.js

@@ -1,6 +1,11 @@
 import {
   badgeVariantStyles
-} from "../../../../chunk-3HWL4AW4.js";
+} from "../../../../chunk-ZTF5C2GA.js";
+import "../../../../chunk-KVEHH4SA.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   badgeVariantStyles

package/dist/_internal/components/data-display/Badge/BadgeContent.js

@@ -1,9 +1,14 @@
 import {
   buildBadgeContent
-} from "../../../../chunk-ZGEBIC5X.js";
-import "../../../../chunk-4Q7HWRR2.js";
-import "../../../../chunk-3HWL4AW4.js";
-import "../../../../chunk-HKFMPEXJ.js";
+} from "../../../../chunk-OLVZ6TOV.js";
+import "../../../../chunk-EZSEAYYT.js";
+import "../../../../chunk-ZTF5C2GA.js";
+import "../../../../chunk-HI2OFZSZ.js";
+import "../../../../chunk-KVEHH4SA.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   buildBadgeContent

package/dist/_internal/components/data-display/CardKit/CardKebab.js

@@ -1,15 +1,15 @@
 "use client";
 import {
   CardKebab
-} from "../../../../chunk-DLFOEXUP.js";
+} from "../../../../chunk-PWXL3QQ6.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";
 import "../../../../chunk-BA4RHQ3B.js";
-import "../../../../chunk-SL4NFGOL.js";
+import "../../../../chunk-BNNSO4MC.js";
 import "../../../../chunk-TAMIZE4Q.js";
 import "../../../../chunk-JT6TERQL.js";
 import "../../../../chunk-ITGG5OKP.js";
-import "../../../../chunk-QLWBQQW7.js";
+import "../../../../chunk-6F5IKY32.js";
 import "../../../../chunk-NQN5Z36J.js";
 import "../../../../chunk-AG66JBNH.js";
 import "../../../../chunk-6JAIFIPW.js";

package/dist/_internal/components/data-display/CardKit/card-actions-context.js

@@ -2,13 +2,13 @@
 import {
   CardActionsProvider,
   useCardActions
-} from "../../../../chunk-43NEBUV3.js";
+} from "../../../../chunk-4K7FDVAB.js";
 import "../../../../chunk-NUGT7LMR.js";
-import "../../../../chunk-6D5WEZ2L.js";
-import "../../../../chunk-E27Y7FF2.js";
-import "../../../../chunk-B2Y3BABA.js";
+import "../../../../chunk-FB36IHCE.js";
+import "../../../../chunk-6Z4H2Y77.js";
 import "../../../../chunk-N3QUEBNS.js";
-import "../../../../chunk-QLWBQQW7.js";
+import "../../../../chunk-B2Y3BABA.js";
+import "../../../../chunk-6F5IKY32.js";
 import "../../../../chunk-NQN5Z36J.js";
 import "../../../../chunk-AG66JBNH.js";
 import "../../../../chunk-6JAIFIPW.js";

package/dist/_internal/components/data-display/CardKit/use-remove-confirm.js

@@ -1,27 +1,27 @@
 "use client";
 import {
   useRemoveConfirm
-} from "../../../../chunk-UF27D35R.js";
-import "../../../../chunk-43NEBUV3.js";
+} from "../../../../chunk-IIROZKW5.js";
+import "../../../../chunk-4K7FDVAB.js";
 import "../../../../chunk-XCBQXSTR.js";
-import "../../../../chunk-QZPNQWS2.js";
+import "../../../../chunk-VWGR5XUP.js";
 import "../../../../chunk-HJOABXKN.js";
 import "../../../../chunk-3P4THDBM.js";
 import "../../../../chunk-QQS3GQYS.js";
 import "../../../../chunk-EMYESBIT.js";
 import "../../../../chunk-NUGT7LMR.js";
-import "../../../../chunk-6D5WEZ2L.js";
-import "../../../../chunk-E27Y7FF2.js";
-import "../../../../chunk-B2Y3BABA.js";
+import "../../../../chunk-FB36IHCE.js";
+import "../../../../chunk-6Z4H2Y77.js";
 import "../../../../chunk-N3QUEBNS.js";
+import "../../../../chunk-B2Y3BABA.js";
 import "../../../../chunk-2IBFEHIX.js";
 import "../../../../chunk-BWB2MVWP.js";
 import "../../../../chunk-BA4RHQ3B.js";
-import "../../../../chunk-SL4NFGOL.js";
+import "../../../../chunk-BNNSO4MC.js";
 import "../../../../chunk-TAMIZE4Q.js";
 import "../../../../chunk-JT6TERQL.js";
 import "../../../../chunk-ITGG5OKP.js";
-import "../../../../chunk-QLWBQQW7.js";
+import "../../../../chunk-6F5IKY32.js";
 import "../../../../chunk-NQN5Z36J.js";
 import "../../../../chunk-AG66JBNH.js";
 import "../../../../chunk-6JAIFIPW.js";

package/dist/_internal/components/data-display/CardKit/use-row-confirm.js

@@ -3,7 +3,7 @@ import {
   useRowConfirm
 } from "../../../../chunk-3T2I6BYA.js";
 import "../../../../chunk-XCBQXSTR.js";
-import "../../../../chunk-QZPNQWS2.js";
+import "../../../../chunk-VWGR5XUP.js";
 import "../../../../chunk-HJOABXKN.js";
 import "../../../../chunk-3P4THDBM.js";
 import "../../../../chunk-QQS3GQYS.js";
@@ -11,11 +11,11 @@ import "../../../../chunk-EMYESBIT.js";
 import "../../../../chunk-2IBFEHIX.js";
 import "../../../../chunk-BWB2MVWP.js";
 import "../../../../chunk-BA4RHQ3B.js";
-import "../../../../chunk-SL4NFGOL.js";
+import "../../../../chunk-BNNSO4MC.js";
 import "../../../../chunk-TAMIZE4Q.js";
 import "../../../../chunk-JT6TERQL.js";
 import "../../../../chunk-ITGG5OKP.js";
-import "../../../../chunk-QLWBQQW7.js";
+import "../../../../chunk-6F5IKY32.js";
 import "../../../../chunk-NQN5Z36J.js";
 import "../../../../chunk-AG66JBNH.js";
 import "../../../../chunk-6JAIFIPW.js";

package/dist/_internal/components/data-display/Carousel/Carousel.js

@@ -1,15 +1,15 @@
 import {
   Carousel
-} from "../../../../chunk-Y6KPZQPI.js";
-import "../../../../chunk-R6SSXEK2.js";
+} from "../../../../chunk-QRX5BYUQ.js";
 import "../../../../chunk-RXVPUW7V.js";
 import "../../../../chunk-WIXUMFU7.js";
+import "../../../../chunk-RUIV5TVA.js";
+import "../../../../chunk-R6SSXEK2.js";
 import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
 } from "../../../../chunk-624TFFLJ.js";
-import "../../../../chunk-RUIV5TVA.js";
 import "../../../../chunk-HPK33ACY.js";
 import "../../../../chunk-V5IOLAIS.js";
 import "../../../../chunk-7ZPUN7TV.js";

package/dist/_internal/components/data-display/Chart/Chart.js

@@ -1,11 +1,11 @@
 import {
   Chart
-} from "../../../../chunk-EMNGIYH6.js";
-import "../../../../chunk-WZUNBSS7.js";
-import "../../../../chunk-HKV4MQ2W.js";
-import "../../../../chunk-XXDXW6TX.js";
+} from "../../../../chunk-OH3YGJT5.js";
+import "../../../../chunk-KT6HWAEN.js";
+import "../../../../chunk-BLBOYCOV.js";
 import "../../../../chunk-4V532JF6.js";
 import "../../../../chunk-M5T3COS2.js";
+import "../../../../chunk-XXDXW6TX.js";
 import "../../../../chunk-V5IOLAIS.js";
 import "../../../../chunk-7ZPUN7TV.js";
 import "../../../../chunk-PT6TCWIW.js";

package/dist/_internal/components/data-display/Chart/SpecChart.js

@@ -1,15 +1,15 @@
 import {
   SpecChart
-} from "../../../../chunk-S7HRED4D.js";
-import "../../../../chunk-EMNGIYH6.js";
-import "../../../../chunk-WZUNBSS7.js";
-import "../../../../chunk-HKV4MQ2W.js";
-import "../../../../chunk-XXDXW6TX.js";
+} from "../../../../chunk-GCXYCDOA.js";
+import "../../../../chunk-OH3YGJT5.js";
+import "../../../../chunk-R6SBP5M5.js";
+import "../../../../chunk-WKUA6P3W.js";
+import "../../../../chunk-KT6HWAEN.js";
+import "../../../../chunk-BLBOYCOV.js";
 import "../../../../chunk-4V532JF6.js";
 import "../../../../chunk-M5T3COS2.js";
-import "../../../../chunk-GOWBYHYW.js";
+import "../../../../chunk-XXDXW6TX.js";
 import "../../../../chunk-QVWNK4JO.js";
-import "../../../../chunk-WKUA6P3W.js";
 import "../../../../chunk-V5IOLAIS.js";
 import "../../../../chunk-7ZPUN7TV.js";
 import "../../../../chunk-PT6TCWIW.js";

package/dist/_internal/components/data-display/Chart/chart-context.js

@@ -1,8 +1,8 @@
 import {
   buildChartContext
-} from "../../../../chunk-HKV4MQ2W.js";
-import "../../../../chunk-XXDXW6TX.js";
+} from "../../../../chunk-BLBOYCOV.js";
 import "../../../../chunk-4V532JF6.js";
+import "../../../../chunk-XXDXW6TX.js";
 import "../../../../chunk-V5IOLAIS.js";
 import "../../../../chunk-7ZPUN7TV.js";
 import "../../../../chunk-PT6TCWIW.js";

package/dist/_internal/components/data-display/Chart/chart-renderers.js

@@ -1,10 +1,10 @@
 import {
   renderChartByType
-} from "../../../../chunk-WZUNBSS7.js";
-import "../../../../chunk-HKV4MQ2W.js";
-import "../../../../chunk-XXDXW6TX.js";
+} from "../../../../chunk-KT6HWAEN.js";
+import "../../../../chunk-BLBOYCOV.js";
 import "../../../../chunk-4V532JF6.js";
 import "../../../../chunk-M5T3COS2.js";
+import "../../../../chunk-XXDXW6TX.js";
 import "../../../../chunk-V5IOLAIS.js";
 import "../../../../chunk-7ZPUN7TV.js";
 import "../../../../chunk-PT6TCWIW.js";

package/dist/_internal/components/data-display/Chart/chart-spec.js

@@ -3,9 +3,9 @@ import {
   ChartSpecError,
   parseChartSpec,
   specToChartProps
-} from "../../../../chunk-GOWBYHYW.js";
-import "../../../../chunk-QVWNK4JO.js";
+} from "../../../../chunk-R6SBP5M5.js";
 import "../../../../chunk-WKUA6P3W.js";
+import "../../../../chunk-QVWNK4JO.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   CHART_SEMANTIC_COLORS,