@12-apps/ui 6.17.1 → 6.19.0

package/NATIVE.md

@@ -0,0 +1,102 @@
+# `@12-apps/ui` on React Native
+
+The same component names, the same import paths, a second renderer.
+
+```ts
+import { Button } from '@12-apps/ui/form/Button';   // MUI in a Vite SPA, React Native under Metro
+import { UiProvider } from '@12-apps/ui/provider';  // one provider name on both sides
+```
+
+Nothing in an app says which platform it is on. The switch is a **`react-native`
+export condition**: every ported subpath in `package.json#exports` carries one,
+pointing at `dist/native/`, ahead of the `default` that points at the MUI build.
+Metro asserts that condition (React Native 0.79+ / Expo SDK 53+ resolve package
+exports by default); Vite, Vitest and Next never do, so the three SPAs and every
+web consumer keep exactly the build they had. A subpath that is **not** ported
+has no condition — under Metro it resolves to the web file and fails at import on
+`@mui/material`, loudly, instead of rendering a blank view.
+
+## What "the same component" means
+
+| the contract | where it lives |
+|---|---|
+| **Name and import path** | `entries.native.json` maps each ported subpath to an `index.native.ts`; `scripts/sync-exports.mjs` writes the condition. |
+| **Props** | `X.base.ts` holds `XBaseProps`, the platform-neutral contract, and imports neither MUI nor react-native (it ships in both declaration outputs). `X.types.ts` builds the web `XProps` on it (MUI extras); `X.types.native.ts` builds the native `XProps` on it (the react-native element's own props). Handler names stay the web's (`onClick`); their event types are the renderer's. `sx` is web-only, `style` is native-only. |
+| **Numbers** | `X.metrics.ts` beside a component: px, ratios and alphas both renderers read. The web derives its `rem` strings from it (`px()` in `src/tokens/theme.ts`); native uses the numbers. |
+| **Theme** | `src/tokens/theme.ts` — `UiTheme`, a plain object. `createUiTheme` derives shades with the SAME arithmetic as MUI's `createPalette` (`src/tokens/color.ts` is a port of MUI's colour manipulator, asserted equal to it in `src/tokens/__tests__`). On the web `useUiTheme()` READS the host's MUI theme (`src/provider/mui-bridge.ts`); on native it reads `UiProvider`. |
+| **Icons** | `@12-apps/ui/icons` — `<Icon name="Close" />` on both sides. The path data is generated from the installed `@mui/icons-material` (`pnpm icons:generate`), so the native glyph is the web glyph. |
+| **Layout** | `@12-apps/ui/layout/Box` and `layout/Stack`: the neutral layout props (`p`, `gap`, `direction`, `align`, `bg`, `radius`…) on the spacing scale, one resolver (`box-layout.ts`) feeding `sx` on the web and `style` on native. `@12-apps/ui/mui/Box` and `mui/Stack` are raw MUI and stay **web-only**. |
+
+## How a component is ported
+
+1. Move `XBaseProps` into `X.base.ts` (no MUI, no react-native imports); keep the web `XProps` in `X.types.ts`; add `X.types.native.ts`.
+2. Move every number the web styles use into `X.metrics.ts` and make the web read it.
+3. Write `X.native.tsx` on `react-native` primitives and `useUiTheme()`. Import
+   siblings explicitly as `./Y.native` — no `moduleSuffixes` magic, so the
+   emitted declarations resolve for a consumer without special tsconfig.
+4. Add `index.native.ts` re-exporting from `./X.native`, and the subpath to
+   `entries.native.json`. Run `pnpm exports:sync`.
+5. Run the SAME stories against it: `pnpm storybook:native` (or `pnpm test:native:ci`).
+   A test story that asserts something only a DOM can answer (`toBeDisabled()`
+   on a real `<button>`, a computed CSS `transform`) gets `tags: ['native-skip']`
+   — it still runs in the web Storybook, and the ledger below counts it.
+6. Add `X.native.test.tsx` for what the stories do not cover. `pnpm test:native`.
+7. Note any honest rendering gap in `NATIVE-NOTES.md` beside the component
+   (one `- ` bullet each). `pnpm native:ledger` regenerates the table below.
+
+The lint rule in `eslint.config.js` and the esbuild plugin in
+`tsup.native.config.ts` both refuse `@mui/*`, `@emotion/*` and `react-dom` from a
+`*.native.*` file, so a web import cannot reach Metro by accident.
+
+## Testing
+
+| lane | command | what it proves |
+|---|---|---|
+| web unit tests | `pnpm test` | the default config, unchanged, plus the MUI-parity tests for `color.ts`, `theme.ts` and the bridge |
+| native unit tests | `pnpm test:native` | `*.native.test.tsx` through react-native-web in jsdom, with `@testing-library/react`; run by the `Native` CI lane, not by `pnpm test`, so it runs once |
+| native Storybook | `pnpm storybook:native` / `pnpm test:native:ci` | the shared `*.stories.tsx` and `*.test.stories.tsx` rendered through react-native-web, `play` functions included |
+| real Metro | `harness/native` | the PUBLISHED tarball bundled by Expo for web and android, driven by Playwright |
+| type checks | `pnpm check-types` | three programs: the web (`tsconfig.json`, DOM lib), the native renderer (`tsconfig.native.json`, **no** DOM lib — a native file that touches `document` is a type error) and the native tests (`tsconfig.native.test.json`, DOM lib again, because they query a jsdom) |
+| ledger | `pnpm native:check` | the table below matches the sources; the generated icon paths match the installed icons |
+
+react-native-web is a faithful renderer for structure, roles, test ids and
+style resolution; it is not a device. Yoga layout on a real platform, gestures
+and platform fonts are what the harness is for.
+
+## Consumer setup
+
+An Expo (SDK 53+) or React Native (0.79+) app needs nothing: Metro resolves the
+condition. On an older Metro, set `resolver.unstable_enablePackageExports = true`
+and include `'react-native'` in `resolver.unstable_conditionNames`. TypeScript
+picks the native declarations when `compilerOptions.customConditions` includes
+`"react-native"` (Expo's base tsconfig does); without it the web declarations
+are used and the component still renders — only the renderer-specific extras
+(`style` vs `sx`) are mis-typed.
+
+Peer dependencies on native: `react-native` and `react-native-svg` (for
+`@12-apps/ui/icons`). Both are declared optional so a web consumer never
+installs them.
+
+## Ledger
+
+<!-- native-parity:start -->
+Ported: **15 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/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/form/Button` | 24 | 2 | — |
+| `@12-apps/ui/layout/Box` | 7 | 1 | — |
+| `@12-apps/ui/layout/Container` | 36 | 0 | `variant="padded"` adds no vertical padding on either renderer: the web declares its 64px above and below BEFORE the `padding` shorthand, which overrides them, and native paints the same insets so the two agree. The fix is a web change (`Container.tsx` order) plus `containerPaddingUnits`, made together.; `padding="none"` paints the `md` inset on either renderer: the web reads its map with `||`, so `none`'s 0 falls through to the default. Same one-place fix.; `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/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. |
+| `@12-apps/ui/typography/Paragraph` | 17 | 1 | — |
+| `@12-apps/ui/typography/Text` | 26 | 3 | — |
+<!-- native-parity:end -->

package/components-catalog.md

@@ -6,6 +6,8 @@ This document provides a comprehensive inventory of all available UI components
 
 **Documentation Structure**: Each component includes detailed documentation in `{Location}/{ComponentName}.md` files. For example, the Alert component's documentation is at `packages/ui/src/components/data-display/Alert/Alert.md`.
 
+> **React Native**: a component marked **Native: yes** below renders on React Native from the SAME import path. The list, the rules and the ledger are in [NATIVE.md](./NATIVE.md).
+
 ## Table of Contents
 
 - [Data Display Components](#data-display-components)
@@ -480,6 +482,20 @@ Components for user input and form interactions.
 
 Components for structuring and organizing page layouts.
 
+### Box
+**Purpose**: The layout primitive both renderers share (web AND React Native)
+**Use Cases**: Any container a screen meant for both platforms lays out — padding, gap, direction, surface, radius
+**Features**: Spacing-scale props (`p`, `px`, `gap`…), `direction`/`align`/`justify`, `bg`, `radius`, `bordered`; `sx` still accepted on the web
+**Location**: `src/components/layout/Box`
+**Native**: yes — `@12-apps/ui/layout/Box` resolves to `Box.native.tsx` under Metro. `@12-apps/ui/mui/Box` remains web-only.
+
+### Stack
+**Purpose**: A `Box` that is always a flex container, with an optional divider (web AND React Native)
+**Use Cases**: Vertical or horizontal runs of children on the spacing scale
+**Features**: `direction` (`column` default), `gap`, `divider`, every `Box` prop
+**Location**: `src/components/layout/Stack`
+**Native**: yes. `@12-apps/ui/mui/Stack` remains web-only.
+
 ### Accordion
 **Purpose**: Collapsible content sections
 **Use Cases**: FAQs, expandable content, grouped information
@@ -502,11 +518,12 @@ Components for structuring and organizing page layouts.
 **Docs**: `src/components/layout/Collapsible/Collapsible.md`
 
 ### Container
-**Purpose**: Centered content container with max-width
+**Purpose**: Centered content container with max-width (web AND React Native)
 **Use Cases**: Page layouts, content centering, responsive design
 **Features**: Multiple sizes, fluid option, padding control
 **Location**: `src/components/layout/Container`
 **Docs**: `src/components/layout/Container/Container.md`
+**Native**: yes — `@12-apps/ui/layout/Container` resolves to `Container.native.tsx` under Metro, on MUI's breakpoint widths and the same spacing units.
 
 ### ContentToolbar
 **Purpose**: Shared content-page toolbar (Select All / count / actions + Sort By / Content Type / View / Filter)
@@ -579,11 +596,12 @@ Components for structuring and organizing page layouts.
 **Docs**: `src/components/layout/Skeleton/Skeleton.md`
 
 ### Spacer
-**Purpose**: Add flexible spacing between elements
+**Purpose**: Add flexible spacing between elements (web AND React Native)
 **Use Cases**: Layout spacing, responsive gaps, flexible layouts
 **Features**: Horizontal/vertical, size variants
 **Location**: `src/components/layout/Spacer`
 **Docs**: `src/components/layout/Spacer/Spacer.md`
+**Native**: yes — `@12-apps/ui/layout/Spacer` resolves to `Spacer.native.tsx` under Metro, on the same spacing units.
 
 ---
 
@@ -680,18 +698,20 @@ Components for text formatting and display.
 **Docs**: `src/components/typography/Code/Code.md`
 
 ### Heading
-**Purpose**: Section headings
+**Purpose**: Section headings (web AND React Native)
 **Use Cases**: Page titles, section headers, hierarchy
 **Features**: Multiple levels (h1-h6), variants, responsive sizing
 **Location**: `src/components/typography/Heading`
 **Docs**: `src/components/typography/Heading/Heading.md`
+**Native**: yes — `@12-apps/ui/typography/Heading` resolves to `Heading.native.tsx` under Metro (`role="heading"` + `aria-level`); `gradient` paints its first stop flat.
 
 ### Paragraph
-**Purpose**: Body text paragraphs
+**Purpose**: Body text paragraphs (web AND React Native)
 **Use Cases**: Content text, descriptions, articles
 **Features**: Size variants, leading control, text alignment
 **Location**: `src/components/typography/Paragraph`
 **Docs**: `src/components/typography/Paragraph/Paragraph.md`
+**Native**: yes — `@12-apps/ui/typography/Paragraph` resolves to `Paragraph.native.tsx` under Metro, on the same metrics.
 
 ### Text
 **Purpose**: Inline text with formatting
@@ -706,6 +726,13 @@ Components for text formatting and display.
 
 General-purpose utility components.
 
+### Icon
+**Purpose**: One glyph name on both renderers (web AND React Native)
+**Use Cases**: Any glyph a ported component or a cross-platform screen draws
+**Features**: `name` from `src/icons/glyphs.json`, `size` on the house scale or px, `color` from the palette, `label` for accessibility; path data generated from `@mui/icons-material`
+**Location**: `src/icons` (import path `@12-apps/ui/icons`)
+**Native**: yes.
+
 ### AnimatedIcon
 **Purpose**: Icons with animations
 **Use Cases**: Interactive icons, loading indicators, state transitions

package/components-guidelines.md

@@ -40,7 +40,7 @@ Where:
 - [ ] Forwards refs where needed
 - [ ] Proper TS typing with exported interfaces
 - [ ] Accessibility attributes (aria-\*, role, etc.)
-- [ ] Theme integration via MUI
+- [ ] Theme integration via MUI (web) / `useUiTheme()` (native, when ported)
 - [ ] Responsive design considerations
 
 ### TypeScript Requirements
@@ -59,6 +59,21 @@ Where:
 - Focus management
 - WCAG compliance
 
+## React Native
+
+A component can render on React Native from the same import path. The switch
+is a `react-native` export condition, and the rules for porting one — the
+`X.base.ts` / `X.types.native.ts` split, the shared `X.metrics.ts`, the native
+Storybook that runs the SAME stories, the `native-skip` tag, the parity ledger —
+are in [NATIVE.md](./NATIVE.md). Two rules matter while building any component,
+ported or not:
+
+- **Numbers live in `X.metrics.ts`**, in px, and the web derives its `rem` from
+  them with `px()`. A size written straight into a `styled()` call is a number the
+  native renderer cannot find.
+- **A `*.native.tsx` imports no MUI, emotion or react-dom.** The lint rule and the
+  native tsup build both refuse it.
+
 ## Story Requirements
 
 ### Story Template Structure

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

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

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

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

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

@@ -0,0 +1,16 @@
+import {
+  ALERT_DEFAULTS,
+  VARIANT_ICON,
+  defaultAriaLive,
+  resolveAlertProps,
+  testIdFor
+} from "../../../../chunk-N3QUEBNS.js";
+import "../../../../chunk-PZ5AY32C.js";
+export {
+  ALERT_DEFAULTS,
+  VARIANT_ICON,
+  defaultAriaLive,
+  resolveAlertProps,
+  testIdFor
+};
+//# sourceMappingURL=Alert.helpers.js.map

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

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

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

@@ -1,7 +1,14 @@
 import {
   Alert
-} from "../../../../chunk-C6AZDXEE.js";
-import "../../../../chunk-5ERH4OIK.js";
+} from "../../../../chunk-6D5WEZ2L.js";
+import "../../../../chunk-E27Y7FF2.js";
+import "../../../../chunk-B2Y3BABA.js";
+import "../../../../chunk-N3QUEBNS.js";
+import "../../../../chunk-QLWBQQW7.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   Alert

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

@@ -0,0 +1,78 @@
+import {
+  ACTION_SLOT,
+  ACTIVE,
+  ALERT_EASING,
+  ALERT_PADDING_UNITS,
+  ALERT_RADIUS_UNITS,
+  ALERT_TRANSITION_MS,
+  CLOSE_BUTTON,
+  CLOSE_DELAY_MS,
+  COLLAPSE_MS,
+  DESCRIPTION,
+  FADE_IN,
+  FOCUS,
+  GLASS,
+  GLOW,
+  GRADIENT,
+  HOVER,
+  ICON_SLOT,
+  ICON_SPIN,
+  MESSAGE_BUTTON,
+  MESSAGE_FONT_SIZE,
+  MESSAGE_GAP_UNITS,
+  MESSAGE_LINE_HEIGHT,
+  NEUTRAL_GREY,
+  PULSE,
+  SEMANTIC_SURFACE,
+  SEMANTIC_VARIANTS,
+  TITLE,
+  alertPalette,
+  alertSurface,
+  glassSurface,
+  gradientStops,
+  gradientSurface,
+  seconds,
+  semanticSurface
+} from "../../../../chunk-B2Y3BABA.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
+import "../../../../chunk-PZ5AY32C.js";
+export {
+  ACTION_SLOT,
+  ACTIVE,
+  ALERT_EASING,
+  ALERT_PADDING_UNITS,
+  ALERT_RADIUS_UNITS,
+  ALERT_TRANSITION_MS,
+  CLOSE_BUTTON,
+  CLOSE_DELAY_MS,
+  COLLAPSE_MS,
+  DESCRIPTION,
+  FADE_IN,
+  FOCUS,
+  GLASS,
+  GLOW,
+  GRADIENT,
+  HOVER,
+  ICON_SLOT,
+  ICON_SPIN,
+  MESSAGE_BUTTON,
+  MESSAGE_FONT_SIZE,
+  MESSAGE_GAP_UNITS,
+  MESSAGE_LINE_HEIGHT,
+  NEUTRAL_GREY,
+  PULSE,
+  SEMANTIC_SURFACE,
+  SEMANTIC_VARIANTS,
+  TITLE,
+  alertPalette,
+  alertSurface,
+  glassSurface,
+  gradientStops,
+  gradientSurface,
+  seconds,
+  semanticSurface
+};
+//# sourceMappingURL=Alert.metrics.js.map

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

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

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

@@ -8,7 +8,13 @@ import {
   iconRotate,
   pulseAnimation,
   shimmerAnimation
-} from "../../../../chunk-5ERH4OIK.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";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   alertEmphasisStyles,

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

@@ -1,14 +1,21 @@
 import {
   AsyncStateContainer,
   AsyncStateContainer_default
-} from "../../../../chunk-PKJKA4CU.js";
-import "../../../../chunk-E67PUPFJ.js";
-import "../../../../chunk-O6J4CKS5.js";
-import "../../../../chunk-KVN3K4J3.js";
-import "../../../../chunk-7M5BACFQ.js";
+} from "../../../../chunk-OZWQNFG6.js";
+import "../../../../chunk-IIOEQRXX.js";
+import "../../../../chunk-7DFEKTT7.js";
+import "../../../../chunk-YSTHOE66.js";
+import "../../../../chunk-NQC6H7GY.js";
+import "../../../../chunk-TLGGVE56.js";
 import "../../../../chunk-IRDGC7FK.js";
 import "../../../../chunk-JZKOJZ6V.js";
 import "../../../../chunk-HXYXDQ7U.js";
