@multiplatform.one/forms 7.34.3 → 7.35.0

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":["../../../src/Skeleton/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getVariable","useTheme","Circle","Svg","VB","CX","R","STROKE","CIRCUMFERENCE","Math","PI","ARC","useSpinnerStroke","color","_ref","_token_get","theme","startsWith","key","replace","token","String","get","call","SpinnerGlyph","param","size","width","height","viewBox","pointerEvents","children","cx","cy","r","fill","stroke","strokeWidth","opacity","strokeLinecap","strokeDasharray","transform"],"sources":["SpinnerGlyph.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { getVariable, useTheme } from \"tamagui\";\nimport { Circle, Svg } from \"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 = 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(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__ */ _jsxs(Svg, {\n    width: size,\n    height: size,\n    viewBox: `0 0 ${VB} ${VB}`,\n    pointerEvents: \"none\",\n    children: [\n      /* @__PURE__ */ _jsx(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__ */ _jsx(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}\nexport {\n  SpinnerGlyph,\n  useSpinnerStroke\n};\n//# sourceMappingURL=SpinnerGlyph.js.map\n"],"mappings":"AAAA,SAASA,GAAG,IAAIC,IAAI,EAAEC,IAAI,IAAIC,KAAK,QAAQ,mBAAmB;AAC9D,SAASC,WAAW,EAAEC,QAAQ,QAAQ,SAAS;AAC/C,SAASC,MAAM,EAAEC,GAAG,QAAQ,kBAAkB;AAC9C,IAAIC,EAAE,GAAG,EAAE;AACX,IAAIC,EAAE,GAAGD,EAAE,GAAG,CAAC;AACf,IAAIE,CAAC,GAAG,CAAC;AACT,IAAIC,MAAM,GAAG,GAAG;AAChB,IAAIC,aAAa,GAAG,CAAC,GAAGC,IAAI,CAACC,EAAE,GAAGJ,CAAC;AACnC,IAAIK,GAAG,GAAGH,aAAa,GAAG,IAAI;AAC9B,SAASI,gBAAgBA,CAACC,KAAK,EAAE;EAC/B,IAAIC,IAAI;EACR,IAAIC,UAAU;EACd,IAAIC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EACtB,IAAIY,KAAK,IAAI,CAACA,KAAK,CAACI,UAAU,CAAC,GAAG,CAAC,EAAE,OAAOJ,KAAK;EACjD,IAAIK,GAAG,GAAG,CAACL,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAGA,KAAK,GAAG,QAAQ,EAAEM,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;EACpF,IAAIC,KAAK,GAAGJ,KAAK,CAACE,GAAG,CAAC;EACtB,IAAI,CAACE,KAAK,EAAE,OAAOP,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAGA,KAAK,GAAG,cAAc;EAC9E,OAAOQ,MAAM,CAACrB,WAAW,CAAC,CAACc,IAAI,GAAG,CAACC,UAAU,GAAGK,KAAK,CAACE,GAAG,MAAM,IAAI,IAAIP,UAAU,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,UAAU,CAACQ,IAAI,CAACH,KAAK,EAAE,KAAK,CAAC,MAAM,IAAI,IAAIN,IAAI,KAAK,KAAK,CAAC,GAAGA,IAAI,GAAGM,KAAK,CAAC,CAAC;AACrL;AACA,SAASI,YAAYA,CAACC,KAAK,EAAE;EAC3B,IAAI;IAAEZ,KAAK;IAAEa;EAAK,CAAC,GAAGD,KAAK;EAC3B,OAAO,eAAgB1B,KAAK,CAACI,GAAG,EAAE;IAChCwB,KAAK,EAAED,IAAI;IACXE,MAAM,EAAEF,IAAI;IACZG,OAAO,EAAE,OAAOzB,EAAE,IAAIA,EAAE,EAAE;IAC1B0B,aAAa,EAAE,MAAM;IACrBC,QAAQ,EAAE,CACR,eAAgBlC,IAAI,CAACK,MAAM,EAAE;MAC3B8B,EAAE,EAAE3B,EAAE;MACN4B,EAAE,EAAE5B,EAAE;MACN6B,CAAC,EAAE5B,CAAC;MACJ6B,IAAI,EAAE,MAAM;MACZC,MAAM,EAAEvB,KAAK;MACbwB,WAAW,EAAE9B,MAAM;MACnB+B,OAAO,EAAE;IACX,CAAC,CAAC,EACF,eAAgBzC,IAAI,CAACK,MAAM,EAAE;MAC3B8B,EAAE,EAAE3B,EAAE;MACN4B,EAAE,EAAE5B,EAAE;MACN6B,CAAC,EAAE5B,CAAC;MACJ6B,IAAI,EAAE,MAAM;MACZC,MAAM,EAAEvB,KAAK;MACbwB,WAAW,EAAE9B,MAAM;MACnBgC,aAAa,EAAE,OAAO;MACtBC,eAAe,EAAE,GAAG7B,GAAG,IAAIH,aAAa,GAAGG,GAAG,EAAE;MAChD8B,SAAS,EAAE,cAAcpC,EAAE,IAAIA,EAAE;IACnC,CAAC,CAAC;EAEN,CAAC,CAAC;AACJ;AACA,SACEmB,YAAY,EACZZ,gBAAgB","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getVariable","useTheme","Circle","Svg","VB","CX","R","STROKE","CIRCUMFERENCE","Math","PI","ARC","useSpinnerStroke","color","_ref","_token_get","theme","startsWith","key","replace","token","String","get","call","SpinnerGlyph","param","size","width","height","viewBox","pointerEvents","children","cx","cy","r","fill","stroke","strokeWidth","opacity"],"sources":["../../../src/Spinner/SpinnerGlyph.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAA,QAAgB;AACtC,SAASC,WAAQ,EAAAC,QAAW;AAqBxB,SACEC,MADF,EAAAC,GAAA;AAnBJ,IAAAC,EAAM,KAAK;AACX,IAAAC,EAAM,GAAAD,EAAK;AACX,IAAAE,CAAA,GAAM;AACN,IAAAC,MAAM,MAAS;AACf,IAAAC,aAAM,OAAgBC,IAAI,CAAAC,EAAK,GAAAJ,CAAA;AAC/B,IAAAK,GAAM,GAAAH,aAAM,OAAgB;AAErB,SAASI,iBAAiBC,KAAA,EAAwB;EACvD,IAAAC,IAAM;EACN,IAAIC,UAAU;EACd,IAAAC,KAAM,GAAAf,QAAO,EAAS;EACtB,IAAAY,KAAM,KAAQA,KAAA,CAAMI,UAAyB,cAAAJ,KAAA;EAC7C,IAAIK,GAAC,IAAOL,KAAA,KAAO,QAASA,KAAA,cAAAA,KAAA,aAAAM,OAAA;EAC5B,IAAAC,KAAO,GAAAJ,KAAO,CAAAE,GAAA;EAChB,KAAAE,KAAA,SAAAP,KAAA,aAAAA,KAAA,cAAAA,KAAA;EAGO,OAASQ,MAAA,CAAArB,WAAe,EAAAc,IAAO,GAAK,CAAAC,UAAoC,GAAAK,KAAA,CAAAE,GAAA,cAAAP,UAAA,uBAAAA,UAAA,CAAAQ,IAAA,CAAAH,KAAA,sBAAAN,IAAA,cAAAA,IAAA,GAAAM,KAAA;AAC7E;AAEI,SAAAI,aAAAC,KAAC;EAA2F,IAC5F;IAAAZ,KAAA;IAAAa;EAAA,IAAAD,KAAA;EAAA,OAAC,eAAA1B,KAAA,CAAAI,GAAA;IAAAwB,KAAA,EAAAD,IAAA;IAAAE,MACC,EAAIF,IAAA;IAAAG,OACJ,EAAI,OAAAzB,EAAA,IAAAA,EAAA;IAAA0B,aACD;IAAAC,QACH,EAAK,gBACGlC,IAAA,CAAAK,MAAA;MACR8B,EAAA,EAAA3B,EAAA;MACA4B,EAAA,EAAA5B,EAAA;MACA6B,CAAA,EAAA5B,CAAA;MACA6B,IAAA,QAAW;MAAsBC,MAAA,EAAAvB,KAAA;MACnCwB,WAAA,EAAA9B,MAAA;MACF+B,OAAA;IAEJ,I","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

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

@@ -1 +1 @@
-{"version":3,"names":["useResolvedKnobs","View","isWeb","t","SpinnerGlyph","useSpinnerStroke","spinnerSizePx","spinnerSizeToken","jsx","MOTION_STYLE_ID","SPIN_PERIOD","ensureMotionStyles","document","getElementById","style","createElement","id","textContent","join","head","appendChild","Spinner","size","color","props","knobProps","token","sizeToken","px","stroke","animationsOff","transition","className","classNameProp","rest","filter","Boolean","width","height","role","pointerEvents","children"],"sources":["../../../src/Spinner/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AACjC,SAASC,IAAA,EAAMC,KAAA,QAAa;AAC5B,SAASC,CAAA,QAAS;AAClB,SAASC,YAAA,EAAcC,gBAAA,QAAwB;AAC/C,SAASC,aAAA,EAAeC,gBAAA,QAA2C;AAiD7D,SAAAC,GAAA;AA7CN,MAAMC,eAAA,GAAkB;AAGxB,MAAMC,WAAA,GAAc;AAEpB,SAASC,mBAAA,EAAqB;EAC5B,IAAI,CAACT,KAAA,IAAS,OAAOU,QAAA,KAAa,aAAa;EAC/C,IAAIA,QAAA,CAASC,cAAA,CAAeJ,eAAe,GAAG;EAC9C,MAAMK,KAAA,GAAQF,QAAA,CAASG,aAAA,CAAc,OAAO;EAC5CD,KAAA,CAAME,EAAA,GAAKP,eAAA;EACXK,KAAA,CAAMG,WAAA,GAAc,CAClB,oEACA,8CAA8CP,WAAW,uBACzD,8EACA,2GACF,CAAEQ,IAAA,CAAK,IAAI;EACXN,QAAA,CAASO,IAAA,CAAKC,WAAA,CAAYN,KAAK;AACjC;AAGO,SAASO,QAAQ;EAAEC,IAAA;EAAMC,KAAA;EAAO,GAAGC;AAAM,GAAiB;EAC/D,MAAM;IAAEC;EAAU,IAAIzB,gBAAA,CAAiB;EACvC,MAAM0B,KAAA,GAAQnB,gBAAA,CAAiBe,IAAA,EAAMG,SAAA,CAAUE,SAAS;EACxD,MAAMC,EAAA,GAAKtB,aAAA,CAAcoB,KAAK;EAC9B,MAAMG,MAAA,GAASxB,gBAAA,CAAiBkB,KAAK;EACrC,MAAMO,aAAA,GAAgB,CAACL,SAAA,CAAUM,UAAA;EACjCpB,kBAAA,CAAmB;EACnB,MAAM;IAAEqB,SAAA,EAAWC,aAAA;IAAe,GAAGC;EAAK,IAAIV,KAAA;EAC9C,MAAMQ,SAAA,GAAY,CAAC,eAAeF,aAAA,GAAgB,uBAAuB,IAAIG,aAAa,EACvFE,MAAA,CAAOC,OAAO,EACdlB,IAAA,CAAK,GAAG;EACX,OACE,eAAAV,GAAA,CAACP,IAAA;IACCoC,KAAA,EAAOT,EAAA;IACPU,MAAA,EAAQV,EAAA;IACRW,IAAA,EAAK;IACL,cAAYpC,CAAA,CAAE,SAAS;IACvB,aAAU;IACV,aAAS;IACTqC,aAAA,EAAc;IACd,aAAWd,KAAA;IACX,kBAAgBI,aAAA,GAAgB,SAAS;IACxC,IAAI5B,KAAA,GAAQ;MAAE8B;IAAU,IAAI;IAC5B,GAAGE,IAAA;IAEJO,QAAA,iBAAAjC,GAAA,CAACJ,YAAA;MAAamB,KAAA,EAAOM,MAAA;MAAQP,IAAA,EAAMM;IAAA,CAAI;EAAA,CACzC;AAEJ","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","View","isWeb","t","SpinnerGlyph","useSpinnerStroke","spinnerSizePx","spinnerSizeToken","jsx","MOTION_STYLE_ID","SPIN_PERIOD","ensureMotionStyles","document","getElementById","style","createElement","id","textContent","join","head","appendChild","Spinner","size","color","props","knobProps","token","sizeToken","px","stroke","animationsOff","motion","control","transition","className","classNameProp","rest","filter","Boolean","width","height","role","pointerEvents","children"],"sources":["../../../src/Spinner/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AACjC,SAASC,IAAA,EAAMC,KAAA,QAAa;AAC5B,SAASC,CAAA,QAAS;AAClB,SAASC,YAAA,EAAcC,gBAAA,QAAwB;AAC/C,SAASC,aAAA,EAAeC,gBAAA,QAA2C;AAiD7D,SAAAC,GAAA;AA7CN,MAAMC,eAAA,GAAkB;AAGxB,MAAMC,WAAA,GAAc;AAEpB,SAASC,mBAAA,EAAqB;EAC5B,IAAI,CAACT,KAAA,IAAS,OAAOU,QAAA,KAAa,aAAa;EAC/C,IAAIA,QAAA,CAASC,cAAA,CAAeJ,eAAe,GAAG;EAC9C,MAAMK,KAAA,GAAQF,QAAA,CAASG,aAAA,CAAc,OAAO;EAC5CD,KAAA,CAAME,EAAA,GAAKP,eAAA;EACXK,KAAA,CAAMG,WAAA,GAAc,CAClB,oEACA,8CAA8CP,WAAW,uBACzD,8EACA,2GACF,CAAEQ,IAAA,CAAK,IAAI;EACXN,QAAA,CAASO,IAAA,CAAKC,WAAA,CAAYN,KAAK;AACjC;AAGO,SAASO,QAAQ;EAAEC,IAAA;EAAMC,KAAA;EAAO,GAAGC;AAAM,GAAiB;EAC/D,MAAM;IAAEC;EAAU,IAAIzB,gBAAA,CAAiB;EACvC,MAAM0B,KAAA,GAAQnB,gBAAA,CAAiBe,IAAA,EAAMG,SAAA,CAAUE,SAAS;EACxD,MAAMC,EAAA,GAAKtB,aAAA,CAAcoB,KAAK;EAC9B,MAAMG,MAAA,GAASxB,gBAAA,CAAiBkB,KAAK;EACrC,MAAMO,aAAA,GAAgB,CAACL,SAAA,CAAUM,MAAA,CAAOC,OAAA,CAAQC,UAAA;EAChDtB,kBAAA,CAAmB;EACnB,MAAM;IAAEuB,SAAA,EAAWC,aAAA;IAAe,GAAGC;EAAK,IAAIZ,KAAA;EAC9C,MAAMU,SAAA,GAAY,CAAC,eAAeJ,aAAA,GAAgB,uBAAuB,IAAIK,aAAa,EACvFE,MAAA,CAAOC,OAAO,EACdpB,IAAA,CAAK,GAAG;EACX,OACE,eAAAV,GAAA,CAACP,IAAA;IACCsC,KAAA,EAAOX,EAAA;IACPY,MAAA,EAAQZ,EAAA;IACRa,IAAA,EAAK;IACL,cAAYtC,CAAA,CAAE,SAAS;IACvB,aAAU;IACV,aAAS;IACTuC,aAAA,EAAc;IACd,mBAAiBhB,KAAA;IACjB,kBAAgBI,aAAA,GAAgB,SAAS;IACxC,IAAI5B,KAAA,GAAQ;MAAEgC;IAAU,IAAI;IAC5B,GAAGE,IAAA;IAEJO,QAAA,iBAAAnC,GAAA,CAACJ,YAAA;MAAamB,KAAA,EAAOM,MAAA;MAAQP,IAAA,EAAMM;IAAA,CAAI;EAAA,CACzC;AAEJ","ignoreList":[]}

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

@@ -31,7 +31,7 @@ function Spinner(param) {
       sub.remove();
     };
   }, []);
