@12-apps/ui 6.21.0 → 6.22.0

package/NATIVE.md

@@ -80,13 +80,10 @@ installs them.
 ## Ledger
 
 <!-- native-parity:start -->
-Ported: **24 of 140** public subpaths carry a `react-native` condition.
+Ported: **26 of 140** public subpaths carry a `react-native` condition.
 
 | subpath | shared stories run natively | skipped (`native-skip`) | known gaps |
 |---|---|---|---|
-| `@12-apps/ui/tokens` | 0 | 0 | — |
-| `@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. |
@@ -95,16 +92,21 @@ Ported: **24 of 140** public subpaths carry a `react-native` condition.
 | `@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/feedback/Dialog` | 26 | 1 | `glass` paints its 0.1 paper wash and primary hairline without the 20px backdrop blur, and the scrim behind it is a flat `alpha(black, 0.2)` without its 8px blur — React Native has no backdrop filter.; `gradient` adds nothing on native: it is a `linear-gradient` background IMAGE layered over the paper colour, and React Native core has neither a gradient fill nor a second background layer.; `role="dialog"` sits on React Native's `Modal`, which is the dialog on this side; the web puts it on MUI's paper. react-native-web gives that role to the TOP-MOST modal only, so two stacked dialogs announce one.; The modal mounts and unmounts without a transition where the web fades the paper in through MUI's `Fade`. React Native's own `animationType` is forwarded, so a consumer who wants `"fade"` or `"slide"` passes it.; The paper is `maxHeight: '100%'` inside an overlay inset by the web's `theme.spacing(2)` margin; the web writes `calc(100% - 64px)`, which React Native has no `calc` for, and 90vw, which the inset overlay stands in for.; `borderRadius` has no effect on `variant="drawer"` on EITHER renderer, so native paints the drawer SQUARE — which is what the web shows. Two things have to fail for that and both do: the web builds `${radius}px 0 0 ${radius}px` out of `theme.spacing()`, which already returns a px string, so the declaration reads `16pxpx 0 0 16pxpx` and is dropped; and that `sx` lands on a plain `Box` inside the Drawer rather than on a Paper, and MUI renders the Drawer's own Paper with `square: true`, so `shape.borderRadius` paints nothing either. Rounding the drawer is a web change (`Dialog.styles.ts` plus where the `sx` lands), made once, for both.; A `DialogContent` or `DialogActions` passed through a COMPONENT boundary still gets the padded wrapper here. The web catches that case with a `:has()` selector, which asks the DOM one step after React can; native has only the element-type check, so a body split into its own component is padded twice and stops being a sibling of the action bar.; `DialogContent` is a `ScrollView` — React Native's `overflow-y: auto` — so its padding lives on the scrolling content container rather than on the box the test id names.; The tighter top padding a body gets under a title (FUT-544) is decided by context rather than by the web's `.MuiDialogTitle-root + &`, so a SECOND `DialogContent` further down the dialog gets it too.; A `glow`ing paper stops clipping its children to its corners: a view's own shadow is clipped by its own overflow on a device, so the halo the caller asked for would not paint. The web keeps its clip and shows both.; The close button is a `Pressable` around the shared `Close` glyph at MUI's 8px `IconButton` padding; its pressed wash stands in for the web's hover.; Title, subtitle and raw text children 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/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/icons` | 8 | 0 | — |
 | `@12-apps/ui/layout/Box` | 7 | 1 | — |