+import "../../../../chunk-UXQW6ZIN.js";
+import "../../../../chunk-RKCS6K36.js";
+import "../../../../chunk-MWFSIB6K.js";
+import "../../../../chunk-QLWBQQW7.js";
+import "../../../../chunk-7ZPUN7TV.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   AsyncStateContainer,

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

@@ -1,10 +1,10 @@
 import {
   Badge
-} from "../../../../chunk-FH4VARZ7.js";
+} from "../../../../chunk-L6KEVPXN.js";
+import "../../../../chunk-MMZAGB64.js";
 import "../../../../chunk-ZGEBIC5X.js";
 import "../../../../chunk-4Q7HWRR2.js";
 import "../../../../chunk-3HWL4AW4.js";
-import "../../../../chunk-MMZAGB64.js";
 import "../../../../chunk-HKFMPEXJ.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {

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

@@ -1,13 +1,19 @@
 "use client";
 import {
   CardKebab
-} from "../../../../chunk-G7CFUI4I.js";
+} from "../../../../chunk-DLFOEXUP.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";
 import "../../../../chunk-BA4RHQ3B.js";
-import "../../../../chunk-IAQFQNBL.js";
-import "../../../../chunk-AUYC5K5K.js";
-import "../../../../chunk-NYUGX76C.js";
+import "../../../../chunk-SL4NFGOL.js";
+import "../../../../chunk-TAMIZE4Q.js";
+import "../../../../chunk-JT6TERQL.js";
+import "../../../../chunk-ITGG5OKP.js";
+import "../../../../chunk-QLWBQQW7.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   CardKebab

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