-  var spinning = Boolean(knobProps.transition) && !reduceMotion;
+  var spinning = Boolean(knobProps.motion.control.transition) && !reduceMotion;
   var spin = useRef(new Animated.Value(0)).current;
   useEffect(function () {
     if (!spinning) {
@@ -62,7 +62,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__ */_jsx(Animated.View, {

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

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

package/dist/esm/Spinner/spinnerSize.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["getSize","getVariableValue","spinnerSizeToken","size","sizeToken","spinnerSizePx","token"],"sources":["spinnerSize.native.js"],"sourcesContent":["import { getSize } from \"@tamagui/get-token\";\nimport { getVariableValue } from \"tamagui\";\nfunction spinnerSizeToken(size, sizeToken) {\n  if (size === \"small\") return \"$1\";\n  if (size === \"large\") return \"$3\";\n  return sizeToken;\n}\nfunction spinnerSizePx(token) {\n  return getVariableValue(getSize(token));\n}\nexport {\n  spinnerSizePx,\n  spinnerSizeToken\n};\n//# sourceMappingURL=spinnerSize.js.map\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,gBAAgB,QAAQ,SAAS;AAC1C,SAASC,gBAAgBA,CAACC,IAAI,EAAEC,SAAS,EAAE;EACzC,IAAID,IAAI,KAAK,OAAO,EAAE,OAAO,IAAI;EACjC,IAAIA,IAAI,KAAK,OAAO,EAAE,OAAO,IAAI;EACjC,OAAOC,SAAS;AAClB;AACA,SAASC,aAAaA,CAACC,KAAK,EAAE;EAC5B,OAAOL,gBAAgB,CAACD,OAAO,CAACM,KAAK,CAAC,CAAC;AACzC;AACA,SACED,aAAa,EACbH,gBAAgB","ignoreList":[]}
+{"version":3,"names":["getSize","getVariableValue","spinnerSizeToken","size","sizeToken","spinnerSizePx","token"],"sources":["../../../src/Spinner/spinnerSize.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,OAAA,QAAe;AAExB,SAASC,gBAAA,QAAwB;AAgB1B,SAASC,iBAAiBC,IAAA,EAA+BC,SAAA,EAA+B;EAC7F,IAAID,IAAA,KAAS,SAAS,OAAO;EAC7B,IAAIA,IAAA,KAAS,SAAS,OAAO;EAC7B,OAAOC,SAAA;AACT;AAEO,SAASC,cAAcC,KAAA,EAA2B;EACvD,OAAOL,gBAAA,CAAiBD,OAAA,CAAQM,KAAK,CAAC;AACxC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["Table"],"sources":["index.native.js"],"sourcesContent":["import { Table } from \"@multiplatform.one/table-primitives\";\nexport {\n  Table\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,qCAAqC;AAC3D,SACEA,KAAK","ignoreList":[]}
+{"version":3,"names":["Table"],"sources":["../../../src/Table/index.tsx"],"sourcesContent":[null],"mappings":"AAOA,SAAAA,KAAA;AAAA,SACEA,KASK","ignoreList":[]}

package/dist/esm/Wheel/haptic.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["isWeb","fireSelectionHaptic","_loaded_selectionAsync","loaded","require","selectionAsync","call","unused"],"sources":["haptic.native.js"],"sourcesContent":["import { isWeb } from \"tamagui\";\nfunction fireSelectionHaptic() {\n  if (isWeb) return;\n  try {\n    var _loaded_selectionAsync;\n    var loaded = require(\"expo-haptics\");\n    void ((_loaded_selectionAsync = loaded.selectionAsync) === null || _loaded_selectionAsync === void 0 ? void 0 : _loaded_selectionAsync.call(loaded));\n  } catch (unused) {\n  }\n}\nexport {\n  fireSelectionHaptic\n};\n//# sourceMappingURL=haptic.js.map\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,mBAAmBA,CAAA,EAAG;EAC7B,IAAID,KAAK,EAAE;EACX,IAAI;IACF,IAAIE,sBAAsB;IAC1B,IAAIC,MAAM,GAAGC,OAAO,CAAC,cAAc,CAAC;IACpC,MAAM,CAACF,sBAAsB,GAAGC,MAAM,CAACE,cAAc,MAAM,IAAI,IAAIH,sBAAsB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,sBAAsB,CAACI,IAAI,CAACH,MAAM,CAAC,CAAC;EACtJ,CAAC,CAAC,OAAOI,MAAM,EAAE,CACjB;AACF;AACA,SACEN,mBAAmB","ignoreList":[]}
+{"version":3,"names":["isWeb","fireSelectionHaptic","_loaded_selectionAsync","loaded","require","selectionAsync","call","unused"],"sources":["../../../src/Wheel/haptic.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AAMf,SAASC,oBAAA,EAA4B;EAC1C,IAAID,KAAA,EAAO;EACX,IAAI;IACF,IAAAE,sBAAuB;IACvB,IAAAC,MAAK,GAAOC,OAAA,eAAiB;IAC/B,MAAQ,CAAAF,sBAAA,GAAAC,MAAA,CAAAE,cAAA,cAAAH,sBAAA,uBAAAA,sBAAA,CAAAI,IAAA,CAAAH,MAAA;EAER,SAAAI,MAAA,GACF","ignoreList":[]}

package/dist/esm/Wheel/index.mjs

@@ -1,6 +1,7 @@
+import { motionDurationMs } from "@multiplatform.one/theme";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { PanResponder } from "react-native-web";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { sizeTokenStep, useResolvedKnobs } from "@multiplatform.one/theme";
 import { View, getTokens, isWeb, styled, Text } from "tamagui";
 import { t } from "../shared/t.mjs";
 import { fireSelectionHaptic } from "./haptic.mjs";
@@ -15,20 +16,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() {
@@ -163,13 +154,12 @@ function Wheel({
   const {
     knobProps
   } = useResolvedKnobs();
-  const sizeKnob = knobProps.size ?? "medium";
-  const size = sizeProp ?? wheelFontBySize[sizeKnob] ?? "$8";
+  const size = sizeProp ?? wheelFontByStep[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 = motionDurationMs(motionTransition);
   const containerRef = useRef(null);
   const [scrollOffset, setScrollOffset] = useState(0);
   const [selectedIndex, setSelectedIndex] = useState(0);