+| `@12-apps/ui/layout/Card` | 29 | 3 | `glass` paints its 0.1 paper wash and primary hairline without the 20px backdrop blur — React Native has no backdrop filter.; `gradient` paints the gradient's first stop flat (`primary.main`, `primary.dark` under a press) — React Native core has no gradient fill.; Hover has no touch equivalent: what a variant changes on `:hover` (border colour, wash, shadow) is applied while PRESSED, and the 2px lift is not — the web itself returns an interactive card to `translateY(0)` under the pointer, which is where a finger leaves it.; The pulse ring is an expanding hollow border rather than a `box-shadow` spread behind the paper: React Native cannot paint a child behind its parent's own background, so the ring grows outward from the card's edge instead of from under it, and its corner radius stays the card's rather than widening with the ring.; A `glow`ing card stops clipping its children to its corners: a view's own shadow is clipped by its own overflow on a device, so the halo the caller asked for would not paint. The web keeps `overflow: hidden` there and shows both.; `elevated` restates MUI's `shadows[1]`, the elevation every card inherits from `Paper` on the web, because React Native has no Paper to inherit it from; the variant's own `elevation: 4`/`8` are not CSS properties and paint nothing on either renderer.; The loading spinner is the platform's `ActivityIndicator` at MUI's 40px `CircularProgress` diameter, not MUI's arc; on iOS the built-in `large` stands in for the exact size.; `CardMedia` draws its image with `resizeMode="cover"` inside the sized box. MUI's `component` and the DOM `title` attribute are web-only — a device names the image through `accessibilityLabel`.; `CardActions` spaces its children with `gap` where MUI uses `& > :not(style) ~ :not(style) { margin-left: 8px }`: the same 8px, applied by the container rather than by a sibling selector.; A `gradient` card's `primary.contrastText` reaches its own text children and the house slots (`CardHeader`'s title, `CardContent`, `CardActions`) through a context; the web puts one `color` on the card and lets CSS inherit it into everything below. So a consumer's own `Text` nested inside a gradient card keeps the body ink unless it reads that colour itself. The header's SUBTITLE stays `text.secondary` on both, because MUI's `CardHeader` pins the subheader to `textSecondary` rather than inheriting.; Title, subtitle and raw text children are set in MUI's default `h5`/`body1`/`body2` numbers; a host that re-themes MUI's typography variants moves the web only. |
 | `@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/provider` | 0 | 0 | — |
+| `@12-apps/ui/tokens` | 0 | 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. |
 | `@12-apps/ui/typography/Paragraph` | 17 | 1 | — |
 | `@12-apps/ui/typography/Text` | 26 | 3 | — |

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

@@ -1,10 +1,10 @@
 import {
   Alert
-} from "../../../../chunk-FB36IHCE.js";
-import "../../../../chunk-6Z4H2Y77.js";
-import "../../../../chunk-N3QUEBNS.js";
+} from "../../../../chunk-QFVFHIHE.js";
+import "../../../../chunk-E27Y7FF2.js";
 import "../../../../chunk-B2Y3BABA.js";
-import "../../../../chunk-6F5IKY32.js";
+import "../../../../chunk-N3QUEBNS.js";
+import "../../../../chunk-TYJR4GOF.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-6Z4H2Y77.js";
-import "../../../../chunk-N3QUEBNS.js";
+} from "../../../../chunk-E27Y7FF2.js";
 import "../../../../chunk-B2Y3BABA.js";
+import "../../../../chunk-N3QUEBNS.js";
 import "../../../../chunk-NQN5Z36J.js";
 import "../../../../chunk-AG66JBNH.js";
 import "../../../../chunk-6JAIFIPW.js";

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

@@ -1,20 +1,20 @@
 import {
   AsyncStateContainer,
   AsyncStateContainer_default
-} from "../../../../chunk-IH4RSRQA.js";
-import "../../../../chunk-QFHH2NU5.js";
+} from "../../../../chunk-QKIJ6YXZ.js";
+import "../../../../chunk-JXNT5TUP.js";
 import "../../../../chunk-7DFEKTT7.js";
 import "../../../../chunk-YSTHOE66.js";
-import "../../../../chunk-4HYXEMBP.js";
+import "../../../../chunk-JIKWZDNK.js";
 import "../../../../chunk-TLGGVE56.js";
