@multiplatform.one/forms 7.34.4 → 7.36.0

package/dist/esm/Skeleton/index.mjs

@@ -1,14 +1,18 @@
+import { createContext, useContext } from "react";
 import { radiusClassProps, sizeRecipeForToken, useResolvedKnobs } from "@multiplatform.one/theme";
 import { View, styled, isWeb } from "tamagui";
+import { useTranslation } from "../shared/i18n.mjs";
 import { jsx } from "react/jsx-runtime";
 const SkeletonFrame = styled(View, {
   name: "Skeleton",
   backgroundColor: "$color5",
+  overflow: "hidden",
+  pointerEvents: "none",
+  flexShrink: 0,
   variants: {
     variant: {
       text: {
-        borderRadius: "$2",
-        height: 16
+        borderRadius: "$2"
       },
       circular: {
         borderRadius: 1e3
@@ -25,108 +29,185 @@ const SkeletonFrame = styled(View, {
     variant: "text"
   }
 });
-const SKELETON_SIZE_TOKENS = ["$3", "$4", "$5"];
+const SKELETON_SIZE_TOKENS = ["$3", "$4", "$true", "$5"];
 const skeletonCircleTokenUp = {
   $3: "$4",
   $4: "$5",
   $5: "$6"
 };
-function skeletonTextHeight(sizeToken) {
-  if (!SKELETON_SIZE_TOKENS.includes(sizeToken)) return void 0;
-  return sizeRecipeForToken(sizeToken).fontSize + 2;
+function skeletonTextHeight(sizeToken, textSize = "body") {
+  const known = SKELETON_SIZE_TOKENS.includes(sizeToken) ? sizeToken : "$4";
+  const body = sizeRecipeForToken(known).fontSize + 2;
+  return textSize === "display" ? body * 2 : body;
 }
 function skeletonCircleSize(sizeToken) {
   return sizeRecipeForToken(skeletonCircleTokenUp[sizeToken] ?? "$5").height;
 }
-const skeletonGapMap = {
-  small: "$1",
-  medium: "$2",
-  large: "$3"
-};
 const PULSE_STYLE_ID = "__mp-skeleton-pulse";
+const PULSE_ANIMATION = "mp-skeleton-pulse 1.5s ease-in-out infinite";
 function ensurePulseKeyframes() {
   if (!isWeb || typeof document === "undefined") return;
   if (document.getElementById(PULSE_STYLE_ID)) return;
   const style = document.createElement("style");
   style.id = PULSE_STYLE_ID;
-  style.textContent = "@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}";
+  style.textContent = ["@keyframes mp-skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}", "@media (prefers-reduced-motion:reduce){.mp-skeleton-bone{animation:none!important}}", "@media (forced-colors:active){.mp-skeleton-bone{outline:1px solid transparent;outline-offset:-1px}}"].join("");
   document.head.appendChild(style);
 }
+const AnnounceCtx = createContext(true);
 function Skeleton({
   variant = "text",
   width,
   height,
   animate = true,
   style,
+  label,
+  className,
   ...props
 }) {
+  const {
+    t
+  } = useTranslation();
   const {
     knobProps
-  } = useResolvedKnobs();
-  const pulsing = animate && knobProps.transition !== void 0;
-  if (pulsing) ensurePulseKeyframes();
+  } = useResolvedKnobs({
+    component: "Skeleton"
+  });
+  const shouldAnnounce = useContext(AnnounceCtx);
+  const pulsing = Boolean(animate && knobProps.motion.control.transition);
+  if (isWeb) ensurePulseKeyframes();
+  const decorative = props["aria-hidden"] === true || !shouldAnnounce;
+  const smoothingClass = variant === "text" || variant === "rounded" ? knobProps.borderRadius.className : void 0;
+  const boneClass = ["mp-skeleton-bone", pulsing ? "mp-skeleton-pulse" : "mp-skeleton-static", smoothingClass, className].filter(Boolean).join(" ");
   const mergedStyle = isWeb && pulsing ? {
     ...style,
-    animation: "skeleton-pulse 1.5s ease-in-out infinite"
+    animation: PULSE_ANIMATION
   } : style;
+  const textHeight = variant === "text" ? skeletonTextHeight(knobProps.sizeToken) : void 0;
+  const resolvedHeight = height ?? textHeight;
   return /* @__PURE__ */jsx(SkeletonFrame, {
     variant,
     width,
-    height: height ?? (variant === "text" ? skeletonTextHeight(knobProps.sizeToken) : void 0),
+    height: resolvedHeight,
     ...(variant === "rounded" || variant === "text" ? {
       borderRadius: knobProps.borderRadius.borderRadius
     } : void 0),
     ...(variant === "circular" ? radiusClassProps("R-PILL", "SkeletonCircle") : void 0),
     ...props,
+    ...(isWeb ? {
+      className: boneClass
+    } : void 0),
     ...(mergedStyle ? {
       style: mergedStyle
-    } : void 0)
+    } : void 0),
+    pointerEvents: "none",
+    "data-skeleton": "",
+    "data-skeleton-variant": variant,
+    "data-animate": pulsing ? "true" : "false",
+    "data-width": width != null ? String(width) : void 0,
+    "data-height": resolvedHeight != null ? String(resolvedHeight) : void 0,
+    "aria-hidden": decorative ? true : void 0,
+    role: decorative ? void 0 : "status",
+    "aria-busy": decorative ? void 0 : true,
+    "aria-live": decorative ? void 0 : "polite",
+    "aria-label": decorative ? void 0 : label ?? t("Loading"),
+    accessibilityElementsHidden: decorative
   });
 }
 function SkeletonText({
   lines = 1,
   gap: gapProp,
   lastLineWidth = "70%",
+  size: textSize = "body",
+  label,
+  width,
+  height,
+  animate,
+  style,
+  variant: _variant,
   ...props
 }) {
+  const {
+    t
+  } = useTranslation();
   const {
     knobProps
-  } = useResolvedKnobs();
-  const gap = gapProp ?? skeletonGapMap[knobProps.space] ?? "$2";
-  if (lines === 1) {
-    return /* @__PURE__ */jsx(Skeleton, {
-      variant: "text",
-      width: lastLineWidth,
-      ...props
-    });
-  }
-  return /* @__PURE__ */jsx(View, {
-    gap,
-    children: Array.from({
-      length: lines
-    }).map((_, i) => /* @__PURE__ */jsx(Skeleton, {
-      variant: "text",
-      width: i === lines - 1 ? lastLineWidth : "100%",
-      ...props
-    }, i))
+  } = useResolvedKnobs({
+    component: "Skeleton"
+  });
+  const shouldAnnounce = useContext(AnnounceCtx);
+  const count = Math.max(0, Math.floor(Number(lines) || 0));
+  const lineHeight = height ?? skeletonTextHeight(knobProps.sizeToken, textSize);
+  const gap = gapProp ?? knobProps.gapSm.gap;
+  const decorative = !shouldAnnounce;
+  if (count === 0) return null;
+  return /* @__PURE__ */jsx(AnnounceCtx.Provider, {
+    value: false,
+    children: /* @__PURE__ */jsx(View, {
+      ...props,
+      width: width ?? "100%",
+      gap,
+      "data-skeleton-text": "",
+      "data-lines": String(count),
+      "aria-hidden": decorative ? true : void 0,
+      role: decorative ? void 0 : "status",
+      "aria-busy": decorative ? void 0 : true,
+      "aria-live": decorative ? void 0 : "polite",
+      "aria-label": decorative ? void 0 : label ?? t("Loading"),
+      children: Array.from({
+        length: count
+      }, (_, i) => /* @__PURE__ */jsx(Skeleton, {
+        variant: "text",
+        animate,
+        style,
+        height: lineHeight,
+        width: count === 1 ? width ?? lastLineWidth : i === count - 1 ? lastLineWidth : "100%"
+      }, i))
+    })
   });
 }
 function SkeletonCircle({
   size: sizeProp,
+  label,
   ...props
 }) {
   const {
     knobProps
-  } = useResolvedKnobs();
-  const size = sizeProp ?? skeletonCircleSize(knobProps.sizeToken);
+  } = useResolvedKnobs({
+    component: "Skeleton"
+  });
+  const diameter = Math.max(0, sizeProp ?? skeletonCircleSize(knobProps.sizeToken));
   return /* @__PURE__ */jsx(Skeleton, {
     variant: "circular",
-    width: size,
-    height: size,
-    ...props
+    label,
+    width: diameter,
+    height: diameter,
+    ...props,
+    "data-diameter": String(diameter)
+  });
+}
+function SkeletonGroup({
+  children,
+  label,
+  ...props
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */jsx(AnnounceCtx.Provider, {
+    value: false,
+    children: /* @__PURE__ */jsx(View, {
+      ...props,
+      role: "status",
+      "aria-busy": true,
+      "aria-live": "polite",
+      "aria-label": label ?? t("Loading"),
+      "data-skeleton-group": "",
+      children
+    })
   });
 }
 Skeleton.Text = SkeletonText;
 Skeleton.Circle = SkeletonCircle;
-export { Skeleton, SkeletonCircle, SkeletonText };
+Skeleton.Group = SkeletonGroup;
+export { Skeleton, SkeletonCircle, SkeletonGroup, SkeletonText };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/Skeleton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["radiusClassProps","sizeRecipeForToken","useResolvedKnobs","View","styled","isWeb","jsx","SkeletonFrame","name","backgroundColor","variants","variant","text","borderRadius","height","circular","rectangular","rounded","defaultVariants","SKELETON_SIZE_TOKENS","skeletonCircleTokenUp","$3","$4","$5","skeletonTextHeight","sizeToken","includes","fontSize","skeletonCircleSize","skeletonGapMap","small","medium","large","PULSE_STYLE_ID","ensurePulseKeyframes","document","getElementById","style","createElement","id","textContent","head","appendChild","Skeleton","width","animate","props","knobProps","pulsing","transition","mergedStyle","animation","SkeletonText","lines","gap","gapProp","lastLineWidth","space","children","Array","from","length","map","_","i","SkeletonCircle","size","sizeProp","Text","Circle"],"sources":["../../../src/Skeleton/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","radiusClassProps","sizeRecipeForToken","useResolvedKnobs","View","styled","isWeb","useTranslation","jsx","SkeletonFrame","name","backgroundColor","overflow","pointerEvents","flexShrink","variants","variant","text","borderRadius","circular","rectangular","rounded","defaultVariants","SKELETON_SIZE_TOKENS","skeletonCircleTokenUp","$3","$4","$5","skeletonTextHeight","sizeToken","textSize","known","includes","body","fontSize","skeletonCircleSize","height","PULSE_STYLE_ID","PULSE_ANIMATION","ensurePulseKeyframes","document","getElementById","style","createElement","id","textContent","join","head","appendChild","AnnounceCtx","Skeleton","width","animate","label","className","props","t","knobProps","component","shouldAnnounce","pulsing","Boolean","motion","control","transition","decorative","smoothingClass","boneClass","filter","mergedStyle","animation","textHeight","resolvedHeight","String","role","accessibilityElementsHidden","SkeletonText","lines","gap","gapProp","lastLineWidth","size","_variant","count","Math","max","floor","Number","lineHeight","gapSm","Provider","value","children","Array","from","length","_","i","SkeletonCircle","sizeProp","diameter","SkeletonGroup","Text","Circle","Group"],"sources":["../../../src/Skeleton/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Skeleton/index.native.js

@@ -1,14 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
 import { radiusClassProps, sizeRecipeForToken, useResolvedKnobs } from "@multiplatform.one/theme";
 import { View, styled, isWeb } from "tamagui";
+import { useTranslation } from "../shared/i18n.native.js";
 var SkeletonFrame = styled(View, {
   name: "Skeleton",
   backgroundColor: "$color5",
+  overflow: "hidden",
+  pointerEvents: "none",
+  flexShrink: 0,
   variants: {
     variant: {
       text: {
-        borderRadius: "$2",
-        height: 16
+        borderRadius: "$2"
       },
       circular: {
         borderRadius: 1e3
@@ -25,34 +29,33 @@ var SkeletonFrame = styled(View, {
     variant: "text"
   }
 });
-var SKELETON_SIZE_TOKENS = ["$3", "$4", "$5"];
+var SKELETON_SIZE_TOKENS = ["$3", "$4", "$true", "$5"];
 var skeletonCircleTokenUp = {
   $3: "$4",
   $4: "$5",
   $5: "$6"
 };
 function skeletonTextHeight(sizeToken) {
-  if (!SKELETON_SIZE_TOKENS.includes(sizeToken)) return void 0;
-  return sizeRecipeForToken(sizeToken).fontSize + 2;
+  var textSize = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "body";
+  var known = SKELETON_SIZE_TOKENS.includes(sizeToken) ? sizeToken : "$4";
+  var body = sizeRecipeForToken(known).fontSize + 2;
+  return textSize === "display" ? body * 2 : body;
 }
 function skeletonCircleSize(sizeToken) {
   var _skeletonCircleTokenUp_sizeToken;
   return sizeRecipeForToken((_skeletonCircleTokenUp_sizeToken = skeletonCircleTokenUp[sizeToken]) !== null && _skeletonCircleTokenUp_sizeToken !== void 0 ? _skeletonCircleTokenUp_sizeToken : "$5").height;
 }
-var skeletonGapMap = {
-  small: "$1",
-  medium: "$2",
-  large: "$3"
-};
 var PULSE_STYLE_ID = "__mp-skeleton-pulse";
+var PULSE_ANIMATION = "mp-skeleton-pulse 1.5s ease-in-out infinite";
 function ensurePulseKeyframes() {
   if (!isWeb || typeof document === "undefined") return;
   if (document.getElementById(PULSE_STYLE_ID)) return;
   var style = document.createElement("style");
   style.id = PULSE_STYLE_ID;
-  style.textContent = "@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}";
+  style.textContent = ["@keyframes mp-skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}", "@media (prefers-reduced-motion:reduce){.mp-skeleton-bone{animation:none!important}}", "@media (forced-colors:active){.mp-skeleton-bone{outline:1px solid transparent;outline-offset:-1px}}"].join("");
   document.head.appendChild(style);
 }
+var AnnounceCtx = /* @__PURE__ */createContext(true);
 function Skeleton(param) {
   var {
     variant = "text",
@@ -60,38 +63,61 @@ function Skeleton(param) {
     height,
     animate = true,
     style,
+    label,
+    className,
     ...props
   } = param;
+  var {
+    t
+  } = useTranslation();
   var {
     knobProps
-  } = useResolvedKnobs();
-  var pulsing = animate && knobProps.transition !== void 0;
-  if (pulsing) ensurePulseKeyframes();
+  } = useResolvedKnobs({
+    component: "Skeleton"
+  });
+  var shouldAnnounce = useContext(AnnounceCtx);
+  var pulsing = Boolean(animate && knobProps.motion.control.transition);
+  if (isWeb) ensurePulseKeyframes();
+  var decorative = props["aria-hidden"] === true || !shouldAnnounce;
+  var smoothingClass = variant === "text" || variant === "rounded" ? knobProps.borderRadius.className : void 0;
+  var boneClass = ["mp-skeleton-bone", pulsing ? "mp-skeleton-pulse" : "mp-skeleton-static", smoothingClass, className].filter(Boolean).join(" ");
   var mergedStyle = isWeb && pulsing ? {
     ...style,
-    animation: "skeleton-pulse 1.5s ease-in-out infinite"
+    animation: PULSE_ANIMATION
   } : style;
+  var textHeight = variant === "text" ? skeletonTextHeight(knobProps.sizeToken) : void 0;
+  var resolvedHeight = height !== null && height !== void 0 ? height : textHeight;
   return /* @__PURE__ */_jsx(SkeletonFrame, {
     variant,
     width,
-    // Text lines follow the size knob; explicit height ejects.
-    height: height !== null && height !== void 0 ? height : variant === "text" ? skeletonTextHeight(knobProps.sizeToken) : void 0,
-    // Radius only — a skeleton is a flat blob, it never draws the knob's border.
-    // Consumers that clamp (Checkbox/Radio/Switch) pass an explicit borderRadius
-    // which wins via ...props below.
-    // Text lines and rounded blocks ride DEFAULT (knobs-enumerated Part 2b,
-    // MPO-56): the token at every stop, the paint capping at h/2.
+    height: resolvedHeight,
+    // Radius only — a skeleton is a flat blob, it never draws the knob's
+    // border. Text lines and rounded blocks ride DEFAULT (MPO-56): the token
+    // at every stop. Consumers that clamp pass borderRadius via ...props.
     ...(variant === "rounded" || variant === "text" ? {
       borderRadius: knobProps.borderRadius.borderRadius
     } : void 0),
-    // R-PILL (spec Skeleton "circle"): the circular variant stays 1:1 and
-    // round at every radius value, so it declares the class the
-    // `radius:none` sweep licenses it under (D-09 / LC-60).
+    // R-PILL (spec Skeleton "circle"): stays 1:1 and round at every radius.
     ...(variant === "circular" ? radiusClassProps("R-PILL", "SkeletonCircle") : void 0),
     ...props,
+    ...(isWeb ? {
+      className: boneClass
+    } : void 0),
     ...(mergedStyle ? {
       style: mergedStyle
-    } : void 0)
+    } : void 0),
+    pointerEvents: "none",
+    "data-skeleton": "",
+    "data-skeleton-variant": variant,
+    "data-animate": pulsing ? "true" : "false",
+    "data-width": width != null ? String(width) : void 0,
+    "data-height": resolvedHeight != null ? String(resolvedHeight) : void 0,
+    "aria-hidden": decorative ? true : void 0,
+    role: decorative ? void 0 : "status",
+    "aria-busy": decorative ? void 0 : true,
+    "aria-live": decorative ? void 0 : "polite",
+    "aria-label": decorative ? void 0 : label !== null && label !== void 0 ? label : t("Loading"),
+    accessibilityElementsHidden: decorative
   });
 }
 function SkeletonText(param) {
@@ -99,50 +125,101 @@ function SkeletonText(param) {
     lines = 1,
     gap: gapProp,
     lastLineWidth = "70%",
+    size: textSize = "body",
+    label,
+    width,
+    height,
+    animate,
+    style,
+    variant: _variant,
     ...props
   } = param;
-  var _ref;
+  var {
+    t
+  } = useTranslation();
   var {
     knobProps
-  } = useResolvedKnobs();
-  var gap = (_ref = gapProp !== null && gapProp !== void 0 ? gapProp : skeletonGapMap[knobProps.space]) !== null && _ref !== void 0 ? _ref : "$2";
-  if (lines === 1) {
-    return /* @__PURE__ */_jsx(Skeleton, {
-      variant: "text",
-      width: lastLineWidth,
-      ...props
-    });
-  }
-  return /* @__PURE__ */_jsx(View, {
-    gap,
-    children: Array.from({
-      length: lines
-    }).map(function (_, i) {
-      return /* @__PURE__ */_jsx(Skeleton, {
-        variant: "text",
-        width: i === lines - 1 ? lastLineWidth : "100%",
-        ...props
-      }, i);
+  } = useResolvedKnobs({
+    component: "Skeleton"
+  });
+  var shouldAnnounce = useContext(AnnounceCtx);
+  var count = Math.max(0, Math.floor(Number(lines) || 0));
+  var lineHeight = height !== null && height !== void 0 ? height : skeletonTextHeight(knobProps.sizeToken, textSize);
+  var gap = gapProp !== null && gapProp !== void 0 ? gapProp : knobProps.gapSm.gap;
+  var decorative = !shouldAnnounce;
+  if (count === 0) return null;
+  return /* @__PURE__ */_jsx(AnnounceCtx.Provider, {
+    value: false,
+    children: /* @__PURE__ */_jsx(View, {
+      ...props,
+      width: width !== null && width !== void 0 ? width : "100%",
+      gap,
+      "data-skeleton-text": "",
+      "data-lines": String(count),
+      "aria-hidden": decorative ? true : void 0,
+      role: decorative ? void 0 : "status",
+      "aria-busy": decorative ? void 0 : true,
+      "aria-live": decorative ? void 0 : "polite",
+      "aria-label": decorative ? void 0 : label !== null && label !== void 0 ? label : t("Loading"),
+      children: Array.from({
+        length: count
+      }, function (_, i) {
+        return /* @__PURE__ */_jsx(Skeleton, {
+          variant: "text",
+          animate,
+          style,
+          height: lineHeight,
+          width: count === 1 ? width !== null && width !== void 0 ? width : lastLineWidth : i === count - 1 ? lastLineWidth : "100%"
+        }, i);
+      })
     })
   });
 }
 function SkeletonCircle(param) {
   var {
     size: sizeProp,
+    label,
     ...props
   } = param;
   var {
     knobProps
-  } = useResolvedKnobs();
-  var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : skeletonCircleSize(knobProps.sizeToken);
+  } = useResolvedKnobs({
+    component: "Skeleton"
+  });
+  var diameter = Math.max(0, sizeProp !== null && sizeProp !== void 0 ? sizeProp : skeletonCircleSize(knobProps.sizeToken));
   return /* @__PURE__ */_jsx(Skeleton, {
     variant: "circular",
-    width: size,
-    height: size,
+    label,
+    width: diameter,
+    height: diameter,
+    ...props,
+    "data-diameter": String(diameter)
+  });
+}
+function SkeletonGroup(param) {
+  var {
+    children,
+    label,
     ...props
+  } = param;
+  var {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */_jsx(AnnounceCtx.Provider, {
+    value: false,
+    children: /* @__PURE__ */_jsx(View, {
+      ...props,
+      role: "status",
+      "aria-busy": true,
+      "aria-live": "polite",
+      "aria-label": label !== null && label !== void 0 ? label : t("Loading"),
+      "data-skeleton-group": "",
+      children
+    })
   });
 }
 Skeleton.Text = SkeletonText;
 Skeleton.Circle = SkeletonCircle;
-export { Skeleton, SkeletonCircle, SkeletonText };
+Skeleton.Group = SkeletonGroup;
+export { Skeleton, SkeletonCircle, SkeletonGroup, SkeletonText };
 //# sourceMappingURL=index.native.js.map

package/dist/esm/Skeleton/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","radiusClassProps","sizeRecipeForToken","useResolvedKnobs","View","styled","isWeb","SkeletonFrame","name","backgroundColor","variants","variant","text","borderRadius","height","circular","rectangular","rounded","defaultVariants","SKELETON_SIZE_TOKENS","skeletonCircleTokenUp","$3","$4","$5","skeletonTextHeight","sizeToken","includes","fontSize","skeletonCircleSize","_skeletonCircleTokenUp_sizeToken","skeletonGapMap","small","medium","large","PULSE_STYLE_ID","ensurePulseKeyframes","document","getElementById","style","createElement","id","textContent","head","appendChild","Skeleton","param","width","animate","props","knobProps","pulsing","transition","mergedStyle","animation","SkeletonText","lines","gap","gapProp","lastLineWidth","_ref","space","children","Array","from","length","map","_","i","SkeletonCircle","size","sizeProp","Text","Circle"],"sources":["index.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { radiusClassProps, sizeRecipeForToken, useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { View, styled, isWeb } from \"tamagui\";\nvar SkeletonFrame = styled(View, {\n  name: \"Skeleton\",\n  backgroundColor: \"$color5\",\n  variants: {\n    variant: {\n      text: {\n        borderRadius: \"$2\",\n        height: 16\n      },\n      circular: {\n        borderRadius: 1e3\n      },\n      rectangular: {\n        borderRadius: 0\n      },\n      rounded: {\n        borderRadius: \"$3\"\n      }\n    }\n  },\n  defaultVariants: {\n    variant: \"text\"\n  }\n});\nvar SKELETON_SIZE_TOKENS = [\n  \"$3\",\n  \"$4\",\n  \"$5\"\n];\nvar skeletonCircleTokenUp = {\n  $3: \"$4\",\n  $4: \"$5\",\n  $5: \"$6\"\n};\nfunction skeletonTextHeight(sizeToken) {\n  if (!SKELETON_SIZE_TOKENS.includes(sizeToken)) return void 0;\n  return sizeRecipeForToken(sizeToken).fontSize + 2;\n}\nfunction skeletonCircleSize(sizeToken) {\n  var _skeletonCircleTokenUp_sizeToken;\n  return sizeRecipeForToken((_skeletonCircleTokenUp_sizeToken = skeletonCircleTokenUp[sizeToken]) !== null && _skeletonCircleTokenUp_sizeToken !== void 0 ? _skeletonCircleTokenUp_sizeToken : \"$5\").height;\n}\nvar skeletonGapMap = {\n  small: \"$1\",\n  medium: \"$2\",\n  large: \"$3\"\n};\nvar PULSE_STYLE_ID = \"__mp-skeleton-pulse\";\nfunction ensurePulseKeyframes() {\n  if (!isWeb || typeof document === \"undefined\") return;\n  if (document.getElementById(PULSE_STYLE_ID)) return;\n  var style = document.createElement(\"style\");\n  style.id = PULSE_STYLE_ID;\n  style.textContent = \"@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}\";\n  document.head.appendChild(style);\n}\nfunction Skeleton(param) {\n  var { variant = \"text\", width, height, animate = true, style, ...props } = param;\n  var { knobProps } = useResolvedKnobs();\n  var pulsing = animate && knobProps.transition !== void 0;\n  if (pulsing) ensurePulseKeyframes();\n  var mergedStyle = isWeb && pulsing ? {\n    ...style,\n    animation: \"skeleton-pulse 1.5s ease-in-out infinite\"\n  } : style;\n  return /* @__PURE__ */ _jsx(SkeletonFrame, {\n    variant,\n    width,\n    // Text lines follow the size knob; explicit height ejects.\n    height: height !== null && height !== void 0 ? height : variant === \"text\" ? skeletonTextHeight(knobProps.sizeToken) : void 0,\n    // Radius only — a skeleton is a flat blob, it never draws the knob's border.\n    // Consumers that clamp (Checkbox/Radio/Switch) pass an explicit borderRadius\n    // which wins via ...props below.\n    // Text lines and rounded blocks ride DEFAULT (knobs-enumerated Part 2b,\n    // MPO-56): the token at every stop, the paint capping at h/2.\n    ...variant === \"rounded\" || variant === \"text\" ? {\n      borderRadius: knobProps.borderRadius.borderRadius\n    } : void 0,\n    // R-PILL (spec Skeleton \"circle\"): the circular variant stays 1:1 and\n    // round at every radius value, so it declares the class the\n    // `radius:none` sweep licenses it under (D-09 / LC-60).\n    ...variant === \"circular\" ? radiusClassProps(\"R-PILL\", \"SkeletonCircle\") : void 0,\n    ...props,\n    ...mergedStyle ? {\n      style: mergedStyle\n    } : void 0\n  });\n}\nfunction SkeletonText(param) {\n  var { lines = 1, gap: gapProp, lastLineWidth = \"70%\", ...props } = param;\n  var _ref;\n  var { knobProps } = useResolvedKnobs();\n  var gap = (_ref = gapProp !== null && gapProp !== void 0 ? gapProp : skeletonGapMap[knobProps.space]) !== null && _ref !== void 0 ? _ref : \"$2\";\n  if (lines === 1) {\n    return /* @__PURE__ */ _jsx(Skeleton, {\n      variant: \"text\",\n      width: lastLineWidth,\n      ...props\n    });\n  }\n  return /* @__PURE__ */ _jsx(View, {\n    gap,\n    children: Array.from({\n      length: lines\n    }).map(function(_, i) {\n      return /* @__PURE__ */ _jsx(Skeleton, {\n        variant: \"text\",\n        width: i === lines - 1 ? lastLineWidth : \"100%\",\n        ...props\n      }, i);\n    })\n  });\n}\nfunction SkeletonCircle(param) {\n  var { size: sizeProp, ...props } = param;\n  var { knobProps } = useResolvedKnobs();\n  var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : skeletonCircleSize(knobProps.sizeToken);\n  return /* @__PURE__ */ _jsx(Skeleton, {\n    variant: \"circular\",\n    width: size,\n    height: size,\n    ...props\n  });\n}\nSkeleton.Text = SkeletonText;\nSkeleton.Circle = SkeletonCircle;\nexport {\n  Skeleton,\n  SkeletonCircle,\n  SkeletonText\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","createContext","useContext","radiusClassProps","sizeRecipeForToken","useResolvedKnobs","View","styled","isWeb","useTranslation","SkeletonFrame","name","backgroundColor","overflow","pointerEvents","flexShrink","variants","variant","text","borderRadius","circular","rectangular","rounded","defaultVariants","SKELETON_SIZE_TOKENS","skeletonCircleTokenUp","$3","$4","$5","skeletonTextHeight","sizeToken","textSize","arguments","length","known","includes","body","fontSize","skeletonCircleSize","_skeletonCircleTokenUp_sizeToken","height","PULSE_STYLE_ID","PULSE_ANIMATION","ensurePulseKeyframes","document","getElementById","style","createElement","id","textContent","join","head","appendChild","AnnounceCtx","Skeleton","param","width","animate","label","className","props","t","knobProps","component","shouldAnnounce","pulsing","Boolean","motion","control","transition","decorative","smoothingClass","boneClass","filter","mergedStyle","animation","textHeight","resolvedHeight","String","role","accessibilityElementsHidden","SkeletonText","lines","gap","gapProp","lastLineWidth","size","_variant","count","Math","max","floor","Number","lineHeight","gapSm","Provider","value","children","Array","from","_","i","SkeletonCircle","sizeProp","diameter","SkeletonGroup","Text","Circle","Group"],"sources":["index.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createContext, useContext } from \"react\";\nimport { radiusClassProps, sizeRecipeForToken, useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { View, styled, isWeb } from \"tamagui\";\nimport { useTranslation } from \"../shared/i18n\";\nvar SkeletonFrame = styled(View, {\n  name: \"Skeleton\",\n  backgroundColor: \"$color5\",\n  overflow: \"hidden\",\n  pointerEvents: \"none\",\n  flexShrink: 0,\n  variants: {\n    variant: {\n      text: {\n        borderRadius: \"$2\"\n      },\n      circular: {\n        borderRadius: 1e3\n      },\n      rectangular: {\n        borderRadius: 0\n      },\n      rounded: {\n        borderRadius: \"$3\"\n      }\n    }\n  },\n  defaultVariants: {\n    variant: \"text\"\n  }\n});\nvar SKELETON_SIZE_TOKENS = [\n  \"$3\",\n  \"$4\",\n  \"$true\",\n  \"$5\"\n];\nvar skeletonCircleTokenUp = {\n  $3: \"$4\",\n  $4: \"$5\",\n  $5: \"$6\"\n};\nfunction skeletonTextHeight(sizeToken) {\n  var textSize = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"body\";\n  var known = SKELETON_SIZE_TOKENS.includes(sizeToken) ? sizeToken : \"$4\";\n  var body = sizeRecipeForToken(known).fontSize + 2;\n  return textSize === \"display\" ? body * 2 : body;\n}\nfunction skeletonCircleSize(sizeToken) {\n  var _skeletonCircleTokenUp_sizeToken;\n  return sizeRecipeForToken((_skeletonCircleTokenUp_sizeToken = skeletonCircleTokenUp[sizeToken]) !== null && _skeletonCircleTokenUp_sizeToken !== void 0 ? _skeletonCircleTokenUp_sizeToken : \"$5\").height;\n}\nvar PULSE_STYLE_ID = \"__mp-skeleton-pulse\";\nvar PULSE_ANIMATION = \"mp-skeleton-pulse 1.5s ease-in-out infinite\";\nfunction ensurePulseKeyframes() {\n  if (!isWeb || typeof document === \"undefined\") return;\n  if (document.getElementById(PULSE_STYLE_ID)) return;\n  var style = document.createElement(\"style\");\n  style.id = PULSE_STYLE_ID;\n  style.textContent = [\n    \"@keyframes mp-skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}\",\n    \"@media (prefers-reduced-motion:reduce){.mp-skeleton-bone{animation:none!important}}\",\n    \"@media (forced-colors:active){.mp-skeleton-bone{outline:1px solid transparent;outline-offset:-1px}}\"\n  ].join(\"\");\n  document.head.appendChild(style);\n}\nvar AnnounceCtx = /* @__PURE__ */ createContext(true);\nfunction Skeleton(param) {\n  var { variant = \"text\", width, height, animate = true, style, label, className, ...props } = param;\n  var { t } = useTranslation();\n  var { knobProps } = useResolvedKnobs({\n    component: \"Skeleton\"\n  });\n  var shouldAnnounce = useContext(AnnounceCtx);\n  var pulsing = Boolean(animate && knobProps.motion.control.transition);\n  if (isWeb) ensurePulseKeyframes();\n  var decorative = props[\"aria-hidden\"] === true || !shouldAnnounce;\n  var smoothingClass = variant === \"text\" || variant === \"rounded\" ? knobProps.borderRadius.className : void 0;\n  var boneClass = [\n    \"mp-skeleton-bone\",\n    pulsing ? \"mp-skeleton-pulse\" : \"mp-skeleton-static\",\n    smoothingClass,\n    className\n  ].filter(Boolean).join(\" \");\n  var mergedStyle = isWeb && pulsing ? {\n    ...style,\n    animation: PULSE_ANIMATION\n  } : style;\n  var textHeight = variant === \"text\" ? skeletonTextHeight(knobProps.sizeToken) : void 0;\n  var resolvedHeight = height !== null && height !== void 0 ? height : textHeight;\n  return /* @__PURE__ */ _jsx(SkeletonFrame, {\n    variant,\n    width,\n    height: resolvedHeight,\n    // Radius only — a skeleton is a flat blob, it never draws the knob's\n    // border. Text lines and rounded blocks ride DEFAULT (MPO-56): the token\n    // at every stop. Consumers that clamp pass borderRadius via ...props.\n    ...variant === \"rounded\" || variant === \"text\" ? {\n      borderRadius: knobProps.borderRadius.borderRadius\n    } : void 0,\n    // R-PILL (spec Skeleton \"circle\"): stays 1:1 and round at every radius.\n    ...variant === \"circular\" ? radiusClassProps(\"R-PILL\", \"SkeletonCircle\") : void 0,\n    ...props,\n    ...isWeb ? {\n      className: boneClass\n    } : void 0,\n    ...mergedStyle ? {\n      style: mergedStyle\n    } : void 0,\n    pointerEvents: \"none\",\n    \"data-skeleton\": \"\",\n    \"data-skeleton-variant\": variant,\n    \"data-animate\": pulsing ? \"true\" : \"false\",\n    \"data-width\": width != null ? String(width) : void 0,\n    \"data-height\": resolvedHeight != null ? String(resolvedHeight) : void 0,\n    \"aria-hidden\": decorative ? true : void 0,\n    role: decorative ? void 0 : \"status\",\n    \"aria-busy\": decorative ? void 0 : true,\n    \"aria-live\": decorative ? void 0 : \"polite\",\n    \"aria-label\": decorative ? void 0 : label !== null && label !== void 0 ? label : t(\"Loading\"),\n    accessibilityElementsHidden: decorative\n  });\n}\nfunction SkeletonText(param) {\n  var { lines = 1, gap: gapProp, lastLineWidth = \"70%\", size: textSize = \"body\", label, width, height, animate, style, variant: _variant, ...props } = param;\n  var { t } = useTranslation();\n  var { knobProps } = useResolvedKnobs({\n    component: \"Skeleton\"\n  });\n  var shouldAnnounce = useContext(AnnounceCtx);\n  var count = Math.max(0, Math.floor(Number(lines) || 0));\n  var lineHeight = height !== null && height !== void 0 ? height : skeletonTextHeight(knobProps.sizeToken, textSize);\n  var gap = gapProp !== null && gapProp !== void 0 ? gapProp : knobProps.gapSm.gap;\n  var decorative = !shouldAnnounce;\n  if (count === 0) return null;\n  return /* @__PURE__ */ _jsx(AnnounceCtx.Provider, {\n    value: false,\n    children: /* @__PURE__ */ _jsx(View, {\n      ...props,\n      width: width !== null && width !== void 0 ? width : \"100%\",\n      gap,\n      \"data-skeleton-text\": \"\",\n      \"data-lines\": String(count),\n      \"aria-hidden\": decorative ? true : void 0,\n      role: decorative ? void 0 : \"status\",\n      \"aria-busy\": decorative ? void 0 : true,\n      \"aria-live\": decorative ? void 0 : \"polite\",\n      \"aria-label\": decorative ? void 0 : label !== null && label !== void 0 ? label : t(\"Loading\"),\n      children: Array.from({\n        length: count\n      }, function(_, i) {\n        return /* @__PURE__ */ _jsx(Skeleton, {\n          variant: \"text\",\n          animate,\n          style,\n          height: lineHeight,\n          width: count === 1 ? width !== null && width !== void 0 ? width : lastLineWidth : i === count - 1 ? lastLineWidth : \"100%\"\n        }, i);\n      })\n    })\n  });\n}\nfunction SkeletonCircle(param) {\n  var { size: sizeProp, label, ...props } = param;\n  var { knobProps } = useResolvedKnobs({\n    component: \"Skeleton\"\n  });\n  var diameter = Math.max(0, sizeProp !== null && sizeProp !== void 0 ? sizeProp : skeletonCircleSize(knobProps.sizeToken));\n  return /* @__PURE__ */ _jsx(Skeleton, {\n    variant: \"circular\",\n    label,\n    width: diameter,\n    height: diameter,\n    ...props,\n    \"data-diameter\": String(diameter)\n  });\n}\nfunction SkeletonGroup(param) {\n  var { children, label, ...props } = param;\n  var { t } = useTranslation();\n  return /* @__PURE__ */ _jsx(AnnounceCtx.Provider, {\n    value: false,\n    children: /* @__PURE__ */ _jsx(View, {\n      ...props,\n      role: \"status\",\n      \"aria-busy\": true,\n      \"aria-live\": \"polite\",\n      \"aria-label\": label !== null && label !== void 0 ? label : t(\"Loading\"),\n      \"data-skeleton-group\": \"\",\n      children\n    })\n  });\n}\nSkeleton.Text = SkeletonText;\nSkeleton.Circle = SkeletonCircle;\nSkeleton.Group = SkeletonGroup;\nexport {\n  Skeleton,\n  SkeletonCircle,\n  SkeletonGroup,\n  SkeletonText\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/Spinner/index.mjs

@@ -25,7 +25,7 @@ function Spinner({
   const token = spinnerSizeToken(size, knobProps.sizeToken);
   const px = spinnerSizePx(token);
   const stroke = useSpinnerStroke(color);
-  const animationsOff = !knobProps.transition;
+  const animationsOff = !knobProps.motion.control.transition;
   ensureMotionStyles();
   const {
     className: classNameProp,
@@ -40,7 +40,7 @@ function Spinner({
     "aria-live": "polite",
     "aria-busy": true,
     pointerEvents: "none",
-    "data-size": token,
+    "data-size-token": token,
     "data-animation": animationsOff ? "none" : "spin",
     ...(isWeb ? {
       className