@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-ZRFRU545.js

@@ -1,92 +0,0 @@
-import {
-  AddressOption
-} from "./chunk-PDLJOQO5.js";
-import {
-  AddressInputField
-} from "./chunk-SEH7KOVG.js";
-import {
-  MIN_QUERY_LENGTH,
-  addressOptionLabel,
-  isSameAddressOption
-} from "./chunk-MTGEJRE4.js";
-import {
-  AddressSuggestionsPaper
-} from "./chunk-ST4YYVUK.js";
-
-// src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx
-import Alert from "@mui/material/Alert/index.js";
-import Autocomplete from "@mui/material/Autocomplete/index.js";
-import Box from "@mui/material/Box/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var AddressAutocompleteField = ({
-  copy,
-  variant,
-  label,
-  placeholder,
-  icon,
-  floating,
-  error,
-  helperText,
-  disabled,
-  required,
-  fullWidth,
-  getCurrentLocation,
-  inputValue,
-  options,
-  loading,
-  apiError,
-  handleInputChange,
-  handleSelect,
-  handleGetCurrentLocation
-}) => /* @__PURE__ */ jsxs(Box, { "data-testid": "address-autocomplete-container", children: [
-  /* @__PURE__ */ jsx(
-    Autocomplete,
-    {
-      freeSolo: true,
-      options,
-      inputValue,
-      onInputChange: handleInputChange,
-      onChange: handleSelect,
-      loading,
-      disabled,
-      fullWidth,
-      getOptionLabel: addressOptionLabel,
-      isOptionEqualToValue: isSameAddressOption,
-      PaperComponent: AddressSuggestionsPaper,
-      noOptionsText: inputValue.length <= MIN_QUERY_LENGTH ? "Type at least 3 characters" : "No addresses found",
-      renderOption: ({ key, ...optionProps }, option, state) => /* @__PURE__ */ jsx(
-        AddressOption,
-        {
-          optionProps,
-          option,
-          index: state.index
-        },
-        key
-      ),
-      renderInput: (params) => /* @__PURE__ */ jsx(
-        AddressInputField,
-        {
-          copy,
-          params,
-          addressVariant: variant,
-          label: floating ? void 0 : label,
-          placeholder,
-          icon,
-          error: error || !!apiError,
-          helperText: apiError || helperText,
-          required,
-          disabled,
-          loading,
-          showCurrentLocation: getCurrentLocation && !loading,
-          onGetCurrentLocation: handleGetCurrentLocation
-        }
-      )
-    }
-  ),
-  apiError && /* @__PURE__ */ jsx(Alert, { severity: "warning", sx: { mt: 1 }, children: apiError })
-] });
-
-export {
-  AddressAutocompleteField
-};
-//# sourceMappingURL=chunk-ZRFRU545.js.map

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

@@ -1,10 +0,0 @@
-// src/platform/aria.ts
-function webAria(attrs) {
-  const { "aria-atomic": atomic, ...rest } = attrs;
-  return atomic === void 0 ? rest : { ...rest, accessibilityAtomic: atomic };
-}
-
-export {
-  webAria
-};
-//# sourceMappingURL=chunk-4NK5ZQZ3.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/platform/aria.ts"],"sourcesContent":["/**\n * ARIA 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\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"],"mappings":";AA4BO,SAAS,QAAQ,OAAwB;AAC9C,QAAM,EAAE,eAAe,QAAQ,GAAG,KAAK,IAAI;AAC3C,SAAO,WAAW,SAAY,OAAO,EAAE,GAAG,MAAM,qBAAqB,OAAO;AAC9E;","names":[]}

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