-import "../../../../chunk-QS7ZGRNS.js";
+import "../../../../chunk-7VN7LFBA.js";
+import "../../../../chunk-7WDPC46N.js";
 import "../../../../chunk-ZOW2CCMO.js";
 import "../../../../chunk-BRMGHMYB.js";
-import "../../../../chunk-7WDPC46N.js";
-import "../../../../chunk-NUE774AN.js";
+import "../../../../chunk-25R3ITGZ.js";
 import "../../../../chunk-RKCS6K36.js";
 import "../../../../chunk-MWFSIB6K.js";
-import "../../../../chunk-6F5IKY32.js";
+import "../../../../chunk-TYJR4GOF.js";
 import "../../../../chunk-7ZPUN7TV.js";
 import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";

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

@@ -1,10 +1,10 @@
 import {
   Avatar,
   AvatarGroup
-} from "../../../../chunk-I7HYGIEJ.js";
+} from "../../../../chunk-7BYFC2MR.js";
+import "../../../../chunk-3ZVUNSFF.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";

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

@@ -1,13 +1,13 @@
 import {
   Badge
-} from "../../../../chunk-GBNOYRLP.js";
+} from "../../../../chunk-AEGXHZQT.js";
+import "../../../../chunk-6C5D6O3D.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-TYJR4GOF.js";
 import "../../../../chunk-NQN5Z36J.js";
 import "../../../../chunk-AG66JBNH.js";
 import "../../../../chunk-6JAIFIPW.js";

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

@@ -1,15 +1,15 @@
 "use client";
 import {
   CardKebab
-} from "../../../../chunk-PWXL3QQ6.js";
+} from "../../../../chunk-CJBBGMIA.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";
 import "../../../../chunk-BA4RHQ3B.js";
-import "../../../../chunk-BNNSO4MC.js";
-import "../../../../chunk-TAMIZE4Q.js";
+import "../../../../chunk-YTOYMJPM.js";
 import "../../../../chunk-JT6TERQL.js";
 import "../../../../chunk-ITGG5OKP.js";
-import "../../../../chunk-6F5IKY32.js";
+import "../../../../chunk-TAMIZE4Q.js";
+import "../../../../chunk-TYJR4GOF.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-4K7FDVAB.js";
+} from "../../../../chunk-O3336DJ6.js";
 import "../../../../chunk-NUGT7LMR.js";
-import "../../../../chunk-FB36IHCE.js";
-import "../../../../chunk-6Z4H2Y77.js";
-import "../../../../chunk-N3QUEBNS.js";
+import "../../../../chunk-QFVFHIHE.js";
+import "../../../../chunk-E27Y7FF2.js";
 import "../../../../chunk-B2Y3BABA.js";
-import "../../../../chunk-6F5IKY32.js";
+import "../../../../chunk-N3QUEBNS.js";
+import "../../../../chunk-TYJR4GOF.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-IIROZKW5.js";
-import "../../../../chunk-4K7FDVAB.js";
+} from "../../../../chunk-PRUSQQDT.js";
+import "../../../../chunk-O3336DJ6.js";
 import "../../../../chunk-XCBQXSTR.js";
-import "../../../../chunk-VWGR5XUP.js";
-import "../../../../chunk-HJOABXKN.js";
+import "../../../../chunk-NWNSUHEB.js";
 import "../../../../chunk-3P4THDBM.js";
+import "../../../../chunk-HJOABXKN.js";
 import "../../../../chunk-QQS3GQYS.js";
 import "../../../../chunk-EMYESBIT.js";
 import "../../../../chunk-NUGT7LMR.js";
-import "../../../../chunk-FB36IHCE.js";
-import "../../../../chunk-6Z4H2Y77.js";
-import "../../../../chunk-N3QUEBNS.js";
+import "../../../../chunk-QFVFHIHE.js";
+import "../../../../chunk-E27Y7FF2.js";
 import "../../../../chunk-B2Y3BABA.js";
+import "../../../../chunk-N3QUEBNS.js";
 import "../../../../chunk-2IBFEHIX.js";
 import "../../../../chunk-BWB2MVWP.js";
 import "../../../../chunk-BA4RHQ3B.js";
