@12-apps/ui 6.33.1 → 6.34.0

package/dist/native/chunks/chunk-335WGKE6.js

@@ -1,336 +0,0 @@
-import {
-  resolveFieldEdge
-} from "./chunk-IMGBBIMT.js";
-import {
-  SIZE_VALUES
-} from "./chunk-5WLOVHKK.js";
-import {
-  DEFAULT_FIELD_HEIGHT,
-  alpha,
-  decomposeColor,
-  fieldHeightPx,
-  recomposeColor
-} from "./chunk-R5XVZRDD.js";
-
-// src/components/form/Input/Input.metrics.ts
-var muiVariantFor = (variant) => {
-  switch (variant) {
-    case "underline":
-      return "standard";
-    case "glass":
-    case "gradient":
-      return "outlined";
-    default:
-      return variant;
-  }
-};
-var INPUT_MUI_SIZE = {
-  xs: "small",
-  sm: "small",
-  md: "small",
-  lg: "medium",
-  xl: "medium"
-};
-var INPUT_SIZE_OVERRIDES = {
-  xs: { vertical: 6, horizontal: 10 },
-  lg: { vertical: 16, horizontal: 14 },
-  xl: { vertical: 20, horizontal: 16 }
-};
-var MUI_INPUT_PADDING = {
-  outlined: {
-    small: { top: 8.5, right: 14, bottom: 8.5, left: 14 },
-    medium: { top: 16.5, right: 14, bottom: 16.5, left: 14 }
-  },
-  filled: {
-    small: { top: 21, right: 12, bottom: 4, left: 12 },
-    medium: { top: 25, right: 12, bottom: 8, left: 12 }
-  },
-  standard: {
-    small: { top: 1, right: 0, bottom: 5, left: 0 },
-    medium: { top: 4, right: 0, bottom: 5, left: 0 }
-  }
-};
-var AT_FIELD_HEIGHT = {
-  outlined: true,
-  glass: true,
-  gradient: true,
-  filled: false,
-  underline: false
-};
-function inputPadding(variant, size, fieldHeight = DEFAULT_FIELD_HEIGHT) {
-  const override = INPUT_SIZE_OVERRIDES[size];
-  if (AT_FIELD_HEIGHT[variant]) {
-    const vertical = (fieldHeightPx(fieldHeight, size) - INPUT_LINE_HEIGHT) / 2;
-    const horizontal = override?.horizontal ?? MUI_INPUT_PADDING.outlined.small.left;
-    return { top: vertical, right: horizontal, bottom: vertical, left: horizontal };
-  }
-  if (override) {
-    return {
-      top: override.vertical,
-      right: override.horizontal,
-      bottom: override.vertical,
-      left: override.horizontal
-    };
-  }
-  return MUI_INPUT_PADDING[muiVariantFor(variant)][INPUT_MUI_SIZE[size]];
-}
-var INPUT_FONT_SIZE = 16;
-var INPUT_LINE_HEIGHT = 23;
-var PLACEHOLDER_OPACITY = { light: 0.42, dark: 0.5 };
-function placeholderInk(theme) {
-  const opacity = theme.mode === "dark" ? PLACEHOLDER_OPACITY.dark : PLACEHOLDER_OPACITY.light;
-  const { type, values } = decomposeColor(theme.palette.text.primary);
-  const [first = 0, second = 0, third = 0, own = 1] = values;
-  return recomposeColor({
-    type: type.startsWith("hsl") ? "hsla" : "rgba",
-    values: [first, second, third, own * opacity]
-  });
-}
-var INPUT_BORDER = { rest: 1, focused: 2 };
-var UNDERLINE_COLOR = {
-  light: "rgba(0, 0, 0, 0.42)",
-  dark: "rgba(255, 255, 255, 0.7)"
-};
-var INPUT_LABEL = { scale: 0.75, gap: 4 };
-var HELPER_TEXT = {
-  fontSize: 12,
-  lineHeight: 1.66,
-  marginTop: 3,
-  marginTopSmall: 4,
-  marginHorizontal: 14
-};
-var ADORNMENT_GAP = 8;
-var INPUT_LOADING = { opacity: 0.7, spinnerSize: 20 };
-var INPUT_GLOW = {
-  rest: { blur: 15, alpha: 0.3 },
-  focused: { blur: 20, alpha: 0.5 }
-};
-var INPUT_PULSE = {
-  opacity: 0.3,
-  ms: 2e3,
-  spread: 10
-};
-var INPUT_GLASS = {
-  background: { rest: 0.1, hover: 0.15, focused: 0.2 },
-  blur: 20,
-  hoverBorderAlpha: 0.3,
-  focusRing: { width: 2, alpha: 0.1 }
-};
-var INPUT_GRADIENT = {
-  angleDeg: 135,
-  fill: { rest: 0.1, hover: 0.15, focused: 0.2 },
-  borderWidth: 2
-};
-var FILLED_WASH = { rest: 0.04, hover: 0.08, focused: 0.12 };
-var sizeProps = (size) => {
-  const override = INPUT_SIZE_OVERRIDES[size];
-  return {
-    size: INPUT_MUI_SIZE[size],
-    ...override ? {
-      sx: {
-        "& .MuiInputBase-input": {
-          paddingLeft: `${override.horizontal}px`,
-          paddingRight: `${override.horizontal}px`
-        }
-      }
-    } : {}
-  };
-};
-var SIZE_MAP = Object.fromEntries(
-  SIZE_VALUES.map((size) => [size, sizeProps(size)])
-);
-
-// src/components/form/field-pulse.native.tsx
-import * as React from "react";
-import { Animated, Easing, Platform, StyleSheet } from "react-native";
-import { jsx } from "react/jsx-runtime";
-function FieldPulse({
-  color,
-  radius,
-  height,
-  testID
-}) {
-  const progress = React.useRef(new Animated.Value(0)).current;
-  React.useEffect(() => {
-    const loop = Animated.loop(
-      Animated.timing(progress, {
-        toValue: 1,
-        duration: INPUT_PULSE.ms,
-        easing: Easing.out(Easing.ease),
-        useNativeDriver: Platform.OS !== "web"
-      })
-    );
-    loop.start();
-    return () => loop.stop();
-  }, [progress]);
-  return /* @__PURE__ */ jsx(
-    Animated.View,
-    {
-      testID,
-      "aria-hidden": true,
-      style: [
-        styles.pulse,
-        {
-          height,
-          borderRadius: radius,
-          backgroundColor: color,
-          opacity: progress.interpolate({
-            inputRange: [0, 0.7, 1],
-            outputRange: [INPUT_PULSE.opacity, 0, 0]
-          }),
-          transform: [
-            { translateY: -height / 2 },
-            {
-              scale: progress.interpolate({
-                inputRange: [0, 0.7, 1],
-                outputRange: [1, 1 + INPUT_PULSE.spread / height, 1]
-              })
-            }
-          ]
-        }
-      ]
-    }
-  );
-}
-var styles = StyleSheet.create({
-  pulse: {
-    position: "absolute",
-    top: "50%",
-    left: 0,
-    right: 0,
-    pointerEvents: "none"
-  }
-});
-
-// src/components/form/Input/Input.look.native.ts
-var BORDER_SIDES = {
-  outlined: "all",
-  glass: "all",
-  gradient: "all",
-  filled: "bottom",
-  underline: "bottom"
-};
-var BORDER_IS_FREE = {
-  outlined: true,
-  filled: true,
-  underline: true,
-  glass: false,
-  gradient: false
-};
-function borderWidthFor(variant, focused) {
-  if (variant === "gradient") return INPUT_GRADIENT.borderWidth;
-  if (variant === "glass") return INPUT_BORDER.rest;
-  return focused ? INPUT_BORDER.focused : INPUT_BORDER.rest;
-}
-function horizontalBorderInset(variant, focused) {
-  if (BORDER_SIDES[variant] !== "all" || !BORDER_IS_FREE[variant]) return 0;
-  return borderWidthFor(variant, focused);
-}
-function borderColorFor(theme, variant, state) {
-  if (state.disabled) return theme.palette.action.disabled;
-  if (state.error) return theme.palette.danger.main;
-  if (variant === "gradient") {
-    return state.focused ? theme.palette.primary.dark : theme.palette.primary.main;
-  }
-  if (state.focused) return theme.palette.primary.main;
-  if (variant === "filled") {
-    return theme.mode === "dark" ? UNDERLINE_COLOR.dark : UNDERLINE_COLOR.light;
-  }
-  return resolveFieldEdge(theme.palette.divider, theme.palette.background.paper);
-}
-function backgroundFor(theme, variant, state) {
-  switch (variant) {
-    case "filled":
-      return alpha(theme.palette.action.hover, state.focused ? FILLED_WASH.focused : FILLED_WASH.rest);
-    case "glass":
-      return alpha(
-        theme.palette.background.paper,
-        state.focused ? INPUT_GLASS.background.focused : INPUT_GLASS.background.rest
-      );
-    case "gradient":
-      return alpha(
-        theme.palette.primary.main,
-        state.focused ? INPUT_GRADIENT.fill.focused : INPUT_GRADIENT.fill.rest
-      );
-    default:
-      return void 0;
-  }
-}
-function radiusFor(theme, variant) {
-  if (variant === "underline") return {};
-  if (variant === "filled") {
-    return { borderTopLeftRadius: theme.radius.field, borderTopRightRadius: theme.radius.field };
-  }
-  return { borderRadius: theme.radius.field };
-}
-function borderStyle(variant, width, color, state) {
-  const style = state.disabled && BORDER_SIDES[variant] === "bottom" ? "dotted" : "solid";
-  const sides = BORDER_SIDES[variant] === "bottom" ? { borderBottomWidth: width } : { borderWidth: width };
-  return { ...sides, borderColor: color, borderStyle: style };
-}
-function fieldLook(theme, variant, size, state) {
-  const padding = inputPadding(variant, size, theme.fieldHeight);
-  const width = borderWidthFor(variant, state.focused);
-  const inset = BORDER_IS_FREE[variant] ? width : 0;
-  const sides = BORDER_SIDES[variant];
-  const horizontal = sides === "all" ? inset : 0;
-  return {
-    box: {
-      flexDirection: "row",
-      alignItems: "center",
-      paddingLeft: padding.left - horizontal,
-      paddingRight: padding.right - horizontal,
-      backgroundColor: backgroundFor(theme, variant, state),
-      ...radiusFor(theme, variant),
-      ...borderStyle(variant, width, borderColorFor(theme, variant, state), state)
-    },
-    value: {
-      flex: 1,
-      minWidth: 0,
-      fontFamily: theme.typography.fontFamily,
-      fontSize: INPUT_FONT_SIZE,
-      lineHeight: INPUT_LINE_HEIGHT,
-      color: state.disabled ? theme.palette.text.disabled : theme.palette.text.primary,
-      paddingTop: padding.top - (sides === "all" ? inset : 0),
-      paddingBottom: padding.bottom - inset,
-      paddingHorizontal: 0
-    },
-    placeholder: placeholderInk(theme)
-  };
-}
-function labelStyle(theme, variant, size, state) {
-  const ink = state.disabled ? theme.palette.text.disabled : state.error ? theme.palette.danger.main : state.focused ? theme.palette.primary.main : theme.palette.text.secondary;
-  return {
-    color: ink,
-    fontFamily: theme.typography.fontFamily,
-    fontSize: INPUT_FONT_SIZE * INPUT_LABEL.scale,
-    marginBottom: INPUT_LABEL.gap,
-    // Aligned with the value it names: the web's floating label and the input
-    // share one left inset (14px outlined, 12px filled, 0 standard).
-    marginLeft: inputPadding(variant, size, theme.fieldHeight).left
-  };
-}
-function helperStyle(theme, variant, size, state) {
-  return {
-    color: state.disabled ? theme.palette.text.disabled : state.error ? theme.palette.danger.main : theme.palette.text.secondary,
-    fontFamily: theme.typography.fontFamily,
-    fontSize: HELPER_TEXT.fontSize,
-    lineHeight: HELPER_TEXT.fontSize * HELPER_TEXT.lineHeight,
-    marginTop: INPUT_MUI_SIZE[size] === "small" ? HELPER_TEXT.marginTopSmall : HELPER_TEXT.marginTop,
-    marginHorizontal: variant === "underline" ? 0 : HELPER_TEXT.marginHorizontal
-  };
-}
-
-export {
-  INPUT_FONT_SIZE,
-  INPUT_LINE_HEIGHT,
-  ADORNMENT_GAP,
-  INPUT_LOADING,
-  INPUT_GLOW,
-  FieldPulse,
-  horizontalBorderInset,
-  fieldLook,
-  labelStyle,
-  helperStyle
-};
-//# sourceMappingURL=chunk-335WGKE6.js.map

