@12-apps/ui 6.23.0 → 6.24.1

package/dist/data-display/DataViews.js

@@ -1,69 +1,82 @@
+import {
+  BaseCard
+} from "../chunk-JWW2Z3RH.js";
 import {
   DataViewsTableBase
-} from "../chunk-4XZXLB4I.js";
+} from "../chunk-JQ45NDBS.js";
 import "../chunk-4X4KM4ZB.js";
 import {
   DataViewsGrid
-} from "../chunk-ACFGEZ4Q.js";
+} from "../chunk-XO753WHD.js";
 import {
   BaseListCard
-} from "../chunk-W7Y6RA6W.js";
+} from "../chunk-WR5JFDQ5.js";
 import "../chunk-I5SBTNV2.js";
-import "../chunk-YQ6TNHAC.js";
-import "../chunk-3FLVIVOK.js";
-import "../chunk-2JCRNWHE.js";
-import {
-  BaseCard
-} from "../chunk-JWW2Z3RH.js";
+import "../chunk-TTLI6PF7.js";
 import "../chunk-OQFSYMHJ.js";
+import "../chunk-BHIGHSXA.js";
+import "../chunk-2JCRNWHE.js";
 import "../chunk-ZOLAYP2D.js";
 import {
   DragContainerProvider,
   DropIndicator,
   useDragItem
 } from "../chunk-JCJGJX7V.js";
-import "../chunk-L4U23SBX.js";
-import "../chunk-VON4BFK4.js";
+import "../chunk-TSYWI3NP.js";
+import "../chunk-BPLFM2GL.js";
+import {
+  DataViewsBoard
+} from "../chunk-E55CJV65.js";
+import "../chunk-PN5CQKA2.js";
 import "../chunk-5OIH36KX.js";
-import "../chunk-N2TUX4A5.js";
+import "../chunk-I3E2QHTH.js";
 import "../chunk-5WNQJ5KS.js";
 import "../chunk-EJQW2IYW.js";
-import "../chunk-KHWCX4LI.js";
-import "../chunk-MYGNIFZC.js";
+import "../chunk-6LGWJFQK.js";
+import "../chunk-O4VCZTK4.js";
 import "../chunk-JSH3HFDQ.js";
-import "../chunk-VNNG46TS.js";
-import {
-  DataViewsBoard
-} from "../chunk-E55CJV65.js";
-import "../chunk-BZTFPSWT.js";
+import "../chunk-DFLTUI7W.js";
+import "../chunk-FV36LFPX.js";
+import "../chunk-GCZJH4XL.js";
 import "../chunk-F4RR4666.js";
 import "../chunk-CBOB5AV6.js";
 import "../chunk-HP2ODXNA.js";
 import "../chunk-TQ6FPOPD.js";
 import "../chunk-IAGOUTI6.js";
-import "../chunk-FV36LFPX.js";
+import "../chunk-6RZDDUSM.js";
 import "../chunk-KX75HM5U.js";
 import "../chunk-XKV5ZIBG.js";
 import "../chunk-A7Q5AQVD.js";
-import "../chunk-Y5UCOBQN.js";
-import "../chunk-GCZJH4XL.js";
-import "../chunk-AJGYHDA5.js";
-import "../chunk-6JGPPTLX.js";
-import "../chunk-CHPZTF34.js";
-import "../chunk-5M4TYFR3.js";
-import "../chunk-XSF6AXEU.js";
-import "../chunk-WGRS4PGY.js";
-import "../chunk-XUJG2HFW.js";
-import "../chunk-LS4FMSHY.js";
-import "../chunk-DW5FRWRQ.js";
+import "../chunk-OGGHD64H.js";
+import {
+  DEFAULT_RAILS,
+  ListCardGroup,
+  RAIL_COUNT
+} from "../chunk-CZPU5TW3.js";
+import {
+  DEFAULT_CELL_WIDTH
+} from "../chunk-6VP2L3DJ.js";
+import "../chunk-2C47DEVU.js";
+import "../chunk-OAYX4XN7.js";
 import "../chunk-7NSX7A5H.js";
+import "../chunk-DW5FRWRQ.js";
 import "../chunk-SNR537TI.js";
+import "../chunk-XUJG2HFW.js";
+import {
+  cardMinWidthForZoom,
+  cardScaleForZoom
+} from "../chunk-ZPIMPOHV.js";
 import "../chunk-2FDBR77W.js";
+import "../chunk-U2YJCNRU.js";
+import "../chunk-CHPZTF34.js";
+import "../chunk-6JGPPTLX.js";
+import "../chunk-5M4TYFR3.js";
 import "../chunk-HR7YTBR7.js";
 import "../chunk-DZEC6RFM.js";
-import "../chunk-OIKQO73C.js";
+import "../chunk-TX5V42AY.js";
 import "../chunk-TW3BXVEU.js";
 import "../chunk-YGQX7BNI.js";