-import "../../../../chunk-BNNSO4MC.js";
-import "../../../../chunk-TAMIZE4Q.js";
+import "../../../../chunk-YTOYMJPM.js";
 import "../../../../chunk-JT6TERQL.js";
 import "../../../../chunk-ITGG5OKP.js";
-import "../../../../chunk-6F5IKY32.js";
+import "../../../../chunk-TAMIZE4Q.js";
+import "../../../../chunk-TYJR4GOF.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,19 +3,19 @@ import {
   useRowConfirm
 } from "../../../../chunk-3T2I6BYA.js";
 import "../../../../chunk-XCBQXSTR.js";
-import "../../../../chunk-VWGR5XUP.js";
-import "../../../../chunk-HJOABXKN.js";
+import "../../../../chunk-NWNSUHEB.js";
 import "../../../../chunk-3P4THDBM.js";
+import "../../../../chunk-HJOABXKN.js";
 import "../../../../chunk-QQS3GQYS.js";
 import "../../../../chunk-EMYESBIT.js";
 import "../../../../chunk-2IBFEHIX.js";
 import "../../../../chunk-BWB2MVWP.js";
 import "../../../../chunk-BA4RHQ3B.js";
-import "../../../../chunk-BNNSO4MC.js";
-import "../../../../chunk-TAMIZE4Q.js";
+import "../../../../chunk-YTOYMJPM.js";
 import "../../../../chunk-JT6TERQL.js";
 import "../../../../chunk-ITGG5OKP.js";
-import "../../../../chunk-6F5IKY32.js";
+import "../../../../chunk-TAMIZE4Q.js";
+import "../../../../chunk-TYJR4GOF.js";
 import "../../../../chunk-NQN5Z36J.js";
 import "../../../../chunk-AG66JBNH.js";
 import "../../../../chunk-6JAIFIPW.js";

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

@@ -1,7 +1,6 @@
 import {
   Carousel
-} from "../../../../chunk-QRX5BYUQ.js";
-import "../../../../chunk-RXVPUW7V.js";
+} from "../../../../chunk-VNDOQEJ7.js";
 import "../../../../chunk-WIXUMFU7.js";
 import "../../../../chunk-RUIV5TVA.js";
 import "../../../../chunk-R6SSXEK2.js";
@@ -10,6 +9,7 @@ import {
   CarouselIndicators,
   CarouselThumbnails
 } from "../../../../chunk-624TFFLJ.js";
+import "../../../../chunk-RXVPUW7V.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-OH3YGJT5.js";
-import "../../../../chunk-KT6HWAEN.js";
-import "../../../../chunk-BLBOYCOV.js";
-import "../../../../chunk-4V532JF6.js";
+} from "../../../../chunk-7TZ6OC5T.js";
+import "../../../../chunk-DVUPIVI2.js";
 import "../../../../chunk-M5T3COS2.js";
+import "../../../../chunk-HKV4MQ2W.js";
 import "../../../../chunk-XXDXW6TX.js";
+import "../../../../chunk-4V532JF6.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-GCXYCDOA.js";
-import "../../../../chunk-OH3YGJT5.js";
+} from "../../../../chunk-VLHGBFR6.js";
+import "../../../../chunk-7TZ6OC5T.js";
 import "../../../../chunk-R6SBP5M5.js";
 import "../../../../chunk-WKUA6P3W.js";
-import "../../../../chunk-KT6HWAEN.js";
-import "../../../../chunk-BLBOYCOV.js";
-import "../../../../chunk-4V532JF6.js";
+import "../../../../chunk-DVUPIVI2.js";
 import "../../../../chunk-M5T3COS2.js";
-import "../../../../chunk-XXDXW6TX.js";
 import "../../../../chunk-QVWNK4JO.js";
