@multiplatform.one/forms 7.34.4 → 7.36.0

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":["__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","SkeletonGroup","SkeletonText","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_i18n","SkeletonFrame","styled","View","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","_","i","sizeProp","diameter","Text","Circle","Group"],"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  SkeletonGroup: () => SkeletonGroup,\n  SkeletonText: () => SkeletonText\n});\nmodule.exports = __toCommonJS(Skeleton_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_tamagui = require(\"tamagui\");\nvar import_i18n = require(\"../shared/i18n\");\nvar SkeletonFrame = (0, import_tamagui.styled)(import_tamagui.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 = (0, import_theme.sizeRecipeForToken)(known).fontSize + 2;\n  return textSize === \"display\" ? body * 2 : body;\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 PULSE_STYLE_ID = \"__mp-skeleton-pulse\";\nvar PULSE_ANIMATION = \"mp-skeleton-pulse 1.5s ease-in-out infinite\";\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 = [\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__ */ (0, import_react.createContext)(true);\nfunction Skeleton(param) {\n  var { variant = \"text\", width, height, animate = true, style, label, className, ...props } = param;\n  var { t } = (0, import_i18n.useTranslation)();\n  var { knobProps } = (0, import_theme.useResolvedKnobs)({\n    component: \"Skeleton\"\n  });\n  var shouldAnnounce = (0, import_react.useContext)(AnnounceCtx);\n  var pulsing = Boolean(animate && knobProps.motion.control.transition);\n  if (import_tamagui.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 = import_tamagui.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__ */ (0, import_jsx_runtime.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\" ? (0, import_theme.radiusClassProps)(\"R-PILL\", \"SkeletonCircle\") : void 0,\n    ...props,\n    ...import_tamagui.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 } = (0, import_i18n.useTranslation)();\n  var { knobProps } = (0, import_theme.useResolvedKnobs)({\n    component: \"Skeleton\"\n  });\n  var shouldAnnounce = (0, import_react.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__ */ (0, import_jsx_runtime.jsx)(AnnounceCtx.Provider, {\n    value: false,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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__ */ (0, import_jsx_runtime.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 } = (0, import_theme.useResolvedKnobs)({\n    component: \"Skeleton\"\n  });\n  var diameter = Math.max(0, sizeProp !== null && sizeProp !== void 0 ? sizeProp : skeletonCircleSize(knobProps.sizeToken));\n  return /* @__PURE__ */ (0, import_jsx_runtime.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 } = (0, import_i18n.useTranslation)();\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnnounceCtx.Provider, {\n    value: false,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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;\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","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, {

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

@@ -1 +1 @@
-{"version":3,"names":["index_native_exports","__export","Spinner","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_react_native","import_theme","import_tamagui","import_t","import_SpinnerGlyph","import_spinnerSize","SPIN_MS","param","size","color","props","knobProps","useResolvedKnobs","token","spinnerSizeToken","sizeToken","px","spinnerSizePx","stroke","useSpinnerStroke","reduceMotion","setReduceMotion","useState","useEffect","cancelled","AccessibilityInfo","isReduceMotionEnabled","then","value","sub","addEventListener","remove","spinning","Boolean","transition","spin","useRef","Animated","Value","current","setValue","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","stop","rotate","interpolate","inputRange","outputRange","jsx","View","width","height","role","t","pointerEvents","children","style","transform","SpinnerGlyph"],"sources":["../../../src/Spinner/index.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["index_native_exports","__export","Spinner","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_react_native","import_theme","import_tamagui","import_t","import_SpinnerGlyph","import_spinnerSize","SPIN_MS","param","size","color","props","knobProps","useResolvedKnobs","token","spinnerSizeToken","sizeToken","px","spinnerSizePx","stroke","useSpinnerStroke","reduceMotion","setReduceMotion","useState","useEffect","cancelled","AccessibilityInfo","isReduceMotionEnabled","then","value","sub","addEventListener","remove","spinning","Boolean","motion","control","transition","spin","useRef","Animated","Value","current","setValue","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","stop","rotate","interpolate","inputRange","outputRange","jsx","View","width","height","role","t","pointerEvents","children","style","transform","SpinnerGlyph"],"sources":["../../../src/Spinner/index.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Wheel/index.cjs

@@ -25,9 +25,10 @@ __export(Wheel_exports, {
   Wheel: () => Wheel
 });
 module.exports = __toCommonJS(Wheel_exports);
+var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_react_native = require("react-native-web");
-var import_theme = require("@multiplatform.one/theme");
+var import_theme2 = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_t = require("../shared/t.cjs");
 var import_haptic = require("./haptic.cjs");
@@ -42,20 +43,10 @@ const diameterRatio = 1.07;
 const squeeze = 1.45;
 const perspectivePx = 400;
 const defaultColumnWidth = 88;
-const wheelFontBySize = {
-  small: "$6",
-  medium: "$8",
-  large: "$9"
-};
-const transitionDurationsMs = {
-  bouncy: 200,
-  lazy: 600,
-  slow: 500,
-  medium: 250,
-  quick: 100,
-  tooltip: 400,
-  snappy: 80,
-  gentle: 450
+const wheelFontByStep = {
+  [-1]: "$6",
+  0: "$8",
+  1: "$9"
 };
 const WHEEL_FOCUS_STYLE_ID = "mp1-wheel-focus";
 function ensureWheelFocusStyles() {
@@ -189,14 +180,13 @@ function Wheel({
 }) {
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  const sizeKnob = knobProps.size ?? "medium";
-  const size = sizeProp ?? wheelFontBySize[sizeKnob] ?? "$8";
+  } = (0, import_theme2.useResolvedKnobs)();
+  const size = sizeProp ?? wheelFontByStep[(0, import_theme2.sizeTokenStep)(knobProps.sizeToken)];
   const itemHeight = itemHeightProp ?? knobProps.nestedControl.px ?? 32;
   const columnWidth = widthProp ?? defaultColumnWidth;
   ensureWheelFocusStyles();
-  const motionTransition = knobProps.transition;
-  const snapDurationMs = motionTransition ? transitionDurationsMs[motionTransition] ?? 100 : 0;
+  const motionTransition = knobProps.motion.control.transition;
+  const snapDurationMs = (0, import_theme.motionDurationMs)(motionTransition);
   const containerRef = (0, import_react.useRef)(null);
   const [scrollOffset, setScrollOffset] = (0, import_react.useState)(0);
   const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);

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

@@ -28,9 +28,10 @@ __export(Wheel_exports, {
 });
 module.exports = __toCommonJS(Wheel_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_react_native = require("react-native");
-var import_theme = require("@multiplatform.one/theme");
+var import_theme2 = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_t = require("../shared/t.native.js");
 var import_haptic = require("./haptic.native.js");
@@ -49,20 +50,10 @@ var diameterRatio = 1.07;
 var squeeze = 1.45;
 var perspectivePx = 400;
 var defaultColumnWidth = 88;
-var wheelFontBySize = {
-  small: "$6",
-  medium: "$8",
-  large: "$9"
-};
-var transitionDurationsMs = {
-  bouncy: 200,
-  lazy: 600,
-  slow: 500,
-  medium: 250,
-  quick: 100,
-  tooltip: 400,
-  snappy: 80,
-  gentle: 450
+var wheelFontByStep = {
+  [-1]: "$6",
+  0: "$8",
+  1: "$9"
 };
 var WHEEL_FOCUS_STYLE_ID = "mp1-wheel-focus";
 function ensureWheelFocusStyles() {
@@ -197,17 +188,16 @@ function Wheel(param) {
     onItemCross,
     "aria-label": ariaLabel
   } = param;
-  var _knobProps_size, _ref, _ref1, _transitionDurationsMs_motionTransition;
+  var _ref;
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  var sizeKnob = (_knobProps_size = knobProps.size) !== null && _knobProps_size !== void 0 ? _knobProps_size : "medium";
-  var size = (_ref = sizeProp !== null && sizeProp !== void 0 ? sizeProp : wheelFontBySize[sizeKnob]) !== null && _ref !== void 0 ? _ref : "$8";
-  var itemHeight = (_ref1 = itemHeightProp !== null && itemHeightProp !== void 0 ? itemHeightProp : knobProps.nestedControl.px) !== null && _ref1 !== void 0 ? _ref1 : 32;
+  } = (0, import_theme2.useResolvedKnobs)();
+  var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : wheelFontByStep[(0, import_theme2.sizeTokenStep)(knobProps.sizeToken)];
+  var itemHeight = (_ref = itemHeightProp !== null && itemHeightProp !== void 0 ? itemHeightProp : knobProps.nestedControl.px) !== null && _ref !== void 0 ? _ref : 32;
   var columnWidth = widthProp !== null && widthProp !== void 0 ? widthProp : defaultColumnWidth;
   ensureWheelFocusStyles();
-  var motionTransition = knobProps.transition;
-  var snapDurationMs = motionTransition ? (_transitionDurationsMs_motionTransition = transitionDurationsMs[motionTransition]) !== null && _transitionDurationsMs_motionTransition !== void 0 ? _transitionDurationsMs_motionTransition : 100 : 0;
+  var motionTransition = knobProps.motion.control.transition;
+  var snapDurationMs = (0, import_theme.motionDurationMs)(motionTransition);
   var containerRef = (0, import_react.useRef)(null);
   var [scrollOffset, setScrollOffset] = (0, import_react.useState)(0);
   var [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);