+import "../chunk-IMLIIW77.js";
 import "../chunk-LLZWB32X.js";
 import {
   DataViewsScopeTabs,
@@ -72,29 +85,16 @@ import {
 } from "../chunk-LYKV3C7B.js";
 import "../chunk-U5FOJBLG.js";
 import "../chunk-U2ZDN2AL.js";
-import "../chunk-IMLIIW77.js";
-import "../chunk-2HPP6RVC.js";
-import {
-  DEFAULT_RAILS,
-  ListCardGroup,
-  RAIL_COUNT
-} from "../chunk-LYSSO6WC.js";
-import {
-  cardMinWidthForZoom,
-  cardScaleForZoom
-} from "../chunk-ZPIMPOHV.js";
 import {
   CARD_ASPECT_RATIOS,
   DATA_VIEWS_LAYOUTS,
   toSavedViewSummary
 } from "../chunk-LHHAYZ55.js";
+import "../chunk-2HPP6RVC.js";
 import {
   DataViewsCopyProvider,
   useDataViewsCopy
 } from "../chunk-KHG57NAE.js";
-import {
-  DEFAULT_CELL_WIDTH
-} from "../chunk-6VP2L3DJ.js";
 import "../chunk-NCS2TBIP.js";
 import "../chunk-Y4KKS6WL.js";
 import "../chunk-MQJDMQJZ.js";
@@ -175,12 +175,12 @@ import "../chunk-SMCLG2RA.js";
 import "../chunk-G3QKH23Y.js";
 import "../chunk-JZRSHDNY.js";
 import "../chunk-L5CPOEDP.js";
-import "../chunk-X5MPHXG5.js";
+import "../chunk-EZ5Z5UFI.js";
+import "../chunk-5E3XZAED.js";
 import "../chunk-DLJGBJZW.js";
 import "../chunk-KZLLTOB2.js";
 import "../chunk-E5LWJDI3.js";
 import "../chunk-G3E66C6J.js";
-import "../chunk-5E3XZAED.js";
 import "../chunk-SNCSGLJ6.js";
 import "../chunk-M4LQRQFL.js";
 import "../chunk-NUGT7LMR.js";

package/dist/data-display/FleetMap.js

@@ -1,17 +1,18 @@
 import "../chunk-RQWZYD6H.js";
 import {
   FleetMap
-} from "../chunk-TWQYDKCA.js";
-import "../chunk-CF3FAAPC.js";
+} from "../chunk-JZXWCEH5.js";
+import "../chunk-ZCPSND5Y.js";
+import "../chunk-RP5FK3SO.js";
 import "../chunk-2RQINU5T.js";
-import "../chunk-MQNKRIGC.js";
-import "../chunk-F7VBGS4C.js";
+import "../chunk-HMV4QMXS.js";
 import {
   freshnessOf,
   mapCentre,
   nextSelection,
   rosterOrder
-} from "../chunk-5V4UPOWK.js";
+} from "../chunk-XPMGFAJ3.js";
+import "../chunk-BTQZ3EX3.js";
 import "../chunk-RNCQ5KHQ.js";
 import "../chunk-7VN7LFBA.js";
 import "../chunk-7WDPC46N.js";

package/dist/native/chunks/{chunk-T6BJPP3E.js → chunk-DN73KYIZ.js}

@@ -23,4 +23,4 @@ export {
   webRole,
   webKeyDown
 };
-//# sourceMappingURL=chunk-T6BJPP3E.js.map
+//# sourceMappingURL=chunk-DN73KYIZ.js.map