+import "../../../../chunk-HKV4MQ2W.js";
+import "../../../../chunk-XXDXW6TX.js";
+import "../../../../chunk-4V532JF6.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-BLBOYCOV.js";
-import "../../../../chunk-4V532JF6.js";
+} from "../../../../chunk-HKV4MQ2W.js";
 import "../../../../chunk-XXDXW6TX.js";
+import "../../../../chunk-4V532JF6.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-KT6HWAEN.js";
-import "../../../../chunk-BLBOYCOV.js";
-import "../../../../chunk-4V532JF6.js";
+} from "../../../../chunk-DVUPIVI2.js";
 import "../../../../chunk-M5T3COS2.js";
+import "../../../../chunk-HKV4MQ2W.js";
 import "../../../../chunk-XXDXW6TX.js";
+import "../../../../chunk-4V532JF6.js";
 import "../../../../chunk-V5IOLAIS.js";
 import "../../../../chunk-7ZPUN7TV.js";
 import "../../../../chunk-PT6TCWIW.js";

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

@@ -1,10 +1,10 @@
 import {
   DataGrid
-} from "../../../../chunk-RPWEXIAW.js";
-import "../../../../chunk-5E3XZAED.js";
+} from "../../../../chunk-X5MPHXG5.js";
 import "../../../../chunk-DLJGBJZW.js";
 import "../../../../chunk-KZLLTOB2.js";
 import "../../../../chunk-E5LWJDI3.js";
+import "../../../../chunk-5E3XZAED.js";
 import "../../../../chunk-G3E66C6J.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {

package/dist/_internal/components/data-display/DataViews/DataViewsBoard.js

@@ -2,13 +2,13 @@
 import {
   DataViewsBoard,
   groupRows
-} from "../../../../chunk-PANMJFDS.js";
+} from "../../../../chunk-E55CJV65.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-6DPAWXZ3.js";
 import "../../../../chunk-VUHLNYAE.js";
-import "../../../../chunk-26Z7QWID.js";
+import "../../../../chunk-343TTIHD.js";
 import "../../../../chunk-V3PLFYKO.js";
-import "../../../../chunk-6F5IKY32.js";
+import "../../../../chunk-TYJR4GOF.js";
 import "../../../../chunk-NQN5Z36J.js";
 import "../../../../chunk-AG66JBNH.js";
 import "../../../../chunk-6JAIFIPW.js";

package/dist/_internal/components/data-display/DataViews/DataViewsGrid.js

@@ -1,51 +1,51 @@
 "use client";
 import {
   DataViewsGrid
-} from "../../../../chunk-3UOHKHOT.js";
-import "../../../../chunk-XLJJ2ZAP.js";
-import "../../../../chunk-P6IPJYCS.js";
-import "../../../../chunk-PANMJFDS.js";
-import "../../../../chunk-CXVMD6FE.js";
-import "../../../../chunk-77F36LQQ.js";
-import "../../../../chunk-6RGWDKUL.js";
+} from "../../../../chunk-PFV6RL4Q.js";
+import "../../../../chunk-UU3QAKG6.js";
+import "../../../../chunk-5NKUYCZD.js";
+import "../../../../chunk-5OIH36KX.js";
+import "../../../../chunk-2MMEIN4T.js";
 import "../../../../chunk-5WNQJ5KS.js";
-import "../../../../chunk-JXAYT6LX.js";
-import "../../../../chunk-FINCVAAR.js";
-import "../../../../chunk-UOPQOBQZ.js";
-import "../../../../chunk-2QLVUVVR.js";
-import "../../../../chunk-XEE7PLDR.js";
-import "../../../../chunk-FV36LFPX.js";
-import "../../../../chunk-F4RR4666.js";
-import "../../../../chunk-CBOB5AV6.js";
+import "../../../../chunk-WLQTHPMX.js";
+import "../../../../chunk-JSH3HFDQ.js";
+import "../../../../chunk-VNNG46TS.js";
+import "../../../../chunk-E55CJV65.js";
 import "../../../../chunk-VR5HDUBK.js";
 import "../../../../chunk-TQ6FPOPD.js";
 import "../../../../chunk-IAGOUTI6.js";