@@ -1,136 +0,0 @@
-import {
-  resolveTestId
-} from "./chunk-M4DTJDWU.js";
-import {
-  useUiTheme
-} from "./chunk-YTHR4Y5P.js";
-
-// src/components/layout/Box/Box.base.ts
-var BOX_BASE_KEYS = [
-  "p",
-  "px",
-  "py",
-  "pt",
-  "pr",
-  "pb",
-  "pl",
-  "m",
-  "mx",
-  "my",
-  "mt",
-  "mr",
-  "mb",
-  "ml",
-  "gap",
-  "direction",
-  "align",
-  "justify",
-  "wrap",
-  "flex",
-  "bg",
-  "radius",
-  "bordered",
-  "width",
-  "height",
-  "testID",
-  "dataTestId"
-];
-
-// src/components/layout/Box/box-layout.ts
-var ALIGN = {
-  start: "flex-start",
-  center: "center",
-  end: "flex-end",
-  stretch: "stretch",
-  baseline: "baseline"
-};
-var JUSTIFY = {
-  start: "flex-start",
-  center: "center",
-  end: "flex-end",
-  between: "space-between",
-  around: "space-around",
-  evenly: "space-evenly"
-};
-function background(theme, bg) {
-  if (bg === "transparent") return "transparent";
-  if (bg === "default" || bg === "paper") return theme.palette.background[bg];
-  return theme.palette[bg].main;
-}
-var SIDES = [
-  ["paddingTop", ["pt", "py", "p"]],
-  ["paddingRight", ["pr", "px", "p"]],
-  ["paddingBottom", ["pb", "py", "p"]],
-  ["paddingLeft", ["pl", "px", "p"]],
-  ["marginTop", ["mt", "my", "m"]],
-  ["marginRight", ["mr", "mx", "m"]],
-  ["marginBottom", ["mb", "my", "m"]],
-  ["marginLeft", ["ml", "mx", "m"]]
-];
-function spacingLayout(props, theme) {
-  const layout = {};
-  for (const [key, sources] of SIDES) {
-    const units = sources.map((source) => props[source]).find((value) => value !== void 0);
-    if (typeof units === "number") layout[key] = theme.spacing(units);
-  }
-  return layout;
-}
-function flexLayout(props, theme) {
-  const layout = {};
-  const isFlex = [props.direction, props.align, props.justify, props.gap].some((value) => value !== void 0) || props.wrap === true;
-  if (!isFlex) return layout;
-  layout.display = "flex";
-  layout.flexDirection = props.direction ?? "column";
-  if (props.gap !== void 0) layout.gap = theme.spacing(props.gap);
-  if (props.align !== void 0) layout.alignItems = ALIGN[props.align];
-  if (props.justify !== void 0) layout.justifyContent = JUSTIFY[props.justify];
-  if (props.wrap) layout.flexWrap = "wrap";
-  return layout;
-}
-function surfaceLayout(props, theme) {
-  const layout = {};
-  if (props.flex !== void 0) layout.flex = props.flex;
-  if (props.bg !== void 0) layout.backgroundColor = background(theme, props.bg);
-  if (props.radius !== void 0) layout.borderRadius = theme.radius[props.radius];
-  if (props.bordered) {
-    layout.borderWidth = 1;
-    layout.borderStyle = "solid";
-    layout.borderColor = theme.palette.divider;
-  }
-  if (props.width !== void 0) layout.width = props.width;
-  if (props.height !== void 0) layout.height = props.height;
-  return layout;
-}
-function resolveBoxLayout(props, theme) {
-  return { ...spacingLayout(props, theme), ...flexLayout(props, theme), ...surfaceLayout(props, theme) };
-}
-function splitBoxProps(props) {
-  const layout = {};
-  const rest = {};
-  const own = /* @__PURE__ */ new Set([...BOX_BASE_KEYS, "data-testid"]);
-  for (const [key, value] of Object.entries(props)) {
-    (own.has(key) ? layout : rest)[key] = value;
-  }
-  return {
-    layout,
-    rest
-  };
-}
-
-// src/components/layout/Box/Box.native.tsx
-import * as React from "react";
-import { View } from "react-native";
-import { jsx } from "react/jsx-runtime";
-var Box = React.forwardRef(({ children, style, ...props }, ref) => {
-  const theme = useUiTheme();
-  const { layout, rest } = splitBoxProps(props);
-  const resolved = resolveBoxLayout(layout, theme);
-  return /* @__PURE__ */ jsx(View, { ref, style: [resolved, style], testID: resolveTestId(layout), ...rest, children });
-});
-Box.displayName = "Box";
-
-export {
-  resolveBoxLayout,
-  Box
-};
-//# sourceMappingURL=chunk-EKKNUEA6.js.map

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