package/dist/native/chunks/chunk-DN73KYIZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/platform/aria.ts"],"sourcesContent":["/**\n * WEB ATTRIBUTES REACT NATIVE DOES NOT DECLARE.\n *\n * React Native's `ViewProps` (0.83) type a dozen `aria-*` props and stop:\n * `aria-level`, `aria-atomic` and `aria-describedby` are not among them.\n * react-native-web forwards all three to the DOM — and `aria-level` also\n * picks the heading tag, so a `role=\"heading\"` at level 3 renders an `<h3>`\n * exactly as the MUI half's `component=\"h3\"` does — while a device ignores\n * them. A native component spreads them through here rather than widening\n * the element's props type or casting at every call site.\n */\nexport interface WebAria {\n  'aria-level'?: 1 | 2 | 3 | 4 | 5 | 6;\n  'aria-atomic'?: 'true' | 'false';\n  'aria-describedby'?: string;\n  /**\n   * A field's validity and whether it must be filled. React Native's\n   * `accessibilityState` has neither — its five flags are disabled, selected,\n   * checked, busy and expanded — so these are web-only, and a device reads the\n   * error text instead. react-native-web forwards both.\n   */\n  'aria-invalid'?: boolean;\n  'aria-required'?: boolean;\n  /**\n   * What a control pops open. React Native has `aria-expanded` and no\n   * `aria-haspopup`, so a `combobox` needs this one from here to say the thing\n   * it expands is a listbox — which is what the web's own trigger carries.\n   */\n  'aria-haspopup'?: 'listbox' | 'menu' | 'dialog' | 'true';\n  /**\n   * Which option a composite widget's single tab stop is currently on — the\n   * listbox pattern, where the LIST holds focus and the selection moves inside\n   * it. React Native has no equivalent because it has no roving focus to\n   * describe: a device selects by touching the row.\n   *\n   * Note the interaction with `aria-atomic` documented on {@link webAria}:\n   * react-native-web reads THIS value when it means the atomic flag, so a\n   * component that sets both gets the descendant id emitted as `aria-atomic`.\n   * Nothing here sets both, and a component that needs to should pass its own\n   * atomic flag directly rather than through this helper.\n   */\n  'aria-activedescendant'?: string;\n}\n\n/**\n * `attrs` as something JSX can spread onto a react-native element without\n * that element's props type having to know them.\n *\n * `aria-atomic` travels under react-native-web's own older name. Its\n * `createDOMProps` (0.20.0) reads `aria-activedescendant` where it means\n * `aria-atomic` — `_ariaAtomic = ariaAtomic != null ? ariaActiveDescendant :\n * accessibilityAtomic` — so the modern spelling never reaches the DOM and\n * the legacy one, still accepted and still emitted as `aria-atomic`, does.\n * Neither name exists on a device, so nothing is lost there.\n */\nexport function webAria(attrs: WebAria): object {\n  const { 'aria-atomic': atomic, ...rest } = attrs;\n  return atomic === undefined ? rest : { ...rest, accessibilityAtomic: atomic };\n}\n\n/**\n * `disabled` for a react-native-web form control.\n *\n * React Native's `TextInput` has `editable` and no `disabled`, because a\n * device has no disabled state to speak of — an uneditable field simply does\n * not take the keyboard. The DOM does: only a real `disabled` attribute takes\n * an `<input>` out of the tab order, and it is what `toBeDisabled()` reads. So\n * a native field spreads this ALONGSIDE `editable={false}` and\n * `aria-disabled`: react-native-web puts the attribute on the input, and a\n * device ignores a prop it does not know.\n */\nexport function webDisabled(disabled: boolean): object {\n  return disabled ? { disabled: true } : {};\n}\n\n/**\n * `onClick` for a react-native-web element whose React Native twin has no\n * click of its own.\n *\n * react-native-web's `TextInput` forwards `onClick` to the DOM input and drops\n * `onPressIn`; a device does the opposite. A field that must answer a press on\n * both renderers spreads this ALONGSIDE `onPressIn`, and exactly one of the two\n * fires on each side — never both.\n */\nexport function webClick<E>(handler: ((event: E) => void) | undefined): object {\n  return handler === undefined ? {} : { onClick: handler };\n}\n\n/**\n * A `role` React Native's own union does not carry.\n *\n * `Role` (0.83) stops at `list` and `menu`: `listbox`, the role a dropdown's\n * option list owes a screen reader, is not in it. react-native-web forwards\n * whatever string it is given, and a device ignores a role it does not know —\n * the same trade `webAria` makes for the attributes below it.\n */\nexport function webRole(role: string): object {\n  return { role };\n}\n\n/** The half of a DOM keyboard event a component needs, without the DOM lib. */\nexport interface WebKeyEvent {\n  key: string;\n}\n\n/**\n * `onKeyDown` for a react-native-web element.\n *\n * React Native has no key events on a `View` — a phone has no keyboard to\n * press Escape on — so nothing here is typed by react-native and nothing here\n * fires on a device. react-native-web forwards it to the DOM, which is what\n * lets a native dropdown still answer Escape and the arrow keys in a browser.\n */\nexport function webKeyDown(handler: (event: WebKeyEvent) => void): object {\n  return { onKeyDown: handler };\n}\n"],"mappings":";AAuDO,SAAS,QAAQ,OAAwB;AAC9C,QAAM,EAAE,eAAe,QAAQ,GAAG,KAAK,IAAI;AAC3C,SAAO,WAAW,SAAY,OAAO,EAAE,GAAG,MAAM,qBAAqB,OAAO;AAC9E;AAaO,SAAS,YAAY,UAA2B;AACrD,SAAO,WAAW,EAAE,UAAU,KAAK,IAAI,CAAC;AAC1C;AAWO,SAAS,SAAY,SAAmD;AAC7E,SAAO,YAAY,SAAY,CAAC,IAAI,EAAE,SAAS,QAAQ;AACzD;AAUO,SAAS,QAAQ,MAAsB;AAC5C,SAAO,EAAE,KAAK;AAChB;AAeO,SAAS,WAAW,SAA+C;AACxE,SAAO,EAAE,WAAW,QAAQ;AAC9B;","names":[]}

package/dist/native/chunks/chunk-GW7TQ7HO.js

