@multiplatform.one/forms 7.34.4 → 7.35.0

package/dist/cjs/Skeleton/index.cjs

@@ -24,20 +24,25 @@ var Skeleton_exports = {};
 __export(Skeleton_exports, {
   Skeleton: () => Skeleton,
   SkeletonCircle: () => SkeletonCircle,
+  SkeletonGroup: () => SkeletonGroup,
   SkeletonText: () => SkeletonText
 });
 module.exports = __toCommonJS(Skeleton_exports);
+var import_react = require("react");
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
+var import_i18n = require("../shared/i18n.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const SkeletonFrame = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "Skeleton",
   backgroundColor: "$color5",
+  overflow: "hidden",
+  pointerEvents: "none",
+  flexShrink: 0,
   variants: {
     variant: {
       text: {
-        borderRadius: "$2",
-        height: 16
+        borderRadius: "$2"
       },
       circular: {
         borderRadius: 1e3
@@ -54,106 +59,183 @@ const SkeletonFrame = (0, import_tamagui.styled)(import_tamagui.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 (0, import_theme.sizeRecipeForToken)(sizeToken).fontSize + 2;
+function skeletonTextHeight(sizeToken, textSize = "body") {
+  const known = SKELETON_SIZE_TOKENS.includes(sizeToken) ? sizeToken : "$4";
+  const body = (0, import_theme.sizeRecipeForToken)(known).fontSize + 2;
+  return textSize === "display" ? body * 2 : body;
 }
 function skeletonCircleSize(sizeToken) {
   return (0, import_theme.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 (!import_tamagui.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 = (0, import_react.createContext)(true);
 function Skeleton({
   variant = "text",
   width,
   height,
   animate = true,
   style,
+  label,
+  className,
   ...props
 }) {
+  const {
+    t
+  } = (0, import_i18n.useTranslation)();
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  const pulsing = animate && knobProps.transition !== void 0;
-  if (pulsing) ensurePulseKeyframes();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Skeleton"
+  });
+  const shouldAnnounce = (0, import_react.useContext)(AnnounceCtx);
+  const pulsing = Boolean(animate && knobProps.motion.control.transition);
+  if (import_tamagui.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 = import_tamagui.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__ */(0, import_jsx_runtime.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" ? (0, import_theme.radiusClassProps)("R-PILL", "SkeletonCircle") : void 0),
     ...props,
+    ...(import_tamagui.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
+  } = (0, import_i18n.useTranslation)();
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  const gap = gapProp ?? skeletonGapMap[knobProps.space] ?? "$2";
-  if (lines === 1) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Skeleton, {
-      variant: "text",
-      width: lastLineWidth,
-      ...props
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-    gap,
-    children: Array.from({
-      length: lines
-    }).map((_, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(Skeleton, {
-      variant: "text",
-      width: i === lines - 1 ? lastLineWidth : "100%",
-      ...props
-    }, i))
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Skeleton"
+  });
+  const shouldAnnounce = (0, import_react.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__ */(0, import_jsx_runtime.jsx)(AnnounceCtx.Provider, {
+    value: false,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.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
-  } = (0, import_theme.useResolvedKnobs)();
-  const size = sizeProp ?? skeletonCircleSize(knobProps.sizeToken);
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Skeleton"
+  });
+  const diameter = Math.max(0, sizeProp ?? skeletonCircleSize(knobProps.sizeToken));
   return /* @__PURE__ */(0, import_jsx_runtime.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
+  } = (0, import_i18n.useTranslation)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnnounceCtx.Provider, {
+    value: false,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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;
+Skeleton.Circle = SkeletonCircle;
+Skeleton.Group = SkeletonGroup;

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

@@ -26,20 +26,25 @@ var Skeleton_exports = {};
 __export(Skeleton_exports, {
   Skeleton: () => Skeleton,
   SkeletonCircle: () => SkeletonCircle,
+  SkeletonGroup: () => SkeletonGroup,
   SkeletonText: () => SkeletonText
 });
 module.exports = __toCommonJS(Skeleton_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
+var import_i18n = require("../shared/i18n.native.js");
 var SkeletonFrame = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "Skeleton",
   backgroundColor: "$color5",
+  overflow: "hidden",
+  pointerEvents: "none",
+  flexShrink: 0,
   variants: {
     variant: {
       text: {
-        borderRadius: "$2",
-        height: 16
+        borderRadius: "$2"
       },
       circular: {
         borderRadius: 1e3
@@ -56,34 +61,33 @@ var SkeletonFrame = (0, import_tamagui.styled)(import_tamagui.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 (0, import_theme.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 = (0, import_theme.sizeRecipeForToken)(known).fontSize + 2;
+  return textSize === "display" ? body * 2 : body;
 }
 function skeletonCircleSize(sizeToken) {
   var _skeletonCircleTokenUp_sizeToken;
   return (0, import_theme.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 (!import_tamagui.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__ */(0, import_react.createContext)(true);
 function Skeleton(param) {
   var {
     variant = "text",
@@ -91,38 +95,61 @@ function Skeleton(param) {
     height,
     animate = true,
     style,
+    label,
+    className,
     ...props
   } = param;
+  var {
+    t
+  } = (0, import_i18n.useTranslation)();
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  var pulsing = animate && knobProps.transition !== void 0;
-  if (pulsing) ensurePulseKeyframes();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Skeleton"
+  });
+  var shouldAnnounce = (0, import_react.useContext)(AnnounceCtx);
+  var pulsing = Boolean(animate && knobProps.motion.control.transition);
+  if (import_tamagui.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 = import_tamagui.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__ */(0, import_jsx_runtime.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" ? (0, import_theme.radiusClassProps)("R-PILL", "SkeletonCircle") : void 0),
     ...props,
+    ...(import_tamagui.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) {
@@ -130,49 +157,100 @@ 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
+  } = (0, import_i18n.useTranslation)();
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  var gap = (_ref = gapProp !== null && gapProp !== void 0 ? gapProp : skeletonGapMap[knobProps.space]) !== null && _ref !== void 0 ? _ref : "$2";
-  if (lines === 1) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Skeleton, {
-      variant: "text",
-      width: lastLineWidth,
-      ...props
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-    gap,
-    children: Array.from({
-      length: lines
-    }).map(function (_, i) {
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Skeleton, {
-        variant: "text",
-        width: i === lines - 1 ? lastLineWidth : "100%",
-        ...props
-      }, i);
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Skeleton"
+  });
+  var shouldAnnounce = (0, import_react.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__ */(0, import_jsx_runtime.jsx)(AnnounceCtx.Provider, {
+    value: false,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.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
-  } = (0, import_theme.useResolvedKnobs)();
-  var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : skeletonCircleSize(knobProps.sizeToken);
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Skeleton"
+  });
+  var diameter = Math.max(0, sizeProp !== null && sizeProp !== void 0 ? sizeProp : skeletonCircleSize(knobProps.sizeToken));
   return /* @__PURE__ */(0, import_jsx_runtime.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
+  } = (0, import_i18n.useTranslation)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnnounceCtx.Provider, {
+    value: false,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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;
+Skeleton.Group = SkeletonGroup;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Skeleton_exports","Skeleton","SkeletonCircle","SkeletonText","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","SkeletonFrame","styled","View","backgroundColor","variants","variant","text","borderRadius","height","circular","rectangular","rounded","defaultVariants","SKELETON_SIZE_TOKENS","skeletonCircleTokenUp","$3","$4","$5","skeletonTextHeight","sizeToken","includes","sizeRecipeForToken","fontSize","skeletonCircleSize","_skeletonCircleTokenUp_sizeToken","skeletonGapMap","small","medium","large","PULSE_STYLE_ID","ensurePulseKeyframes","isWeb","document","getElementById","style","createElement","id","textContent","head","appendChild","param","width","animate","props","knobProps","useResolvedKnobs","pulsing","transition","mergedStyle","animation","jsx","radiusClassProps","lines","gap","gapProp","lastLineWidth","_ref","space","children","Array","length","map","_","i","size","sizeProp","Text","Circle"],"sources":["index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Skeleton_exports = {};\n__export(Skeleton_exports, {\n  Skeleton: () => Skeleton,\n  SkeletonCircle: () => SkeletonCircle,\n  SkeletonText: () => SkeletonText\n});\nmodule.exports = __toCommonJS(Skeleton_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_tamagui = require(\"tamagui\");\nvar SkeletonFrame = (0, import_tamagui.styled)(import_tamagui.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 (0, import_theme.sizeRecipeForToken)(sizeToken).fontSize + 2;\n}\nfunction skeletonCircleSize(sizeToken) {\n  var _skeletonCircleTokenUp_sizeToken;\n  return (0, import_theme.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 (!import_tamagui.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 } = (0, import_theme.useResolvedKnobs)();\n  var pulsing = animate && knobProps.transition !== void 0;\n  if (pulsing) ensurePulseKeyframes();\n  var mergedStyle = import_tamagui.isWeb && pulsing ? {\n    ...style,\n    animation: \"skeleton-pulse 1.5s ease-in-out infinite\"\n  } : style;\n  return /* @__PURE__ */ (0, import_jsx_runtime.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\" ? (0, import_theme.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 } = (0, import_theme.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__ */ (0, import_jsx_runtime.jsx)(Skeleton, {\n      variant: \"text\",\n      width: lastLineWidth,\n      ...props\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n    gap,\n    children: Array.from({\n      length: lines\n    }).map(function(_, i) {\n      return /* @__PURE__ */ (0, import_jsx_runtime.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 } = (0, import_theme.useResolvedKnobs)();\n  var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : skeletonCircleSize(knobProps.sizeToken);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, {\n    variant: \"circular\",\n    width: size,\n    height: size,\n    ...props\n  });\n}\nSkeleton.Text = SkeletonText;\nSkeleton.Circle = SkeletonCircle;\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Skeleton_exports","__export","Skeleton","SkeletonCircle","SkeletonGroup","SkeletonText","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_i18n","SkeletonFrame","styled","View","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","sizeRecipeForToken","fontSize","skeletonCircleSize","_skeletonCircleTokenUp_sizeToken","height","PULSE_STYLE_ID","PULSE_ANIMATION","ensurePulseKeyframes","isWeb","document","getElementById","style","createElement","id","textContent","join","head","appendChild","AnnounceCtx","createContext","param","width","animate","label","className","props","t","useTranslation","knobProps","useResolvedKnobs","component","shouldAnnounce","useContext","pulsing","Boolean","motion","control","transition","decorative","smoothingClass","boneClass","filter","mergedStyle","animation","textHeight","resolvedHeight","jsx","radiusClassProps","String","role","accessibilityElementsHidden","lines","gap","gapProp","lastLineWidth","size","_variant","count","Math","max","floor","Number","lineHeight","gapSm","Provider","children","Array","from","_","i","sizeProp","diameter","Text","Circle","Group"],"sources":["../../../src/Skeleton/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Spinner/SpinnerGlyph.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","SpinnerGlyph_exports","SpinnerGlyph","useSpinnerStroke","module","exports","import_jsx_runtime","require","import_tamagui","import_react_native_svg","VB","CX","R","STROKE","CIRCUMFERENCE","Math","PI","ARC","color","_ref","_token_get","theme","useTheme","startsWith","replace","token","String","getVariable","param","size","jsxs","Svg","width","height","viewBox","pointerEvents","children","jsx","Circle","cx","cy","r","fill","stroke","strokeWidth","opacity","strokeLinecap","strokeDasharray","transform"],"sources":["SpinnerGlyph.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SpinnerGlyph_exports = {};\n__export(SpinnerGlyph_exports, {\n  SpinnerGlyph: () => SpinnerGlyph,\n  useSpinnerStroke: () => useSpinnerStroke\n});\nmodule.exports = __toCommonJS(SpinnerGlyph_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nvar import_react_native_svg = require(\"react-native-svg\");\nvar VB = 24;\nvar CX = VB / 2;\nvar R = 9;\nvar STROKE = 2.5;\nvar CIRCUMFERENCE = 2 * Math.PI * R;\nvar ARC = CIRCUMFERENCE * 0.75;\nfunction useSpinnerStroke(color) {\n  var _ref;\n  var _token_get;\n  var theme = (0, import_tamagui.useTheme)();\n  if (color && !color.startsWith(\"$\")) return color;\n  var key = (color !== null && color !== void 0 ? color : \"$color\").replace(/^\\$/, \"\");\n  var token = theme[key];\n  if (!token) return color !== null && color !== void 0 ? color : \"currentColor\";\n  return String((0, import_tamagui.getVariable)((_ref = (_token_get = token.get) === null || _token_get === void 0 ? void 0 : _token_get.call(token, \"web\")) !== null && _ref !== void 0 ? _ref : token));\n}\nfunction SpinnerGlyph(param) {\n  var { color, size } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native_svg.Svg, {\n    width: size,\n    height: size,\n    viewBox: `0 0 ${VB} ${VB}`,\n    pointerEvents: \"none\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native_svg.Circle, {\n        cx: CX,\n        cy: CX,\n        r: R,\n        fill: \"none\",\n        stroke: color,\n        strokeWidth: STROKE,\n        opacity: 0.2\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native_svg.Circle, {\n        cx: CX,\n        cy: CX,\n        r: R,\n        fill: \"none\",\n        stroke: color,\n        strokeWidth: STROKE,\n        strokeLinecap: \"round\",\n        strokeDasharray: `${ARC} ${CIRCUMFERENCE - ARC}`,\n        transform: `rotate(-90 ${CX} ${CX})`\n      })\n    ]\n  });\n}\n//# sourceMappingURL=SpinnerGlyph.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SpinnerGlyph_exports","__export","SpinnerGlyph","useSpinnerStroke","module","exports","import_jsx_runtime","require","import_tamagui","import_react_native_svg","VB","CX","R","STROKE","CIRCUMFERENCE","Math","PI","ARC","color","_ref","_token_get","theme","useTheme","startsWith","key","replace","token","String","getVariable","get","call","param","size","jsxs","Svg","width","height","viewBox","pointerEvents","children","jsx","Circle","cx","cy","r","fill","stroke","strokeWidth","opacity"],"sources":["../../../src/Spinner/SpinnerGlyph.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAsC,CAAAK,oBAAA;AACtC,IAAAM,kBAAA,GAAAC,OAA4B;AAqBxB,IAAAC,cAAA,GAAAD,OAAA;AAnBJ,IAAAE,uBAAW,GAAAF,OAAA;AACX,IAAAG,EAAM,KAAK;AACX,IAAAC,EAAM,GAAAD,EAAI;AACV,IAAAE,CAAA,GAAM;AACN,IAAAC,MAAM;AACN,IAAAC,aAAY,OAAAC,IAAgB,CAAAC,EAAA,GAAAJ,CAAA;AAErB,IAAAK,GAAA,GAASH,aAAA,GAAiB;AAC/B,SAAMX,gBAAQA,CAAAe,KAAA;EACd,IAAIC,IAAA;EACJ,IAAAC,UAAa;EACb,IAAAC,KAAM,KAAQ,EAAAb,cAA+B,CAAAc,QAAA;EAC7C,IAAIJ,KAAC,IAAO,CAAAA,KAAO,CAAAK,UAAS,cAAAL,KAAA;EAC5B,IAAAM,GAAO,IAAAN,KAAA,KAAO,QAAAA,KAAA,cAAaA,KAA2C,WAAW,EAAAO,OAAU,CAAC;EAC9F,IAAAC,KAAA,GAAAL,KAAA,CAAAG,GAAA;EAGO,KAAAE,KAAS,SAAAR,KAAe,KAAO,QAAyCA,KAAA,cAAAA,KAAA;EAC7E,OACES,MAAA,KAAAnB,cAAA,CAAAoB,WAAA,GAAAT,IAAA,GAAC,CAAAC,UAAA,GAAAM,KAAA,CAAAG,GAAA,MAAI,QAAOT,UAAM,KAAQ,KAAM,SAAS,IAAAA,UAAe,CAAAU,IAAI,CAAAJ,KAAA,QAAc,UACxE,IAAAP,IAAA,cAAAA,IAAA,GAAAO,KAAA;AAAA;AAA4F,SAC5FxB,aAAA6B,KAAA;EAAA,IAAC;IAAAb,KAAA;IAAAc;EAAA,IAAAD,KAAA;EAAA,0BAAAzB,kBAAA,CAAA2B,IAAA,EAAAxB,uBAAA,CAAAyB,GAAA;IAAAC,KACC,EAAAH,IAAI;IAAAI,MACJ,EAAIJ,IAAA;IAAAK,OACD,SAAA3B,EAAA,IAAAA,EAAA;IAAA4B,aACE;IAAAC,QACL,GAAQ,eACK,IAAAjC,kBAAA,CAAAkC,GAAA,EAAA/B,uBAAA,CAAAgC,MAAA;MACbC,EAAA,EAAA/B,EAAA;MACAgC,EAAA,EAAAhC,EAAA;MACAiC,CAAA,EAAAhC,CAAA;MAAiCiC,IAAA;MACnCC,MAAA,EAAA5B,KAAA;MACF6B,WAAA,EAAAlC,MAAA;MAEJmC,OAAA","ignoreList":[]}

package/dist/cjs/Spinner/index.cjs

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

package/dist/cjs/Spinner/index.native.js

@@ -60,7 +60,7 @@ function Spinner(param) {
       sub.remove();
     };
   }, []);
-  var spinning = Boolean(knobProps.transition) && !reduceMotion;
+  var spinning = Boolean(knobProps.motion.control.transition) && !reduceMotion;
   var spin = (0, import_react.useRef)(new import_react_native.Animated.Value(0)).current;
   (0, import_react.useEffect)(function () {
     if (!spinning) {
@@ -91,7 +91,7 @@ function Spinner(param) {
     "aria-live": "polite",
     "aria-busy": true,
     pointerEvents: "none",
-    "data-size": token,
+    "data-size-token": token,
     "data-animation": spinning ? "spin" : "none",
     ...props,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Animated.View, {