+import "../../../../chunk-QFJRB27Q.js";
+import "../../../../chunk-QWDEOITU.js";
+import "../../../../chunk-QZBUGUOY.js";
+import "../../../../chunk-F4RR4666.js";
+import "../../../../chunk-FV36LFPX.js";
 import "../../../../chunk-KX75HM5U.js";
-import "../../../../chunk-RRZBATXK.js";
+import "../../../../chunk-XKV5ZIBG.js";
 import "../../../../chunk-A7Q5AQVD.js";
 import "../../../../chunk-Y5UCOBQN.js";
 import "../../../../chunk-GCZJH4XL.js";
-import "../../../../chunk-ZKFYBC6G.js";
-import "../../../../chunk-XFU2S6XT.js";
-import "../../../../chunk-ZXLIWOXC.js";
-import "../../../../chunk-GO4MVQGC.js";
-import "../../../../chunk-R6RVBYTU.js";
-import "../../../../chunk-D4T646G4.js";
+import "../../../../chunk-CBOB5AV6.js";
+import "../../../../chunk-XSF6AXEU.js";
+import "../../../../chunk-WGRS4PGY.js";
+import "../../../../chunk-XUJG2HFW.js";
+import "../../../../chunk-LS4FMSHY.js";
+import "../../../../chunk-DW5FRWRQ.js";
+import "../../../../chunk-7NSX7A5H.js";
 import "../../../../chunk-SNR537TI.js";
-import "../../../../chunk-Z6UEOSL7.js";
-import "../../../../chunk-OCXCH2ZW.js";
-import "../../../../chunk-ZGHIHEND.js";
+import "../../../../chunk-2FDBR77W.js";
+import "../../../../chunk-KTK4A3IF.js";
+import "../../../../chunk-TW3BXVEU.js";
 import "../../../../chunk-YGQX7BNI.js";
+import "../../../../chunk-LYKV3C7B.js";
+import "../../../../chunk-U2ZDN2AL.js";
 import "../../../../chunk-IMLIIW77.js";
 import "../../../../chunk-LLZWB32X.js";
-import "../../../../chunk-LYKV3C7B.js";
-import "../../../../chunk-U5FOJBLG.js";
-import "../../../../chunk-RPQ3W2C6.js";
-import "../../../../chunk-CZPU5TW3.js";
-import "../../../../chunk-6VP2L3DJ.js";
+import "../../../../chunk-LYSSO6WC.js";
 import "../../../../chunk-ZPIMPOHV.js";
 import "../../../../chunk-LHHAYZ55.js";
 import "../../../../chunk-KHG57NAE.js";
+import "../../../../chunk-6VP2L3DJ.js";
+import "../../../../chunk-U5FOJBLG.js";
 import "../../../../chunk-NCS2TBIP.js";
 import "../../../../chunk-Y4KKS6WL.js";
 import "../../../../chunk-4NS4PJJH.js";
@@ -59,6 +59,7 @@ import "../../../../chunk-CZBONNPA.js";
 import "../../../../chunk-BB2IVF76.js";
 import "../../../../chunk-Z6TIAVEG.js";
 import "../../../../chunk-MOLQGQEQ.js";
+import "../../../../chunk-TSPHRZ4U.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";
@@ -66,57 +67,56 @@ import "../../../../chunk-EFEZWG4C.js";
 import "../../../../chunk-4T6W43TO.js";
 import "../../../../chunk-YB6MDGPR.js";
 import "../../../../chunk-LVCUJ7YU.js";
-import "../../../../chunk-TSPHRZ4U.js";
 import "../../../../chunk-PGM5RRQO.js";
 import "../../../../chunk-FA3TYWX2.js";
 import "../../../../chunk-XJKMH3RX.js";
 import "../../../../chunk-D2HKCPEH.js";
 import "../../../../chunk-UCU5FCYE.js";
 import "../../../../chunk-N5ZWC6CB.js";