@@ -0,0 +1,215 @@
+import {
+  useLoopedProgress
+} from "./chunk-MLQIOKQZ.js";
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "./chunk-AR5O4BEY.js";
+import {
+  useUiTheme
+} from "./chunk-GWGIWQO7.js";
+import {
+  alpha
+} from "./chunk-LEMMXZFN.js";
+
+// src/components/layout/Skeleton/Skeleton.native.tsx
+import * as React from "react";
+import {
+  Animated,
+  Easing,
+  StyleSheet,
+  View
+} from "react-native";
+
+// src/components/layout/Skeleton/Skeleton.helpers.ts
+var SKELETON_DEFAULTS = {
+  variant: "text",
+  animation: "pulse",
+  count: 1,
+  spacing: 1,
+  intensity: "medium",
+  glassmorphism: false,
+  shimmer: false
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveSkeletonProps = (props) => ({ ...SKELETON_DEFAULTS, ...definedProps(props) });
+var skeletonInstanceTestId = (base, index) => base ? `${base}-${index}` : void 0;
+
+// src/components/layout/Skeleton/Skeleton.metrics.ts
+var SKELETON_INTENSITY_OPACITY = {
+  low: 0.11,
+  medium: 0.13,
+  high: 0.15
+};
+var SKELETON_DEFAULT_DIMENSIONS = {
+  // `text` has no height of its own: MUI's line box gives it one (below).
+  text: { width: "100%", height: void 0 },
+  circular: { width: 40, height: 40 },
+  rectangular: { width: "100%", height: 40 },
+  wave: { width: "100%", height: 40 }
+};
+var GLASS_BACKGROUND_ALPHA_FROM = 0.8;
+var GLASS_BORDER_ALPHA = 0.2;
+var GLASS_SHADOW = { offsetY: 8, blur: 32, alpha: 0.1 };
+var SHIMMER_ALPHA = 0.3;
+var SHIMMER_DURATION_MS = 2e3;
+var COMMON_BLACK = "#000";
+var COMMON_WHITE = "#fff";
+var PULSE = { durationMs: 2e3, delayMs: 500, dip: 0.4 };
+var WAVE = { durationMs: 1600, delayMs: 500 };
+var TEXT_LINE_HEIGHT_EM = 1.2;
+var TEXT_SCALE_Y = 0.6;
+
+// src/components/layout/Skeleton/Skeleton.native.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var PULSE_EASING = Easing.inOut(Easing.ease);
+var PERCENT = /^-?\d+(?:\.\d+)?%$/;
+function dimension(value) {
+  if (value === void 0 || typeof value === "number") return value;
+  return PERCENT.test(value) ? value : void 0;
+}
+var skeletonTint = (theme, intensity) => alpha(
+  theme.mode === "dark" ? COMMON_WHITE : theme.palette.text.primary,
+  SKELETON_INTENSITY_OPACITY[intensity]
+);
+var radiusFor = (theme, variant) => {
+  if (variant === "circular") return theme.radius.full;
+  return variant === "text" ? theme.radius.md : 0;
+};
+function textBoxHeight(theme, height) {
+  if (typeof height === "string") return dimension(height);
+  const box = height ?? theme.typography.sizes.md.fontSize * TEXT_LINE_HEIGHT_EM;
+  return box * TEXT_SCALE_Y;
+}
+function glassStyle(theme) {
+  return {
+    backgroundColor: alpha(theme.palette.background.paper, GLASS_BACKGROUND_ALPHA_FROM),
+    borderWidth: 1,
+    borderColor: alpha(theme.palette.divider, GLASS_BORDER_ALPHA),
+    boxShadow: `0 ${GLASS_SHADOW.offsetY}px ${GLASS_SHADOW.blur}px 0 ${alpha(COMMON_BLACK, GLASS_SHADOW.alpha)}`
+  };
+}
+function skeletonBoxStyle(theme, a) {
+  const box = SKELETON_DEFAULT_DIMENSIONS[a.variant];
+  const height = a.height ?? box.height;
+  const style = {
+    width: dimension(a.width ?? box.width),
+    height: a.variant === "text" ? textBoxHeight(theme, height) : dimension(height),
+    borderRadius: dimension(a.borderRadius) ?? radiusFor(theme, a.variant),
+    backgroundColor: skeletonTint(theme, a.intensity)
+  };
+  if (a.clipped) style.overflow = "hidden";
+  return a.glassmorphism ? { ...style, ...glassStyle(theme) } : style;
+}
+function Wash({ color, durationMs, delayMs, testID }) {
+  const progress = useLoopedProgress(true, { durationMs, delayMs, easing: Easing.linear });
+  return /* @__PURE__ */ jsx(
+    Animated.View,
+    {
+      testID,
+      style: [
+        StyleSheet.absoluteFill,
+        {
+          pointerEvents: "none",
+          backgroundColor: color,
+          opacity: progress.interpolate({ inputRange: [0, 0.5, 1], outputRange: [0, 1, 0] })
+        }
+      ]
+    }
+  );
+}
+var effectiveAnimation = (variant, animation) => variant === "wave" ? "wave" : animation;
+function SkeletonBox({
+  animation,
+  shimmer,
+  style,
+  testID,
+  rest,
+  ...styleArgs
+}) {
+  const theme = useUiTheme();
+  const animates = effectiveAnimation(styleArgs.variant, animation);
+  const pulse = useLoopedProgress(animates === "pulse", {
+    durationMs: PULSE.durationMs,
+    delayMs: PULSE.delayMs,
+    easing: PULSE_EASING
+  });
+  const box = skeletonBoxStyle(theme, styleArgs);
+  const washId = testID ? `${testID}-wash` : void 0;
+  return /* @__PURE__ */ jsxs(
+    Animated.View,
+    {
+      "aria-hidden": true,
+      testID,
+      style: [
+        box,
+        animates === "pulse" ? { opacity: pulse.interpolate({ inputRange: [0, 0.5, 1], outputRange: [1, PULSE.dip, 1] }) } : null,
+        style
+      ],
+      ...rest,
+      children: [
+        shimmer ? /* @__PURE__ */ jsx(
+          Wash,
+          {
+            color: alpha(COMMON_WHITE, SHIMMER_ALPHA),
+            durationMs: SHIMMER_DURATION_MS,
+            delayMs: 0,
+            testID: washId
+          }
+        ) : null,
+        !shimmer && animates === "wave" ? /* @__PURE__ */ jsx(
+          Wash,
+          {
+            color: theme.palette.action.hover,
+            durationMs: WAVE.durationMs,
+            delayMs: WAVE.delayMs,
+            testID: washId
+          }
+        ) : null
+      ]
+    }
+  );
+}
+var Skeleton = React.memo(function Skeleton2(rawProps) {
+  const resolved = resolveSkeletonProps(rawProps);
+  const {
+    variant,
+    animation,
+    width,
+    height,
+    count,
+    spacing,
+    borderRadius,
+    intensity,
+    glassmorphism,
+    shimmer,
+    style,
+    ...others
+  } = resolved;
+  const theme = useUiTheme();
+  const testID = resolveTestId(others);
+  const box = {
+    variant,
+    animation,
+    intensity,
+    width,
+    height,
+    borderRadius,
+    glassmorphism,
+    shimmer,
+    clipped: shimmer || effectiveAnimation(variant, animation) === "wave",
+    style,
+    rest: withoutTestIdProps(others)
+  };
+  if (count === 0) return null;
+  if (count === 1) return /* @__PURE__ */ jsx(SkeletonBox, { ...box, testID });
+  return /* @__PURE__ */ jsx(View, { style: { gap: theme.spacing(spacing) }, children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx(View, { children: /* @__PURE__ */ jsx(SkeletonBox, { ...box, testID: skeletonInstanceTestId(testID, index) }) }, `skeleton-${index}`)) });
+});
+Skeleton.displayName = "Skeleton";
+
+export {
+  Skeleton
+};
+//# sourceMappingURL=chunk-GW7TQ7HO.js.map