@@ -2,10 +2,17 @@
 import {
   CardActionsProvider,
   useCardActions
-} from "../../../../chunk-77GA5YHQ.js";
+} from "../../../../chunk-43NEBUV3.js";
 import "../../../../chunk-NUGT7LMR.js";
-import "../../../../chunk-C6AZDXEE.js";
-import "../../../../chunk-5ERH4OIK.js";
+import "../../../../chunk-6D5WEZ2L.js";
+import "../../../../chunk-E27Y7FF2.js";
+import "../../../../chunk-B2Y3BABA.js";
+import "../../../../chunk-N3QUEBNS.js";
+import "../../../../chunk-QLWBQQW7.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   CardActionsProvider,

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

@@ -1,23 +1,31 @@
 "use client";
 import {
   useRemoveConfirm
-} from "../../../../chunk-K2T2CQSZ.js";
-import "../../../../chunk-77GA5YHQ.js";
+} from "../../../../chunk-UF27D35R.js";
+import "../../../../chunk-43NEBUV3.js";
 import "../../../../chunk-XCBQXSTR.js";
-import "../../../../chunk-VJKRJYZL.js";
-import "../../../../chunk-3P4THDBM.js";
+import "../../../../chunk-QZPNQWS2.js";
 import "../../../../chunk-HJOABXKN.js";