package/dist/native/chunks/chunk-335WGKE6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/form/Input/Input.metrics.ts","../../../src/components/form/field-pulse.native.tsx","../../../src/components/form/Input/Input.look.native.ts"],"sourcesContent":["import type { InputVariant } from './Input.base';\nimport { decomposeColor, recomposeColor } from '../../../tokens/color';\nimport { DEFAULT_FIELD_HEIGHT, fieldHeightPx } from '../../../tokens/field-height.core';\nimport type { UiTheme } from '../../../tokens/theme';\nimport { SIZE_VALUES, type SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Input` RENDERERS DRAW WITH.\n *\n * `Input.styles.ts` (web, emotion over MUI's `TextField`) and\n * `Input.native.tsx` (React Native) read this one table. The web turns the px\n * into the padding shorthands and rem it has always emitted; native uses the\n * numbers as they are.\n *\n * Two kinds of number live here, and the difference matters:\n *\n *  - the ones `Input.styles.ts` writes itself — the size overrides, the glow,\n *    the pulse, the glass and gradient alphas, the filled wash;\n *  - the ones MUI supplies UNDER those overrides — `OutlinedInput`'s\n *    `16.5px 14px`, `InputBase`'s 23px line box, `FormHelperText`'s 3px lift.\n *    The web never writes them, but it draws them, so a native field that\n *    wants the same box has to know them. They are MUI 6.5's own values,\n *    copied with their source named; a host that re-themes MUI's components\n *    moves the web only, which the parity ledger records.\n */\n\nexport interface InputInset {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\n/** MUI gives a text field two heights; the house scale has five. */\nexport type MuiInputSize = 'small' | 'medium';\nexport type MuiInputVariant = 'outlined' | 'filled' | 'standard';\n\n/** Our five variants map onto MUI's three; `glass` and `gradient` restyle an outline. */\nexport const muiVariantFor = (variant: InputVariant): MuiInputVariant => {\n  switch (variant) {\n    case 'underline':\n      return 'standard';\n    case 'glass':\n    case 'gradient':\n      return 'outlined';\n    default:\n      return variant;\n  }\n};\n\n/**\n * Which of MUI's two densities each step asks for — its label offsets and\n * helper-text lift. The HEIGHT is not MUI's: every outlined step is drawn at\n * the theme's field height (`tokens/field-height`), which puts `md` at MUI's\n * small 40px, so `md` takes the small density with it.\n */\nexport const INPUT_MUI_SIZE: Record<SizeValue, MuiInputSize> = {\n  xs: 'small',\n  sm: 'small',\n  md: 'small',\n  lg: 'medium',\n  xl: 'medium',\n};\n\n/**\n * The horizontal inset of the steps that have their own, and — for `filled` and\n * `underline`, which are not drawn at the field height — their vertical one.\n * An outlined-family field takes its vertical inset from the field height\n * instead ({@link inputPadding}).\n */\nexport const INPUT_SIZE_OVERRIDES: Partial<Record<SizeValue, { vertical: number; horizontal: number }>> = {\n  xs: { vertical: 6, horizontal: 10 },\n  lg: { vertical: 16, horizontal: 14 },\n  xl: { vertical: 20, horizontal: 16 },\n};\n\n/**\n * MUI's own input padding per variant and height (`OutlinedInput`,\n * `FilledInput`, `InputBase`). The filled insets are lopsided because the\n * floating label sits inside the box on the web.\n */\nexport const MUI_INPUT_PADDING: Record<MuiInputVariant, Record<MuiInputSize, InputInset>> = {\n  outlined: {\n    small: { top: 8.5, right: 14, bottom: 8.5, left: 14 },\n    medium: { top: 16.5, right: 14, bottom: 16.5, left: 14 },\n  },\n  filled: {\n    small: { top: 21, right: 12, bottom: 4, left: 12 },\n    medium: { top: 25, right: 12, bottom: 8, left: 12 },\n  },\n  standard: {\n    small: { top: 1, right: 0, bottom: 5, left: 0 },\n    medium: { top: 4, right: 0, bottom: 5, left: 0 },\n  },\n};\n\n/** The variants drawn at the theme's field height: the outline and the two that restyle it. */\nconst AT_FIELD_HEIGHT: Record<InputVariant, boolean> = {\n  outlined: true,\n  glass: true,\n  gradient: true,\n  filled: false,\n  underline: false,\n};\n\n/**\n * The inset the value is drawn at.\n *\n * An outlined-family field is the theme's field height tall, so its vertical\n * inset is whatever centres the 23px line in that height; its horizontal inset\n * is the size override's, or MUI's 14px. `filled` and `underline` keep their\n * own heights — their label sits inside the box — so they keep MUI's insets.\n */\nexport function inputPadding(\n  variant: InputVariant,\n  size: SizeValue,\n  fieldHeight: number = DEFAULT_FIELD_HEIGHT,\n): InputInset {\n  const override = INPUT_SIZE_OVERRIDES[size];\n  if (AT_FIELD_HEIGHT[variant]) {\n    const vertical = (fieldHeightPx(fieldHeight, size) - INPUT_LINE_HEIGHT) / 2;\n    const horizontal = override?.horizontal ?? MUI_INPUT_PADDING.outlined.small.left;\n    return { top: vertical, right: horizontal, bottom: vertical, left: horizontal };\n  }\n  if (override) {\n    return {\n      top: override.vertical,\n      right: override.horizontal,\n      bottom: override.vertical,\n      left: override.horizontal,\n    };\n  }\n  return MUI_INPUT_PADDING[muiVariantFor(variant)][INPUT_MUI_SIZE[size]];\n}\n\n/** `theme.typography.body1` and `InputBase`'s `lineHeight: '1.4375em'`, in px. */\nexport const INPUT_FONT_SIZE = 16;\nexport const INPUT_LINE_HEIGHT = 23;\n\n/** MUI's `::placeholder` opacity, which multiplies the ink's own alpha. */\nexport const PLACEHOLDER_OPACITY = { light: 0.42, dark: 0.5 } as const;\n\n/**\n * The placeholder's colour: the field's ink faded by MUI's opacity.\n *\n * `alpha()` REPLACES an alpha channel, and `text.primary` already carries one\n * (`rgba(0, 0, 0, 0.87)`), so `alpha(ink, 0.42)` would be a different grey from\n * the one the browser composites. React Native has no per-placeholder opacity —\n * only `placeholderTextColor` — so the multiplication happens here.\n */\nexport function placeholderInk(theme: UiTheme): string {\n  const opacity = theme.mode === 'dark' ? PLACEHOLDER_OPACITY.dark : PLACEHOLDER_OPACITY.light;\n  const { type, values } = decomposeColor(theme.palette.text.primary);\n  const [first = 0, second = 0, third = 0, own = 1] = values;\n  return recomposeColor({\n    type: type.startsWith('hsl') ? 'hsla' : 'rgba',\n    values: [first, second, third, own * opacity],\n  });\n}\n\n/** The outline: 1px at rest, 2px focused, as MUI's `notchedOutline` draws it. */\nexport const INPUT_BORDER = { rest: 1, focused: 2 } as const;\n\n/** `FilledInput`'s and `Input`'s resting underline, MUI's own two greys. */\nexport const UNDERLINE_COLOR = {\n  light: 'rgba(0, 0, 0, 0.42)',\n  dark: 'rgba(255, 255, 255, 0.7)',\n} as const;\n\n/**\n * The label. It floats into the border on the web and sits above the field on\n * native, but it is the SAME label: 16px body type at MUI's shrunk scale, and\n * left-aligned with the value it names ({@link inputPadding}'s `left`).\n *\n * The 4px gap is MUI's own: a standard field puts 16px between the control's\n * top and the input, and the shrunk label's 12px line box takes the first 12.\n */\nexport const INPUT_LABEL = { scale: 0.75, gap: 4 } as const;\n\n/** `FormHelperText`: `theme.typography.caption` lifted 3px, inset 14px when contained. */\nexport const HELPER_TEXT = {\n  fontSize: 12,\n  lineHeight: 1.66,\n  marginTop: 3,\n  marginTopSmall: 4,\n  marginHorizontal: 14,\n} as const;\n\n/** `InputAdornment`: 8px between the glyph and the value, on whichever side it is. */\nexport const ADORNMENT_GAP = 8;\n\n/** `loading`: the field fades and MUI's 20px `CircularProgress` takes the end slot. */\nexport const INPUT_LOADING = { opacity: 0.7, spinnerSize: 20 } as const;\n\n/** `glow`: a halo of the primary hue, wider and stronger while focused. */\nexport const INPUT_GLOW = {\n  rest: { blur: 15, alpha: 0.3 },\n  focused: { blur: 20, alpha: 0.5 },\n} as const;\n\n/**\n * `pulse`: a bar behind the field, fading outward every two seconds. Its height\n * and corner are the field's own — the theme's field height and radius.\n */\nexport const INPUT_PULSE = {\n  opacity: 0.3,\n  ms: 2000,\n  spread: 10,\n} as const;\n\n/** `floating`: where the label rests and where it shrinks to, on the web. */\nexport const FLOATING_LABEL = {\n  rest: { x: 14, y: 16 },\n  shrink: { x: 14, y: -9 },\n  scale: 0.75,\n  paddingX: 4,\n} as const;\n\n/** `glass`: a wash of paper under a blur, brighter as the field is engaged. */\nexport const INPUT_GLASS = {\n  background: { rest: 0.1, hover: 0.15, focused: 0.2 },\n  blur: 20,\n  hoverBorderAlpha: 0.3,\n  focusRing: { width: 2, alpha: 0.1 },\n} as const;\n\n/** `gradient`: a 135° fill between the two brand hues, inside a 2px masked ring. */\nexport const INPUT_GRADIENT = {\n  angleDeg: 135,\n  fill: { rest: 0.1, hover: 0.15, focused: 0.2 },\n  borderWidth: 2,\n} as const;\n\n/** `filled`: MUI's own grey replaced by a wash of `action.hover`. */\nexport const FILLED_WASH = { rest: 0.04, hover: 0.08, focused: 0.12 } as const;\n\n/**\n * The props the web spreads onto the `TextField` for a size: MUI's density, and\n * the horizontal inset of the steps that have their own. The HEIGHT is not\n * here — `Input.tsx` draws every outlined step at the theme's field height.\n */\nexport interface InputSizeProps {\n  size: MuiInputSize;\n  sx?: { '& .MuiInputBase-input': { paddingLeft: string; paddingRight: string } };\n}\n\nconst sizeProps = (size: SizeValue): InputSizeProps => {\n  const override = INPUT_SIZE_OVERRIDES[size];\n  return {\n    size: INPUT_MUI_SIZE[size],\n    ...(override\n      ? {\n          sx: {\n            '& .MuiInputBase-input': {\n              paddingLeft: `${override.horizontal}px`,\n              paddingRight: `${override.horizontal}px`,\n            },\n          },\n        }\n      : {}),\n  };\n};\n\nexport const SIZE_MAP: Record<SizeValue, InputSizeProps> = Object.fromEntries(\n  SIZE_VALUES.map((size) => [size, sizeProps(size)]),\n) as Record<SizeValue, InputSizeProps>;\n","import * as React from 'react';\nimport { Animated, Easing, Platform, StyleSheet } from 'react-native';\n\nimport { INPUT_PULSE } from './Input/Input.metrics';\n\n/**\n * THE BAR THAT PULSES BEHIND A FIELD.\n *\n * `Input.styles.ts` and `Select.tsx` declare the same `::after` — a 56px wash\n * of the primary hue at 0.3, growing a 10px box-shadow ring and fading out\n * every two seconds — so the native halves draw it from one component rather\n * than one each. The numbers stay in `Input.metrics.ts`, which `Select.metrics`\n * re-exports under its own name.\n *\n * React Native has no box-shadow spread, so the ring is a scale on the bar.\n */\nexport function FieldPulse({\n  color,\n  radius,\n  height,\n  testID,\n}: {\n  color: string;\n  radius: number;\n  /** The field's own height, so the bar sits exactly behind it. */\n  height: number;\n  testID: string;\n}): React.JSX.Element {\n  const progress = React.useRef(new Animated.Value(0)).current;\n\n  React.useEffect(() => {\n    const loop = Animated.loop(\n      Animated.timing(progress, {\n        toValue: 1,\n        duration: INPUT_PULSE.ms,\n        easing: Easing.out(Easing.ease),\n        useNativeDriver: Platform.OS !== 'web',\n      }),\n    );\n    loop.start();\n    return () => loop.stop();\n  }, [progress]);\n\n  return (\n    <Animated.View\n      testID={testID}\n      aria-hidden\n      style={[\n        styles.pulse,\n        {\n          height,\n          borderRadius: radius,\n          backgroundColor: color,\n          opacity: progress.interpolate({\n            inputRange: [0, 0.7, 1],\n            outputRange: [INPUT_PULSE.opacity, 0, 0],\n          }),\n          transform: [\n            { translateY: -height / 2 },\n            {\n              scale: progress.interpolate({\n                inputRange: [0, 0.7, 1],\n                outputRange: [1, 1 + INPUT_PULSE.spread / height, 1],\n              }),\n            },\n          ],\n        },\n      ]}\n    />\n  );\n}\n\nconst styles = StyleSheet.create({\n  pulse: {\n    position: 'absolute',\n    top: '50%',\n    left: 0,\n    right: 0,\n    pointerEvents: 'none',\n  },\n});\n","import type { TextStyle, ViewStyle } from 'react-native';\n\nimport type { InputVariant } from './Input.base';\nimport {\n  FILLED_WASH,\n  HELPER_TEXT,\n  INPUT_MUI_SIZE,\n  INPUT_BORDER,\n  INPUT_FONT_SIZE,\n  INPUT_GLASS,\n  INPUT_GRADIENT,\n  INPUT_LABEL,\n  INPUT_LINE_HEIGHT,\n  UNDERLINE_COLOR,\n  inputPadding,\n  placeholderInk,\n} from './Input.metrics';\nimport { alpha } from '../../../tokens/color';\nimport { resolveFieldEdge } from '../../../tokens/field-edge.core';\nimport type { UiTheme } from '../../../tokens/theme';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * WHAT A NATIVE `Input` PAINTS, AS ARITHMETIC.\n *\n * Kept out of `Input.native.tsx` so that file reads as structure — label, box,\n * value, helper — and this one reads as the decisions: which border, how thick,\n * what colour, and where the value sits inside it.\n */\nexport interface FieldState {\n  focused: boolean;\n  error: boolean;\n  disabled: boolean;\n}\n\n/** Which edges a variant draws. `filled` and `underline` rule only the bottom. */\nconst BORDER_SIDES: Record<InputVariant, 'all' | 'bottom'> = {\n  outlined: 'all',\n  glass: 'all',\n  gradient: 'all',\n  filled: 'bottom',\n  underline: 'bottom',\n};\n\n/**\n * Whether the web draws this border on an absolutely positioned element.\n *\n * MUI's `notchedOutline` fieldset and the `::before` / `::after` underlines\n * cost no height — the field is the field height tall WITH its border. `glass` and\n * `gradient` instead put a real `border` on the input root, which does add to\n * the box, so the web field is 2px and 4px taller respectively. React Native\n * has only the second kind, so the first three compensate below.\n */\nconst BORDER_IS_FREE: Record<InputVariant, boolean> = {\n  outlined: true,\n  filled: true,\n  underline: true,\n  glass: false,\n  gradient: false,\n};\n\n/**\n * How thick. Only the outline family thickens on focus (MUI's `borderWidth: 2`\n * on `.Mui-focused .notchedOutline`); `glass` and `gradient` declare their own\n * constant border and change only its colour.\n */\nexport function borderWidthFor(variant: InputVariant, focused: boolean): number {\n  if (variant === 'gradient') return INPUT_GRADIENT.borderWidth;\n  if (variant === 'glass') return INPUT_BORDER.rest;\n  return focused ? INPUT_BORDER.focused : INPUT_BORDER.rest;\n}\n\n/**\n * The width the border takes out of the horizontal inset — 0 where the web's\n * border adds to the box rather than floating over it. Exported because the\n * `Select` draws the same box and has to place its arrow inside the same edge.\n */\nexport function horizontalBorderInset(variant: InputVariant, focused: boolean): number {\n  if (BORDER_SIDES[variant] !== 'all' || !BORDER_IS_FREE[variant]) return 0;\n  return borderWidthFor(variant, focused);\n}\n\n/**\n * What colour. Error and disabled outrank focus, as they do in MUI's source\n * order; a resting `filled` keeps MUI's own underline grey because the web\n * override only replaces its background.\n */\nfunction borderColorFor(theme: UiTheme, variant: InputVariant, state: FieldState): string {\n  if (state.disabled) return theme.palette.action.disabled;\n  if (state.error) return theme.palette.danger.main;\n  if (variant === 'gradient') {\n    return state.focused ? theme.palette.primary.dark : theme.palette.primary.main;\n  }\n  if (state.focused) return theme.palette.primary.main;\n  if (variant === 'filled') {\n    return theme.mode === 'dark' ? UNDERLINE_COLOR.dark : UNDERLINE_COLOR.light;\n  }\n  return resolveFieldEdge(theme.palette.divider, theme.palette.background.paper);\n}\n\n/** The fill behind the value. `outlined` and `underline` have none. */\nfunction backgroundFor(theme: UiTheme, variant: InputVariant, state: FieldState): string | undefined {\n  switch (variant) {\n    case 'filled':\n      return alpha(theme.palette.action.hover, state.focused ? FILLED_WASH.focused : FILLED_WASH.rest);\n    case 'glass':\n      return alpha(\n        theme.palette.background.paper,\n        state.focused ? INPUT_GLASS.background.focused : INPUT_GLASS.background.rest,\n      );\n    case 'gradient':\n      // The first stop of the web's 135° fill; React Native core has no gradient.\n      return alpha(\n        theme.palette.primary.main,\n        state.focused ? INPUT_GRADIENT.fill.focused : INPUT_GRADIENT.fill.rest,\n      );\n    default:\n      return undefined;\n  }\n}\n\n/**\n * The theme's one field radius: `filled` rounds its top two corners with it,\n * `underline` none, the rest all four.\n */\nfunction radiusFor(theme: UiTheme, variant: InputVariant): ViewStyle {\n  if (variant === 'underline') return {};\n  if (variant === 'filled') {\n    return { borderTopLeftRadius: theme.radius.field, borderTopRightRadius: theme.radius.field };\n  }\n  return { borderRadius: theme.radius.field };\n}\n\n/** The border as React Native writes it: a width per side, one colour, one style. */\nfunction borderStyle(variant: InputVariant, width: number, color: string, state: FieldState): ViewStyle {\n  // MUI draws a disabled `filled` or `standard` underline dotted.\n  const style: ViewStyle['borderStyle'] =\n    state.disabled && BORDER_SIDES[variant] === 'bottom' ? 'dotted' : 'solid';\n  const sides: ViewStyle =\n    BORDER_SIDES[variant] === 'bottom' ? { borderBottomWidth: width } : { borderWidth: width };\n  return { ...sides, borderColor: color, borderStyle: style };\n}\n\nexport interface FieldLook {\n  /** The row the border is drawn on: fill, edges, corners and horizontal inset. */\n  box: ViewStyle;\n  /** The `TextInput` itself: type, ink and the vertical inset. */\n  value: TextStyle;\n  placeholder: string;\n}\n\n/**\n * The field, in absolute numbers.\n *\n * The horizontal inset sits on the ROW rather than on the `TextInput`, which is\n * what MUI does the moment an adornment appears (`paddingLeft: 14` moves to the\n * input root and the input's own goes to 0) — so one rule serves a field with\n * adornments and one without.\n *\n * Where the web's border costs no height, the inset gives the border back its\n * width, so the box is the theme's field height (40px by default) and the\n * value does not shift by a pixel when the focused border thickens.\n */\nexport function fieldLook(\n  theme: UiTheme,\n  variant: InputVariant,\n  size: SizeValue,\n  state: FieldState,\n): FieldLook {\n  const padding = inputPadding(variant, size, theme.fieldHeight);\n  const width = borderWidthFor(variant, state.focused);\n  const inset = BORDER_IS_FREE[variant] ? width : 0;\n  const sides = BORDER_SIDES[variant];\n  const horizontal = sides === 'all' ? inset : 0;\n\n  return {\n    box: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      paddingLeft: padding.left - horizontal,\n      paddingRight: padding.right - horizontal,\n      backgroundColor: backgroundFor(theme, variant, state),\n      ...radiusFor(theme, variant),\n      ...borderStyle(variant, width, borderColorFor(theme, variant, state), state),\n    },\n    value: {\n      flex: 1,\n      minWidth: 0,\n      fontFamily: theme.typography.fontFamily,\n      fontSize: INPUT_FONT_SIZE,\n      lineHeight: INPUT_LINE_HEIGHT,\n      color: state.disabled ? theme.palette.text.disabled : theme.palette.text.primary,\n      paddingTop: padding.top - (sides === 'all' ? inset : 0),\n      paddingBottom: padding.bottom - inset,\n      paddingHorizontal: 0,\n    },\n    placeholder: placeholderInk(theme),\n  };\n}\n\n/**\n * The label's ink. MUI's `FormLabel` is `text.secondary`, the focus colour is\n * the palette's `main`, and error and disabled are declared after it and win.\n */\nexport function labelStyle(theme: UiTheme, variant: InputVariant, size: SizeValue, state: FieldState): TextStyle {\n  const ink = state.disabled\n    ? theme.palette.text.disabled\n    : state.error\n      ? theme.palette.danger.main\n      : state.focused\n        ? theme.palette.primary.main\n        : theme.palette.text.secondary;\n\n  return {\n    color: ink,\n    fontFamily: theme.typography.fontFamily,\n    fontSize: INPUT_FONT_SIZE * INPUT_LABEL.scale,\n    marginBottom: INPUT_LABEL.gap,\n    // Aligned with the value it names: the web's floating label and the input\n    // share one left inset (14px outlined, 12px filled, 0 standard).\n    marginLeft: inputPadding(variant, size, theme.fieldHeight).left,\n  };\n}\n\n/**\n * `FormHelperText`: caption type, 3px below the field, inset 14px when\n * contained — and 4px below at MUI's `small` density, which `INPUT_MUI_SIZE`\n * selects for `xs`, `sm` and `md` (`FormHelperText.js`: `marginTop: 3`, then a\n * `size: 'small'` variant raising it to 4).\n */\nexport function helperStyle(\n  theme: UiTheme,\n  variant: InputVariant,\n  size: SizeValue,\n  state: FieldState,\n): TextStyle {\n  return {\n    color: state.disabled\n      ? theme.palette.text.disabled\n      : state.error\n        ? theme.palette.danger.main\n        : theme.palette.text.secondary,\n    fontFamily: theme.typography.fontFamily,\n    fontSize: HELPER_TEXT.fontSize,\n    lineHeight: HELPER_TEXT.fontSize * HELPER_TEXT.lineHeight,\n    marginTop: INPUT_MUI_SIZE[size] === 'small' ? HELPER_TEXT.marginTopSmall : HELPER_TEXT.marginTop,\n    marginHorizontal: variant === 'underline' ? 0 : HELPER_TEXT.marginHorizontal,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/native/chunks/chunk-4KWFRDI2.js

@@ -1,215 +0,0 @@
-import {
-  useLoopedProgress
-} from "./chunk-MLQIOKQZ.js";
-import {
-  resolveTestId,
-  withoutTestIdProps
-} from "./chunk-AR5O4BEY.js";
-import {
-  useUiTheme
-} from "./chunk-X6RQGKGF.js";
-import {
-  alpha
-} from "./chunk-R5XVZRDD.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-4KWFRDI2.js.map

package/dist/native/chunks/chunk-4KWFRDI2.js.map

@@ -1 +0,0 @@
-{"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"]}