package/dist/native/chunks/chunk-GW7TQ7HO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/Skeleton/Skeleton.native.tsx","../../../src/components/layout/Skeleton/Skeleton.helpers.ts","../../../src/components/layout/Skeleton/Skeleton.metrics.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  Animated,\n  Easing,\n  StyleSheet,\n  View,\n  type DimensionValue,\n  type StyleProp,\n  type ViewProps,\n  type ViewStyle,\n} from 'react-native';\n\nimport { resolveSkeletonProps, skeletonInstanceTestId } from './Skeleton.helpers';\nimport {\n  COMMON_BLACK,\n  COMMON_WHITE,\n  GLASS_BACKGROUND_ALPHA_FROM,\n  GLASS_BORDER_ALPHA,\n  GLASS_SHADOW,\n  PULSE,\n  SHIMMER_ALPHA,\n  SHIMMER_DURATION_MS,\n  SKELETON_DEFAULT_DIMENSIONS,\n  SKELETON_INTENSITY_OPACITY,\n  TEXT_LINE_HEIGHT_EM,\n  TEXT_SCALE_Y,\n  WAVE,\n} from './Skeleton.metrics';\nimport type {\n  SkeletonAnimation,\n  SkeletonIntensity,\n  SkeletonProps,\n  SkeletonVariant,\n} from './Skeleton.types.native';\nimport { useLoopedProgress } from '../../../platform/animation';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport { alpha } from '../../../tokens/color';\nimport type { UiTheme } from '../../../tokens/theme';\n\n/** MUI's `pulseKeyframe` runs `ease-in-out`. */\nconst PULSE_EASING = Easing.inOut(Easing.ease);\nconst PERCENT = /^-?\\d+(?:\\.\\d+)?%$/;\n\n/**\n * A width or a height, as React Native accepts one. The web takes any CSS\n * length; here a number is dp and a percentage is a percentage — anything else\n * (`10rem`, `calc(...)`) has no equivalent and sizes the box from its content,\n * which `NATIVE-NOTES.md` records.\n */\nexport function dimension(value: number | string | undefined): DimensionValue | undefined {\n  if (value === undefined || typeof value === 'number') return value;\n  return PERCENT.test(value) ? (value as `${number}%`) : undefined;\n}\n\n/** The tint the web writes: the body ink at the intensity's alpha, white in dark mode. */\nexport const skeletonTint = (theme: UiTheme, intensity: SkeletonIntensity): string =>\n  alpha(\n    theme.mode === 'dark' ? COMMON_WHITE : theme.palette.text.primary,\n    SKELETON_INTENSITY_OPACITY[intensity],\n  );\n\n/** MUI's radius per variant: a circle, a square rectangle, the theme's 4px on text. */\nconst radiusFor = (theme: UiTheme, variant: SkeletonVariant): number => {\n  if (variant === 'circular') return theme.radius.full;\n  return variant === 'text' ? theme.radius.md : 0;\n};\n\n/**\n * The `text` variant's height. MUI gives it a `1.2em` line box and squashes the\n * whole box to 60%; React Native's transforms do not change layout, so the two\n * are multiplied out into the height the web actually shows.\n */\nexport function textBoxHeight(\n  theme: UiTheme,\n  height: number | string | undefined,\n): DimensionValue | undefined {\n  if (typeof height === 'string') return dimension(height);\n  const box = height ?? theme.typography.sizes.md.fontSize * TEXT_LINE_HEIGHT_EM;\n  return box * TEXT_SCALE_Y;\n}\n\n/**\n * `glassmorphism`: the gradient's first stop flat, the hairline, and the web's\n * own box-shadow string — React Native 0.76+ takes CSS shadow syntax, so the\n * two renderers draw the shadow from the same declaration. What is missing is\n * the 20px backdrop blur, which React Native has no equivalent of.\n */\nfunction glassStyle(theme: UiTheme): ViewStyle {\n  return {\n    backgroundColor: alpha(theme.palette.background.paper, GLASS_BACKGROUND_ALPHA_FROM),\n    borderWidth: 1,\n    borderColor: alpha(theme.palette.divider, GLASS_BORDER_ALPHA),\n    boxShadow: `0 ${GLASS_SHADOW.offsetY}px ${GLASS_SHADOW.blur}px 0 ${alpha(COMMON_BLACK, GLASS_SHADOW.alpha)}`,\n  };\n}\n\ninterface SkeletonBoxStyleArgs {\n  variant: SkeletonVariant;\n  intensity: SkeletonIntensity;\n  width?: number | string;\n  height?: number | string;\n  borderRadius?: number | string;\n  glassmorphism: boolean;\n  /** A box with a wash sliding over it clips, as MUI's `wave` and the shimmer do. */\n  clipped: boolean;\n}\n\n/** The box the web paints, in absolute numbers. */\nexport function skeletonBoxStyle(theme: UiTheme, a: SkeletonBoxStyleArgs): ViewStyle {\n  const box = SKELETON_DEFAULT_DIMENSIONS[a.variant];\n  const height = a.height ?? box.height;\n  const style: ViewStyle = {\n    width: dimension(a.width ?? box.width),\n    height: a.variant === 'text' ? textBoxHeight(theme, height) : dimension(height),\n    borderRadius: dimension(a.borderRadius) ?? radiusFor(theme, a.variant),\n    backgroundColor: skeletonTint(theme, a.intensity),\n  };\n  if (a.clipped) style.overflow = 'hidden';\n  return a.glassmorphism ? { ...style, ...glassStyle(theme) } : style;\n}\n\ninterface WashProps {\n  color: string;\n  durationMs: number;\n  delayMs: number;\n  testID?: string;\n}\n\n/**\n * MUI's sweeping `::after`, standing still. React Native core has no gradient\n * fill and no pseudo-elements, so the same wash covers the box and fades in and\n * out on the same cadence instead of travelling across it. It carries no\n * `aria-hidden` of its own: the box it sits in is already hidden, and the\n * shared stories count the boxes by that attribute.\n */\nfunction Wash({ color, durationMs, delayMs, testID }: WashProps): React.JSX.Element {\n  const progress = useLoopedProgress(true, { durationMs, delayMs, easing: Easing.linear });\n  return (\n    <Animated.View\n      testID={testID}\n      style={[\n        StyleSheet.absoluteFill,\n        {\n          pointerEvents: 'none',\n          backgroundColor: color,\n          opacity: progress.interpolate({ inputRange: [0, 0.5, 1], outputRange: [0, 1, 0] }),\n        },\n      ]}\n    />\n  );\n}\n\ninterface SkeletonBoxProps extends SkeletonBoxStyleArgs {\n  animation: SkeletonAnimation;\n  shimmer: boolean;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  rest: ViewProps;\n}\n\n/** The web's `muiAnimationFor`: the `wave` VARIANT always animates as a wave. */\nconst effectiveAnimation = (\n  variant: SkeletonVariant,\n  animation: SkeletonAnimation,\n): SkeletonAnimation => (variant === 'wave' ? 'wave' : animation);\n\n/** One skeleton box: the tint, the pulse, and the wash the sweep stands in for. */\nfunction SkeletonBox({\n  animation,\n  shimmer,\n  style,\n  testID,\n  rest,\n  ...styleArgs\n}: SkeletonBoxProps): React.JSX.Element {\n  const theme = useUiTheme();\n  const animates = effectiveAnimation(styleArgs.variant, animation);\n  const pulse = useLoopedProgress(animates === 'pulse', {\n    durationMs: PULSE.durationMs,\n    delayMs: PULSE.delayMs,\n    easing: PULSE_EASING,\n  });\n  const box = skeletonBoxStyle(theme, styleArgs);\n  const washId = testID ? `${testID}-wash` : undefined;\n\n  return (\n    <Animated.View\n      aria-hidden\n      testID={testID}\n      style={[\n        box,\n        animates === 'pulse'\n          ? { opacity: pulse.interpolate({ inputRange: [0, 0.5, 1], outputRange: [1, PULSE.dip, 1] }) }\n          : null,\n        style,\n      ]}\n      {...rest}\n    >\n      {shimmer ? (\n        <Wash\n          color={alpha(COMMON_WHITE, SHIMMER_ALPHA)}\n          durationMs={SHIMMER_DURATION_MS}\n          delayMs={0}\n          testID={washId}\n        />\n      ) : null}\n      {!shimmer && animates === 'wave' ? (\n        <Wash\n          color={theme.palette.action.hover}\n          durationMs={WAVE.durationMs}\n          delayMs={WAVE.delayMs}\n          testID={washId}\n        />\n      ) : null}\n    </Animated.View>\n  );\n}\n\n/**\n * The native `Skeleton`: the same box, the same tint and the same default\n * dimensions the MUI half draws, on a `View`.\n */\nexport const Skeleton: React.FC<SkeletonProps> = React.memo(function Skeleton(rawProps) {\n  const resolved = resolveSkeletonProps(rawProps);\n  const {\n    variant,\n    animation,\n    width,\n    height,\n    count,\n    spacing,\n    borderRadius,\n    intensity,\n    glassmorphism,\n    shimmer,\n    style,\n    ...others\n  } = resolved;\n  const theme = useUiTheme();\n  const testID = resolveTestId(others);\n  const box: Omit<SkeletonBoxProps, 'testID'> = {\n    variant,\n    animation,\n    intensity,\n    width,\n    height,\n    borderRadius,\n    glassmorphism,\n    shimmer,\n    clipped: shimmer || effectiveAnimation(variant, animation) === 'wave',\n    style,\n    rest: withoutTestIdProps(others),\n  };\n\n  // Handle edge case: count of 0 should render nothing\n  if (count === 0) return null;\n  if (count === 1) return <SkeletonBox {...box} testID={testID} />;\n\n  return (\n    <View style={{ gap: theme.spacing(spacing) }}>\n      {Array.from({ length: count }, (_, index) => (\n        <View key={`skeleton-${index}`}>\n          <SkeletonBox {...box} testID={skeletonInstanceTestId(testID, index)} />\n        </View>\n      ))}\n    </View>\n  );\n});\n\nSkeleton.displayName = 'Skeleton';\n","import type { SkeletonBaseProps } from './Skeleton.base';\n\ntype SkeletonDefaultedKeys =\n  | 'variant'\n  | 'animation'\n  | 'count'\n  | 'spacing'\n  | 'intensity'\n  | 'glassmorphism'\n  | 'shimmer';\n\n/**\n * Generic over the renderer's own props: the web and the native `Skeleton`\n * carry different extras (`className`/`style` against a `View`'s props), and\n * both come back out untouched.\n */\ntype ResolvedSkeletonProps<P extends SkeletonBaseProps> = P &\n  Required<Pick<SkeletonBaseProps, SkeletonDefaultedKeys>>;\n\nconst SKELETON_DEFAULTS: Required<Pick<SkeletonBaseProps, SkeletonDefaultedKeys>> = {\n  variant: 'text',\n  animation: 'pulse',\n  count: 1,\n  spacing: 1,\n  intensity: 'medium',\n  glassmorphism: false,\n  shimmer: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `count={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = <P extends SkeletonBaseProps>(props: P): Partial<P> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<P>;\n\nexport const resolveSkeletonProps = <P extends SkeletonBaseProps>(\n  props: P,\n): ResolvedSkeletonProps<P> =>\n  ({ ...SKELETON_DEFAULTS, ...definedProps(props) }) as ResolvedSkeletonProps<P>;\n\n/**\n * The id of instance `index` when a caller asked for several. Unnamed\n * skeletons stay unnamed — the web has always cloned `undefined` there.\n */\nexport const skeletonInstanceTestId = (\n  base: string | undefined,\n  index: number,\n): string | undefined => (base ? `${base}-${index}` : undefined);\n","import type { SkeletonIntensity, SkeletonVariant } from './Skeleton.base';\n\n/**\n * THE NUMBERS BOTH `Skeleton` RENDERERS DRAW WITH.\n *\n * `Skeleton.styles.ts` (web, emotion over MUI's own `Skeleton`) and\n * `Skeleton.native.tsx` (React Native) read this one table. The web turns them\n * into CSS strings — `blur(20px)`, `shimmer 2s infinite` — and native uses the\n * numbers as they are, so neither renderer restates a value.\n *\n * Two groups live here. The first is what the web component WRITES (the\n * intensity alphas, the default box, the glass and shimmer washes). The second\n * is what MUI's own `Skeleton` contributes on the web and the native half\n * therefore has to restate: its pulse keyframe, its wave cadence, and the\n * geometry of the `text` variant. Those are MUI's DEFAULTS — a host that\n * re-themes them moves the web only, which `NATIVE-NOTES.md` records.\n */\n\n/** The tint's alpha over the ink, per intensity. */\nexport const SKELETON_INTENSITY_OPACITY: Record<SkeletonIntensity, number> = {\n  low: 0.11,\n  medium: 0.13,\n  high: 0.15,\n};\n\n/** The box a variant draws when the caller gives no `width`/`height`. */\nexport const SKELETON_DEFAULT_DIMENSIONS: Record<\n  SkeletonVariant,\n  { width: number | string; height: number | undefined }\n> = {\n  // `text` has no height of its own: MUI's line box gives it one (below).\n  text: { width: '100%', height: undefined },\n  circular: { width: 40, height: 40 },\n  rectangular: { width: '100%', height: 40 },\n  wave: { width: '100%', height: 40 },\n};\n\n/* ── `glassmorphism` ──────────────────────────────────────────────────────── */\n\n/** The 135° wash over `background.paper`, from the first stop to the last. */\nexport const GLASS_BACKGROUND_ALPHA_FROM = 0.8;\nexport const GLASS_BACKGROUND_ALPHA_TO = 0.4;\nexport const GLASS_BLUR_PX = 20;\nexport const GLASS_BORDER_ALPHA = 0.2;\n/** `0 8px 32px 0 rgba(0, 0, 0, 0.1)`. */\nexport const GLASS_SHADOW = { offsetY: 8, blur: 32, alpha: 0.1 } as const;\n\n/* ── `shimmer` ────────────────────────────────────────────────────────────── */\n\n/** The sweep's middle stop, over white. */\nexport const SHIMMER_ALPHA = 0.3;\nexport const SHIMMER_DURATION_MS = 2000;\n\n/**\n * MUI's `palette.common`, which is a pair of fixed hexes rather than anything\n * derived — so the shared theme has no slot for them and they are named here.\n */\nexport const COMMON_BLACK = '#000';\nexport const COMMON_WHITE = '#fff';\n\n/* ── MUI's own `Skeleton`, restated for the renderer that has no MUI ──────── */\n\n/**\n * MUI's `pulseKeyframe`: opacity 1 → 0.4 → 1, `2s ease-in-out 0.5s infinite`.\n * The delay runs once on the web; native replays it each lap unless the\n * animation is sequenced, which `Skeleton.native.tsx` does.\n */\nexport const PULSE = { durationMs: 2000, delayMs: 500, dip: 0.4 } as const;\n\n/** MUI's `wave` sweep: `1.6s linear 0.5s infinite`, in `palette.action.hover`. */\nexport const WAVE = { durationMs: 1600, delayMs: 500 } as const;\n\n/**\n * The `text` variant, as MUI draws it: a line box `1.2em` tall squashed to 60%\n * of its height (`transform: scale(1, 0.60)`), with a `4px/6.7px` elliptical\n * radius that the same squash turns back into a round 4px. React Native has no\n * `em`, and its transforms do not change layout, so the native half multiplies\n * the two out into one height and draws the plain 4px radius the squash lands on.\n */\nexport const TEXT_LINE_HEIGHT_EM = 1.2;\nexport const TEXT_SCALE_Y = 0.6;\n"],"mappings":"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","names":["Skeleton"]}

package/dist/native/chunks/chunk-MJVSQXOD.js

@@ -0,0 +1,9 @@
+// src/platform/web-keys.ts
+function webKeyDown(handler) {
+  return handler === void 0 ? {} : { onKeyDown: handler };
+}
+
+export {
+  webKeyDown
+};
+//# sourceMappingURL=chunk-MJVSQXOD.js.map

package/dist/native/chunks/chunk-MJVSQXOD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/platform/web-keys.ts"],"sourcesContent":["/**\n * KEY EVENTS REACT NATIVE DOES NOT DECLARE.\n *\n * There is no `onKeyDown` on React Native's `ViewProps` or `PressableProps`,\n * because there is no keyboard behind a `View` on a device. react-native-web\n * DOES forward one to the DOM, and a component that stands in for a native\n * control — a chip that removes on Delete, a listbox option that activates on\n * Space — carries those conventions as part of its contract on the web.\n *\n * `webKeyDown` spreads the handler onto a react-native element without that\n * element's props type having to know it, the way `./aria.ts` does for the\n * `aria-*` attributes React Native leaves out. On a device it is simply never\n * called, which is the honest outcome: the gesture is the input there.\n *\n * The event is typed structurally rather than as a DOM `KeyboardEvent`, because\n * the native type program is checked WITHOUT the DOM lib.\n */\nexport interface WebKeyEvent {\n  key: string;\n  preventDefault: () => void;\n}\n\nexport type WebKeyHandler = (event: WebKeyEvent) => void;\n\n/** `{ onKeyDown }` as something JSX can spread onto a react-native element. */\nexport function webKeyDown(handler: WebKeyHandler | undefined): object {\n  return handler === undefined ? {} : { onKeyDown: handler };\n}\n"],"mappings":";AAyBO,SAAS,WAAW,SAA4C;AACrE,SAAO,YAAY,SAAY,CAAC,IAAI,EAAE,WAAW,QAAQ;AAC3D;","names":[]}