+import "../../../../chunk-3P4THDBM.js";
 import "../../../../chunk-QQS3GQYS.js";
 import "../../../../chunk-EMYESBIT.js";
 import "../../../../chunk-NUGT7LMR.js";
-import "../../../../chunk-C6AZDXEE.js";
-import "../../../../chunk-5ERH4OIK.js";
+import "../../../../chunk-6D5WEZ2L.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-IAQFQNBL.js";
-import "../../../../chunk-AUYC5K5K.js";
-import "../../../../chunk-NYUGX76C.js";
+import "../../../../chunk-SL4NFGOL.js";
+import "../../../../chunk-TAMIZE4Q.js";
+import "../../../../chunk-JT6TERQL.js";
+import "../../../../chunk-ITGG5OKP.js";
+import "../../../../chunk-QLWBQQW7.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   useRemoveConfirm

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

@@ -3,17 +3,23 @@ import {
   useRowConfirm
 } from "../../../../chunk-3T2I6BYA.js";
 import "../../../../chunk-XCBQXSTR.js";
-import "../../../../chunk-VJKRJYZL.js";
-import "../../../../chunk-3P4THDBM.js";
+import "../../../../chunk-QZPNQWS2.js";
 import "../../../../chunk-HJOABXKN.js";
+import "../../../../chunk-3P4THDBM.js";
 import "../../../../chunk-QQS3GQYS.js";
 import "../../../../chunk-EMYESBIT.js";
 import "../../../../chunk-2IBFEHIX.js";
 import "../../../../chunk-BWB2MVWP.js";
 import "../../../../chunk-BA4RHQ3B.js";