-import "../../../../chunk-4MLDWACO.js";
-import "../../../../chunk-G2IPK2XE.js";
-import "../../../../chunk-AJ6XEO4E.js";
-import "../../../../chunk-ZUIJ3N7N.js";
+import "../../../../chunk-5ZTUP65G.js";
 import "../../../../chunk-LMXWI3DD.js";
-import "../../../../chunk-BQQONDW5.js";
-import "../../../../chunk-YCCKY5VW.js";
+import "../../../../chunk-AGSBIUPV.js";
+import "../../../../chunk-OVLNF4AZ.js";
 import "../../../../chunk-4TXIZ5WI.js";
+import "../../../../chunk-AJ6XEO4E.js";
+import "../../../../chunk-KIHQE5YA.js";
+import "../../../../chunk-OFOYMZRY.js";
+import "../../../../chunk-DMNZD3Q7.js";
+import "../../../../chunk-TFO6GBW7.js";
+import "../../../../chunk-ZUIJ3N7N.js";
 import "../../../../chunk-2GB5CIN6.js";
 import "../../../../chunk-ISH42UC7.js";
-import "../../../../chunk-ZAB65STX.js";
 import "../../../../chunk-WWM2YTW4.js";
+import "../../../../chunk-ZAB65STX.js";
 import "../../../../chunk-LR6MSKTT.js";
-import "../../../../chunk-KIHQE5YA.js";
-import "../../../../chunk-DMNZD3Q7.js";
-import "../../../../chunk-TFO6GBW7.js";
 import "../../../../chunk-C3UKR3NT.js";
 import "../../../../chunk-IPPTOL53.js";
 import "../../../../chunk-7FDU3FIN.js";
 import "../../../../chunk-EPEJMTCQ.js";
 import "../../../../chunk-CN46HGXE.js";
-import "../../../../chunk-YRUCIKPO.js";
+import "../../../../chunk-2UYR2OOE.js";
 import "../../../../chunk-JN3PGXRJ.js";
-import "../../../../chunk-SMCLG2RA.js";
 import "../../../../chunk-G3QKH23Y.js";
 import "../../../../chunk-JZRSHDNY.js";
+import "../../../../chunk-SMCLG2RA.js";
 import "../../../../chunk-L5CPOEDP.js";
-import "../../../../chunk-RPWEXIAW.js";
-import "../../../../chunk-5E3XZAED.js";
+import "../../../../chunk-X5MPHXG5.js";
 import "../../../../chunk-DLJGBJZW.js";
 import "../../../../chunk-KZLLTOB2.js";
 import "../../../../chunk-E5LWJDI3.js";
+import "../../../../chunk-5E3XZAED.js";
 import "../../../../chunk-G3E66C6J.js";
 import "../../../../chunk-6DPAWXZ3.js";
 import "../../../../chunk-WEBEOBN5.js";
 import "../../../../chunk-VUHLNYAE.js";
 import "../../../../chunk-BA4RHQ3B.js";
-import "../../../../chunk-BNNSO4MC.js";
-import "../../../../chunk-TAMIZE4Q.js";
+import "../../../../chunk-YTOYMJPM.js";
 import "../../../../chunk-JT6TERQL.js";
 import "../../../../chunk-ITGG5OKP.js";
-import "../../../../chunk-26Z7QWID.js";
+import "../../../../chunk-TAMIZE4Q.js";
+import "../../../../chunk-343TTIHD.js";
 import "../../../../chunk-V3PLFYKO.js";
-import "../../../../chunk-6F5IKY32.js";
+import "../../../../chunk-TYJR4GOF.js";
 import "../../../../chunk-AKZWDZCZ.js";
 import "../../../../chunk-HPK33ACY.js";
 import "../../../../chunk-NQN5Z36J.js";