@@ -1,18 +0,0 @@
-// src/platform/test-id.ts
-function resolveTestId(props, fallback) {
-  return props.testID ?? props.dataTestId ?? props["data-testid"] ?? fallback;
-}
-function childTestId(props, suffix, fallback) {
-  return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;
-}
-function withoutTestIdProps(props) {
-  const { testID: _testID, dataTestId: _dataTestId, "data-testid": _dataTestid, ...rest } = props;
-  return rest;
-}
-
-export {
-  resolveTestId,
-  childTestId,
-  withoutTestIdProps
-};
-//# sourceMappingURL=chunk-M4DTJDWU.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/platform/test-id.ts"],"sourcesContent":["/**\n * One test id, three spellings.\n *\n * The web components take `dataTestId` and forward it as `data-testid`; the\n * existing test stories pass `'data-testid'` straight through as an unknown\n * prop; React Native calls the same thing `testID`, and react-native-web turns\n * THAT back into `data-testid`. A native component that honoured only one of\n * the three would pass its own unit tests and fail the shared stories.\n */\nexport interface TestIdProps {\n  testID?: string;\n  dataTestId?: string;\n  'data-testid'?: string;\n}\n\n/** The id the caller asked for under any of the three names, else `fallback`. */\nexport function resolveTestId(props: TestIdProps, fallback?: string): string | undefined {\n  return props.testID ?? props.dataTestId ?? props['data-testid'] ?? fallback;\n}\n\n/** `${id}-${suffix}` for a sub-element, or `${fallback}-${suffix}` when unnamed. */\nexport function childTestId(\n  props: TestIdProps,\n  suffix: string,\n  fallback: string,\n): string {\n  return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;\n}\n\n/** `props` without any of the three spellings, for spreading onto a native element. */\nexport function withoutTestIdProps<P extends TestIdProps>(props: P): Omit<P, keyof TestIdProps> {\n  const { testID: _testID, dataTestId: _dataTestId, 'data-testid': _dataTestid, ...rest } = props;\n  return rest;\n}\n"],"mappings":";AAgBO,SAAS,cAAc,OAAoB,UAAuC;AACvF,SAAO,MAAM,UAAU,MAAM,cAAc,MAAM,aAAa,KAAK;AACrE;AAGO,SAAS,YACd,OACA,QACA,UACQ;AACR,SAAO,GAAG,cAAc,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM;AAChE;AAGO,SAAS,mBAA0C,OAAsC;AAC9F,QAAM,EAAE,QAAQ,SAAS,YAAY,aAAa,eAAe,aAAa,GAAG,KAAK,IAAI;AAC1F,SAAO;AACT;","names":[]}

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