-import "../../../../chunk-IAQFQNBL.js";
-import "../../../../chunk-AUYC5K5K.js";
-import "../../../../chunk-NYUGX76C.js";
+import "../../../../chunk-SL4NFGOL.js";
+import "../../../../chunk-TAMIZE4Q.js";
+import "../../../../chunk-JT6TERQL.js";
+import "../../../../chunk-ITGG5OKP.js";
+import "../../../../chunk-QLWBQQW7.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   useRowConfirm

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

@@ -1,10 +1,15 @@
 import {
   CarouselChrome
-} from "../../../../chunk-5QXSPLWU.js";
-import "../../../../chunk-2XGM5PDA.js";
+} from "../../../../chunk-R6SSXEK2.js";
+import "../../../../chunk-624TFFLJ.js";
 import "../../../../chunk-HPK33ACY.js";
-import "../../../../chunk-I6PZVHIT.js";
-import "../../../../chunk-7CA6GVBO.js";
+import "../../../../chunk-V5IOLAIS.js";
+import "../../../../chunk-7ZPUN7TV.js";
+import "../../../../chunk-PT6TCWIW.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   CarouselChrome

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

@@ -1,18 +1,23 @@
 import {
   Carousel
-} from "../../../../chunk-6HNEEJES.js";
-import "../../../../chunk-Z56IO7OV.js";
+} from "../../../../chunk-Y6KPZQPI.js";
+import "../../../../chunk-R6SSXEK2.js";
+import "../../../../chunk-RXVPUW7V.js";
 import "../../../../chunk-WIXUMFU7.js";
-import "../../../../chunk-RUIV5TVA.js";
-import "../../../../chunk-5QXSPLWU.js";
 import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
-} from "../../../../chunk-2XGM5PDA.js";
+} from "../../../../chunk-624TFFLJ.js";
+import "../../../../chunk-RUIV5TVA.js";
 import "../../../../chunk-HPK33ACY.js";
-import "../../../../chunk-I6PZVHIT.js";
-import "../../../../chunk-7CA6GVBO.js";
+import "../../../../chunk-V5IOLAIS.js";
+import "../../../../chunk-7ZPUN7TV.js";
+import "../../../../chunk-PT6TCWIW.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   Carousel,

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

@@ -2,10 +2,15 @@ import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
-} from "../../../../chunk-2XGM5PDA.js";
+} from "../../../../chunk-624TFFLJ.js";
 import "../../../../chunk-HPK33ACY.js";
-import "../../../../chunk-I6PZVHIT.js";
-import "../../../../chunk-7CA6GVBO.js";
+import "../../../../chunk-V5IOLAIS.js";
+import "../../../../chunk-7ZPUN7TV.js";
+import "../../../../chunk-PT6TCWIW.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   CarouselArrows,

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

@@ -1,8 +1,13 @@
 import {
   containerStyles
-} from "../../../../chunk-Z56IO7OV.js";
-import "../../../../chunk-I6PZVHIT.js";
-import "../../../../chunk-7CA6GVBO.js";
+} from "../../../../chunk-RXVPUW7V.js";
+import "../../../../chunk-V5IOLAIS.js";
+import "../../../../chunk-7ZPUN7TV.js";
+import "../../../../chunk-PT6TCWIW.js";
+import "../../../../chunk-NQN5Z36J.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-6JAIFIPW.js";
+import "../../../../chunk-FZXKH2ZT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   containerStyles