@@ -1,318 +0,0 @@
-import {
-  renderTextChildren
-} from "./chunk-5GJ5OG5R.js";
-import {
-  childTestId,
-  resolveTestId,
-  withoutTestIdProps
-} from "./chunk-M4DTJDWU.js";
-import {
-  useUiTheme
-} from "./chunk-YTHR4Y5P.js";
-import {
-  alpha,
-  darken,
-  lighten
-} from "./chunk-P3PL4WBO.js";
-
-// src/components/form/Button/Button.native.tsx
-import * as React from "react";
-import {
-  ActivityIndicator,
-  Animated,
-  Easing,
-  Platform,
-  Pressable,
-  StyleSheet,
-  View
-} from "react-native";
-
-// src/components/form/Button/Button.helpers.ts
-var BUTTON_DEFAULTS = {
-  variant: "solid",
-  color: "primary",
-  size: "md",
-  loading: false,
-  iconPosition: "left",
-  glow: false,
-  pulse: false,
-  ripple: true,
-  active: false
-};
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, value]) => value !== void 0)
-);
-var resolveButtonProps = (props) => ({ ...BUTTON_DEFAULTS, ...definedProps(props) });
-
-// src/components/form/Button/Button.metrics.ts
-var BUTTON_SIZES = {
-  xs: { paddingVertical: 2, paddingHorizontal: 8, fontSize: 12 },
-  sm: { paddingVertical: 6, paddingHorizontal: 12, fontSize: 14 },
-  md: { paddingVertical: 8, paddingHorizontal: 16, fontSize: 16 },
-  lg: { paddingVertical: 10, paddingHorizontal: 20, fontSize: 18 },
-  xl: { paddingVertical: 12, paddingHorizontal: 24, fontSize: 20 }
-};
-var ICON_ONLY_PADDING = {
-  xs: 2,
-  sm: 5,
-  md: 7,
-  lg: 9,
-  xl: 11
-};
-var BUTTON_FONT_WEIGHT = 500;
-var BUTTON_RADIUS_UNITS = 1;
-var BUTTON_ICON_GAP_UNITS = 0.5;
-var BUTTON_SPINNER_SIZE = 16;
-var BUTTON_LINE_HEIGHT = 1.75;
-var BUTTON_WASH_ALPHA = 0.1;
-var GLASS_BACKGROUND_ALPHA = 0.1;
-var GLASS_BACKGROUND_ALPHA_PRESSED = 0.2;
-var GLASS_BORDER_ALPHA = 0.2;
-var GLOW_INNER_ALPHA = 0.6;
-var GLOW_RADIUS = 20;
-var PULSE_ALPHA = 0.3;
-var PULSE_DURATION_MS = 2e3;
-var PULSE_SPREAD = 15;
-function buttonPalette(theme, color) {
-  if (color === "neutral") {
-    return {
-      main: theme.palette.grey[700],
-      dark: theme.palette.grey[800],
-      light: theme.palette.grey[500],
-      contrastText: "#fff"
-    };
-  }
-  return theme.palette[color];
-}
-var quietInk = (theme, palette) => theme.mode === "dark" ? lighten(palette.main, 0.35) : darken(palette.main, 0.3);
-function gradientStops(theme, color, palette) {
-  switch (color) {
-    case "primary":
-      return [theme.palette.primary.main, theme.palette.secondary.main];
-    case "secondary":
-      return [theme.palette.secondary.main, theme.palette.primary.main];
-    case "success":
-    case "warning":
-      return [theme.palette[color].light, theme.palette[color].dark];
-    case "danger":
-      return [theme.palette.danger.light, theme.palette.danger.dark];
-    default:
-      return [palette.main, palette.dark];
-  }
-}
-
-// src/components/form/Button/Button.native.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var MIN_WIDTH = 64;
-function paintFor(theme, variant, color, palette, active) {
-  const wash = alpha(palette.main, BUTTON_WASH_ALPHA);
-  switch (variant) {
-    case "outline":
-      return {
-        container: { backgroundColor: "transparent", borderWidth: 1, borderColor: palette.main },
-        pressed: { backgroundColor: wash, borderColor: palette.dark },
-        label: { color: palette.main }
-      };
-    case "ghost":
-      return {
-        container: { backgroundColor: "transparent" },
-        pressed: { backgroundColor: wash },
-        label: { color: quietInk(theme, palette) }
-      };
-    case "text":
-      return {
-        container: { backgroundColor: active ? wash : "transparent" },
-        pressed: { backgroundColor: wash },
-        label: { color: quietInk(theme, palette) }
-      };
-    case "glass":
-      return {
-        container: {
-          backgroundColor: alpha(theme.palette.background.paper, GLASS_BACKGROUND_ALPHA),
-          borderWidth: 1,
-          borderColor: alpha(theme.palette.divider, GLASS_BORDER_ALPHA)
-        },
-        pressed: { backgroundColor: alpha(theme.palette.background.paper, GLASS_BACKGROUND_ALPHA_PRESSED) },
-        label: { color: palette.main }
-      };
-    case "gradient": {
-      const [from, to] = gradientStops(theme, color, palette);
-      return {
-        container: { backgroundColor: from },
-        pressed: { backgroundColor: to },
-        label: { color: "#fff" }
-      };
-    }
-    default:
-      return {
-        container: { backgroundColor: palette.main },
-        pressed: { backgroundColor: palette.dark },
-        label: { color: palette.contrastText || "#fff" }
-      };
-  }
-}
-function disabledPaint(theme, variant) {
-  const filled = variant === "solid" || variant === "gradient" || variant === "glass";
-  return {
-    container: filled ? { backgroundColor: theme.palette.action.disabledBackground, borderWidth: 0 } : variant === "outline" ? { backgroundColor: "transparent", borderWidth: 1, borderColor: theme.palette.action.disabledBackground } : { backgroundColor: "transparent" },
-    pressed: {},
-    label: { color: theme.palette.action.disabled }
-  };
-}
-function sizeStyle(theme, size, iconOnly, hasIcon) {
-  const metrics = BUTTON_SIZES[size];
-  if (iconOnly) {
-    return { padding: ICON_ONLY_PADDING[size], minWidth: 0 };
-  }
-  return {
-    paddingVertical: metrics.paddingVertical,
-    paddingHorizontal: metrics.paddingHorizontal,
-    minWidth: MIN_WIDTH,
-    gap: hasIcon ? theme.spacing(BUTTON_ICON_GAP_UNITS) : void 0
-  };
-}
-function glowStyle(palette) {
-  return Platform.select({
-    android: { elevation: 8 },
-    default: {
-      shadowColor: palette.main,
-      shadowOpacity: GLOW_INNER_ALPHA,
-      shadowRadius: GLOW_RADIUS,
-      shadowOffset: { width: 0, height: 0 }
-    }
-  });
-}
-function Pulse({ color, radius, testID }) {
-  const progress = React.useRef(new Animated.Value(0)).current;
-  React.useEffect(() => {
-    const loop = Animated.loop(
-      Animated.timing(progress, {
-        toValue: 1,
-        duration: PULSE_DURATION_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: [
-        StyleSheet.absoluteFill,
-        {
-          pointerEvents: "none",
-          borderRadius: radius,
-          backgroundColor: color,
-          opacity: progress.interpolate({ inputRange: [0, 0.7, 1], outputRange: [PULSE_ALPHA, 0, 0] }),
-          transform: [
-            { scale: progress.interpolate({ inputRange: [0, 0.7, 1], outputRange: [1, 1 + PULSE_SPREAD / 40, 1] }) }
-          ]
-        }
-      ]
-    }
-  );
-}
-function buttonLook(theme, props) {
-  const { variant, color, size, loading, icon, children, glow, pulse, active, disabled, style } = props;
-  const palette = buttonPalette(theme, color);
-  const iconOnly = !loading && icon != null && children == null;
-  const inactive = Boolean(disabled) || loading;
-  const paint = inactive ? disabledPaint(theme, variant) : paintFor(theme, variant, color, palette, active);
-  const radius = theme.spacing(BUTTON_RADIUS_UNITS);
-  const metrics = BUTTON_SIZES[size];
-  const overflow = pulse || glow ? "visible" : "hidden";
-  const sized = sizeStyle(theme, size, iconOnly, icon != null && !loading);
-  const glowing = glow && !inactive ? glowStyle(palette) : null;
-  return {
-    inactive,
-    palette,
-    radius,
-    label: {
-      fontFamily: theme.typography.fontFamily,
-      fontSize: metrics.fontSize,
-      lineHeight: metrics.fontSize * BUTTON_LINE_HEIGHT,
-      fontWeight: String(BUTTON_FONT_WEIGHT),
-      textAlign: "center",
-      ...paint.label
-    },
-    container: (state) => [
-      styles.base,
-      { borderRadius: radius, overflow },
-      sized,
-      paint.container,
-      state.pressed && !inactive ? paint.pressed : null,
-      glowing,
-      style
-    ]
-  };
-}
-function Spinner({ color, testID }) {
-  return /* @__PURE__ */ jsx(
-    ActivityIndicator,
-    {
-      size: Platform.OS === "ios" ? "small" : BUTTON_SPINNER_SIZE,
-      color,
-      testID,
-      accessibilityLabel: "loading"
-    }
-  );
-}
-var Button = React.forwardRef((rawProps, ref) => {
-  const resolved = resolveButtonProps(rawProps);
-  const { loading, icon, iconPosition, pulse, ripple, children, onClick, onPress, ...others } = resolved;
-  const theme = useUiTheme();
-  const look = buttonLook(theme, resolved);
-  const testId = resolveTestId(others, "button");
-  const idFor = (suffix) => childTestId(others, suffix, "button");
-  const rest = withoutTestIdProps(others);
-  const { variant: _v, color: _c, size: _s, glow: _g, active: _a, disabled: _d, style: _st, ...pressable } = rest;
-  const handlePress = (event) => {
-    onClick?.(event);
-    onPress?.(event);
-  };
-  const iconNode = !loading && icon ? /* @__PURE__ */ jsx(View, { style: styles.icon, testID: idFor("icon"), children: icon }) : null;
-  return /* @__PURE__ */ jsxs(
-    Pressable,
-    {
-      ref,
-      role: "button",
-      "aria-disabled": look.inactive,
-      "aria-busy": loading,
-      disabled: look.inactive,
-      onPress: handlePress,
-      android_ripple: ripple && !look.inactive ? { color: alpha(look.palette.main, 0.2), borderless: false } : void 0,
-      style: look.container,
-      testID: testId,
-      ...pressable,
-      children: [
-        pulse && !look.inactive ? /* @__PURE__ */ jsx(Pulse, { color: look.palette.main, radius: look.radius, testID: idFor("pulse") }) : null,
-        iconPosition === "left" ? iconNode : null,
-        loading ? /* @__PURE__ */ jsx(Spinner, { color: look.label.color, testID: idFor("loading") }) : renderTextChildren(children, look.label, 1),
-        iconPosition === "right" ? iconNode : null
-      ]
-    }
-  );
-});
-Button.displayName = "Button";
-var styles = StyleSheet.create({
-  base: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    alignSelf: "flex-start",
-    position: "relative"
-  },
-  icon: {
-    alignItems: "center",
-    justifyContent: "center"
-  }
-});
-
-export {
-  Button
-};
-//# sourceMappingURL=chunk-UKCCYP52.js.map

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

@@ -1,24 +0,0 @@
-// src/tokens/mui-type.ts
-var MUI_TYPE = {
-  h6: { fontSize: 20, lineHeight: 1.6, fontWeight: 500, letterSpacingEm: 75e-4 },
-  body1: { fontSize: 16, lineHeight: 1.5, fontWeight: 400, letterSpacingEm: 938e-5 },
-  body2: { fontSize: 14, lineHeight: 1.43, fontWeight: 400, letterSpacingEm: 0.01071 }
-};
-var MUI_FONT_WEIGHT_MEDIUM = 500;
-function muiTypeStyle(theme, variant, fontSize = MUI_TYPE[variant].fontSize) {
-  const step = MUI_TYPE[variant];
-  return {
-    fontFamily: theme.typography.fontFamily,
-    fontSize,
-    lineHeight: fontSize * step.lineHeight,
-    fontWeight: `${step.fontWeight}`,
-    letterSpacing: fontSize * step.letterSpacingEm
-  };
-}
-
-export {
-  MUI_TYPE,
-  MUI_FONT_WEIGHT_MEDIUM,
-  muiTypeStyle
-};
-//# sourceMappingURL=chunk-V4DQTC5L.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/tokens/mui-type.ts"],"sourcesContent":["import type { UiTheme } from './theme';\n\n/**\n * MUI'S DEFAULT `Typography` VARIANTS, AS NUMBERS.\n *\n * Several web components render a title or a message BY NAME —\n * `<Typography variant=\"h6\">` — and let MUI's theme turn the name into a\n * size. The native halves have no MUI theme, so they need the numbers MUI's\n * `createTypography` produces for those names. These are those numbers, for\n * the variants the ported components use: `fontSize` in px, `lineHeight` as\n * a ratio, `letterSpacing` in em exactly as MUI rounds it\n * (`round(letterSpacing / size)`, five decimals).\n *\n * Only the DEFAULTS. A host that re-themes `typography.h6` moves the web\n * halves and not these; each component that reads this records that as a\n * known gap in its `NATIVE-NOTES.md`.\n */\nexport type MuiTypeVariantName = 'h6' | 'body1' | 'body2';\n\nexport interface MuiTypeVariant {\n  fontSize: number;\n  lineHeight: number;\n  fontWeight: 400 | 500;\n  letterSpacingEm: number;\n}\n\nexport const MUI_TYPE: Record<MuiTypeVariantName, MuiTypeVariant> = {\n  h6: { fontSize: 20, lineHeight: 1.6, fontWeight: 500, letterSpacingEm: 0.0075 },\n  body1: { fontSize: 16, lineHeight: 1.5, fontWeight: 400, letterSpacingEm: 0.00938 },\n  body2: { fontSize: 14, lineHeight: 1.43, fontWeight: 400, letterSpacingEm: 0.01071 },\n};\n\n/** MUI's `theme.typography.fontWeightMedium`, which several web styles name outright. */\nexport const MUI_FONT_WEIGHT_MEDIUM = 500;\n\n/** A variant multiplied out for a renderer whose `lineHeight` and `letterSpacing` are absolute. */\nexport interface MuiTypeStyle {\n  fontFamily: string | undefined;\n  fontSize: number;\n  lineHeight: number;\n  fontWeight: `${MuiTypeVariant['fontWeight']}`;\n  letterSpacing: number;\n}\n\n/**\n * The variant as absolute numbers, in the theme's font. `fontSize` may be\n * overridden — the Alert's title is `body1` at 1.05rem — and the ratios\n * follow it, which is what the browser does with `em` and a unitless\n * line-height.\n */\nexport function muiTypeStyle(\n  theme: Pick<UiTheme, 'typography'>,\n  variant: MuiTypeVariantName,\n  fontSize: number = MUI_TYPE[variant].fontSize,\n): MuiTypeStyle {\n  const step = MUI_TYPE[variant];\n  return {\n    fontFamily: theme.typography.fontFamily,\n    fontSize,\n    lineHeight: fontSize * step.lineHeight,\n    fontWeight: `${step.fontWeight}`,\n    letterSpacing: fontSize * step.letterSpacingEm,\n  };\n}\n"],"mappings":";AA0BO,IAAM,WAAuD;AAAA,EAClE,IAAI,EAAE,UAAU,IAAI,YAAY,KAAK,YAAY,KAAK,iBAAiB,MAAO;AAAA,EAC9E,OAAO,EAAE,UAAU,IAAI,YAAY,KAAK,YAAY,KAAK,iBAAiB,OAAQ;AAAA,EAClF,OAAO,EAAE,UAAU,IAAI,YAAY,MAAM,YAAY,KAAK,iBAAiB,QAAQ;AACrF;AAGO,IAAM,yBAAyB;AAiB/B,SAAS,aACd,OACA,SACA,WAAmB,SAAS,OAAO,EAAE,UACvB;AACd,QAAM,OAAO,SAAS,OAAO;AAC7B,SAAO;AAAA,IACL,YAAY,MAAM,WAAW;AAAA,IAC7B;AAAA,IACA,YAAY,WAAW,KAAK;AAAA,IAC5B,YAAY,GAAG,KAAK,UAAU;AAAA,IAC9B,eAAe,WAAW,KAAK;AAAA,EACjC;AACF;","names":[]}