@xaui/native 0.9.1-alpha.92 → 0.9.1-alpha.93

package/dist/{chunk-KPKEZWZM.js → chunk-2SHWOFQV.js}

@@ -15,10 +15,10 @@ var [PagerProvider, usePager] = createSlotContext("Pager");
 
 // src/components/pager/pager-content.tsx
 import { jsx } from "react/jsx-runtime";
-const _worklet_5592363110114_init_data = {
-  code: "function chunkKPKEZWZMJs1(event){const{isHorizontal,offset,indexFromOffset,step,count,settled,runOnJS,onSettle}=this.__closure;const travelled=isHorizontal?event.contentOffset.x:event.contentOffset.y;offset.set(travelled);const next=indexFromOffset(travelled,step,count);if(next!==settled.get()){settled.set(next);runOnJS(onSettle)(next);}}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-KPKEZWZM.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkKPKEZWZMJs1\",\"event\",\"isHorizontal\",\"offset\",\"indexFromOffset\",\"step\",\"count\",\"settled\",\"runOnJS\",\"onSettle\",\"__closure\",\"travelled\",\"contentOffset\",\"x\",\"y\",\"set\",\"next\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-KPKEZWZM.js\"],\"mappings\":\"AAiE6C,SAAAA,gBAAUA,CAAAC,KAAA,QAAAC,YAAA,CAAAC,MAAA,CAAAC,eAAA,CAAAC,IAAA,CAAAC,KAAA,CAAAC,OAAA,CAAAC,OAAA,CAAAC,QAAA,OAAAC,SAAA,CACjD,KAAM,CAAAC,SAAS,CAAGT,YAAY,CAAGD,KAAK,CAACW,aAAa,CAACC,CAAC,CAAGZ,KAAK,CAACW,aAAa,CAACE,CAAC,CAC9EX,MAAM,CAACY,GAAG,CAACJ,SAAS,CAAC,CACrB,KAAM,CAAAK,IAAI,CAAGZ,eAAe,CAACO,SAAS,CAAEN,IAAI,CAAEC,KAAK,CAAC,CACpD,GAAIU,IAAI,GAAKT,OAAO,CAACU,GAAG,CAAC,CAAC,CAAE,CAC1BV,OAAO,CAACQ,GAAG,CAACC,IAAI,CAAC,CACjBR,OAAO,CAACC,QAAQ,CAAC,CAACO,IAAI,CAAC,CACzB,CACF\",\"ignoreList\":[]}"
+const _worklet_10605200666301_init_data = {
+  code: "function chunk2SHWOFQVJs1(event){const{isHorizontal,offset,indexFromOffset,step,count,settled,runOnJS,onSettle}=this.__closure;const travelled=isHorizontal?event.contentOffset.x:event.contentOffset.y;offset.set(travelled);const next=indexFromOffset(travelled,step,count);if(next!==settled.get()){settled.set(next);runOnJS(onSettle)(next);}}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-2SHWOFQV.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunk2SHWOFQVJs1\",\"event\",\"isHorizontal\",\"offset\",\"indexFromOffset\",\"step\",\"count\",\"settled\",\"runOnJS\",\"onSettle\",\"__closure\",\"travelled\",\"contentOffset\",\"x\",\"y\",\"set\",\"next\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-2SHWOFQV.js\"],\"mappings\":\"AAiE6C,SAAAA,gBAAUA,CAAAC,KAAA,QAAAC,YAAA,CAAAC,MAAA,CAAAC,eAAA,CAAAC,IAAA,CAAAC,KAAA,CAAAC,OAAA,CAAAC,OAAA,CAAAC,QAAA,OAAAC,SAAA,CACjD,KAAM,CAAAC,SAAS,CAAGT,YAAY,CAAGD,KAAK,CAACW,aAAa,CAACC,CAAC,CAAGZ,KAAK,CAACW,aAAa,CAACE,CAAC,CAC9EX,MAAM,CAACY,GAAG,CAACJ,SAAS,CAAC,CACrB,KAAM,CAAAK,IAAI,CAAGZ,eAAe,CAACO,SAAS,CAAEN,IAAI,CAAEC,KAAK,CAAC,CACpD,GAAIU,IAAI,GAAKT,OAAO,CAACU,GAAG,CAAC,CAAC,CAAE,CAC1BV,OAAO,CAACQ,GAAG,CAACC,IAAI,CAAC,CACjBR,OAAO,CAACC,QAAQ,CAAC,CAACO,IAAI,CAAC,CACzB,CACF\",\"ignoreList\":[]}"
 };
 var PagerContent = forwardRef(function PagerContent2({
   children,
@@ -58,8 +58,8 @@ var PagerContent = forwardRef(function PagerContent2({
   };
   const settled = useSharedValue(0);
   const isHorizontal = orientation === "horizontal";
-  const scroll = useAnimatedScrollHandler(function chunkKPKEZWZMJs1Factory({
-    _worklet_5592363110114_init_data,
+  const scroll = useAnimatedScrollHandler(function chunk2SHWOFQVJs1Factory({
+    _worklet_10605200666301_init_data,
     isHorizontal,
     offset,
     indexFromOffset,
@@ -70,7 +70,7 @@ var PagerContent = forwardRef(function PagerContent2({
     onSettle
   }) {
     const _e = [new global.Error(), -9, -27];
-    const chunkKPKEZWZMJs1 = function (event) {
+    const chunk2SHWOFQVJs1 = function (event) {
       const travelled = isHorizontal ? event.contentOffset.x : event.contentOffset.y;
       offset.set(travelled);
       const next = indexFromOffset(travelled, step, count);
@@ -79,7 +79,7 @@ var PagerContent = forwardRef(function PagerContent2({
         runOnJS(onSettle)(next);
       }
     };
-    chunkKPKEZWZMJs1.__closure = {
+    chunk2SHWOFQVJs1.__closure = {
       isHorizontal,
       offset,
       indexFromOffset,
@@ -89,13 +89,13 @@ var PagerContent = forwardRef(function PagerContent2({
       runOnJS,
       onSettle
     };
-    chunkKPKEZWZMJs1.__workletHash = 5592363110114;
-    chunkKPKEZWZMJs1.__pluginVersion = "0.7.4";
-    chunkKPKEZWZMJs1.__initData = _worklet_5592363110114_init_data;
-    chunkKPKEZWZMJs1.__stackDetails = _e;
-    return chunkKPKEZWZMJs1;
+    chunk2SHWOFQVJs1.__workletHash = 10605200666301;
+    chunk2SHWOFQVJs1.__pluginVersion = "0.7.4";
+    chunk2SHWOFQVJs1.__initData = _worklet_10605200666301_init_data;
+    chunk2SHWOFQVJs1.__stackDetails = _e;
+    return chunk2SHWOFQVJs1;
   }({
-    _worklet_5592363110114_init_data,
+    _worklet_10605200666301_init_data,
     isHorizontal,
     offset,
     indexFromOffset,
@@ -126,171 +126,26 @@ PagerContent.displayName = "XAUI.Pager.Content";
 // src/components/pager/pager-indicator.tsx
 import { forwardRef as forwardRef2 } from "react";
 import { Pressable, View } from "react-native";
-import Animated2, { interpolateColor, useAnimatedStyle } from "react-native-reanimated";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var HIT_SLOP = 8;
-var AnimatedPressable = Animated2.createAnimatedComponent(Pressable);
-var PagerIndicator = forwardRef2(function PagerIndicator2({
-  children,
-  style,
-  ...props
-}, ref) {
-  const {
-    indicatorStyle,
-    count
-  } = usePager();
-  const [styleProps, rest] = useStyleProps(props);
-  return /* @__PURE__ */jsx2(View, {
-    ref,
-    ...rest,
-    style: [indicatorStyle, styleProps, style],
-    children: children ?? Array.from({
-      length: count
-    }, (_, index) => /* @__PURE__ */jsx2(PagerDot, {
-      index
-    }, index))
-  });
-});
-PagerIndicator.displayName = "XAUI.Pager.Indicator";
-const _worklet_3999860474786_init_data = {
-  code: "function chunkKPKEZWZMJs2(){const{progressFromOffset,offset,step,count,index,interpolateColor,restColor,active}=this.__closure;const distance=Math.abs(progressFromOffset(offset.get(),step,count)-index);const nearness=Math.max(0,1-distance);return{backgroundColor:interpolateColor(nearness,[0,1],[restColor,active])};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-KPKEZWZM.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkKPKEZWZMJs2\",\"progressFromOffset\",\"offset\",\"step\",\"count\",\"index\",\"interpolateColor\",\"restColor\",\"active\",\"__closure\",\"distance\",\"Math\",\"abs\",\"get\",\"nearness\",\"max\",\"backgroundColor\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-KPKEZWZM.js\"],\"mappings\":\"AA+HkC,SAAAA,gBAAMA,CAAA,QAAAC,kBAAA,CAAAC,MAAA,CAAAC,IAAA,CAAAC,KAAA,CAAAC,KAAA,CAAAC,gBAAA,CAAAC,SAAA,CAAAC,MAAA,OAAAC,SAAA,CACpC,KAAM,CAAAC,QAAQ,CAAGC,IAAI,CAACC,GAAG,CAACX,kBAAkB,CAACC,MAAM,CAACW,GAAG,CAAC,CAAC,CAAEV,IAAI,CAAEC,KAAK,CAAC,CAAGC,KAAK,CAAC,CAChF,KAAM,CAAAS,QAAQ,CAAGH,IAAI,CAACI,GAAG,CAAC,CAAC,CAAE,CAAC,CAAGL,QAAQ,CAAC,CAC1C,MAAO,CACLM,eAAe,CAAEV,gBAAgB,CAACQ,QAAQ,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACP,SAAS,CAAEC,MAAM,CAAC,CACzE,CAAC,CACH\",\"ignoreList\":[]}"
-};
-var PagerDot = forwardRef2(function PagerDot2({
-  index,
-  children,
-  style,
-  ...props
-}, ref) {
-  const {
-    dotStyle,
-    dotInk,
-    offset,
-    step,
-    count,
-    index: current,
-    isDisabled,
-    goTo
-  } = usePager();
-  const [styleProps, rest] = useStyleProps(props);
-  const {
-    rest: restColor,
-    active
-  } = dotInk;
-  const travel = useAnimatedStyle(function chunkKPKEZWZMJs2Factory({
-    _worklet_3999860474786_init_data,
-    progressFromOffset,
-    offset,
-    step,
-    count,
-    index,
-    interpolateColor,
-    restColor,
-    active
-  }) {
-    const _e = [new global.Error(), -9, -27];
-    const chunkKPKEZWZMJs2 = function () {
-      const distance = Math.abs(progressFromOffset(offset.get(), step, count) - index);
-      const nearness = Math.max(0, 1 - distance);
-      return {
-        backgroundColor: interpolateColor(nearness, [0, 1], [restColor, active])
-      };
-    };
-    chunkKPKEZWZMJs2.__closure = {
-      progressFromOffset,
-      offset,
-      step,
-      count,
-      index,
-      interpolateColor,
-      restColor,
-      active
-    };
-    chunkKPKEZWZMJs2.__workletHash = 3999860474786;
-    chunkKPKEZWZMJs2.__pluginVersion = "0.7.4";
-    chunkKPKEZWZMJs2.__initData = _worklet_3999860474786_init_data;
-    chunkKPKEZWZMJs2.__stackDetails = _e;
-    return chunkKPKEZWZMJs2;
-  }({
-    _worklet_3999860474786_init_data,
-    progressFromOffset,
-    offset,
-    step,
-    count,
-    index,
-    interpolateColor,
-    restColor,
-    active
-  }));
-  return /* @__PURE__ */jsx2(AnimatedPressable, {
-    ref,
-    accessibilityRole: "button",
-    accessibilityState: {
-      selected: index === current,
-      disabled: isDisabled
-    },
-    accessibilityValue: {
-      now: index + 1,
-      min: 1,
-      max: count
-    },
-    disabled: isDisabled,
-    hitSlop: HIT_SLOP,
-    ...rest,
-    style: [dotStyle, travel, styleProps, style],
-    onPress: () => goTo(index),
-    children
-  });
-});
-PagerDot.displayName = "XAUI.Pager.Dot";
-
-// src/components/pager/pager-page.tsx
-import { forwardRef as forwardRef3 } from "react";
-import { View as View2 } from "react-native";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var PagerPage = forwardRef3(function PagerPage2({
-  children,
-  style,
-  ...props
-}, ref) {
-  const {
-    pageStyle,
-    track
-  } = usePager();
-  const [styleProps, rest] = useStyleProps(props);
-  return /* @__PURE__ */jsx3(View2, {
-    ref,
-    ...rest,
-    style: [pageStyle, {
-      width: track.width,
-      height: track.height
-    }, styleProps, style],
-    children
-  });
-});
-PagerPage.displayName = "XAUI.Pager.Page";
-
-// src/components/pager/pager.tsx
-import { forwardRef as forwardRef4, useCallback, useMemo, useState } from "react";
-import { StyleSheet, View as View3 } from "react-native";
-import { useAnimatedRef, useSharedValue as useSharedValue2 } from "react-native-reanimated";
+import Animated2, { interpolate, useAnimatedStyle } from "react-native-reanimated";
 
 // src/components/pager/pager.recipe.ts
-var SLOTS = ["root", "content", "page", "indicator", "dot", "dotActive"];
+var SLOTS = ["root", "content", "page", "indicator", "dot"];
 var VARIANT_TOKENS = {
   primary: {
     bgSelected: "accent"
   },
+  // The page's own ink, for an indicator that has to read as chrome rather than as accent.
   secondary: {
-    bgSelected: "defaultForeground"
+    bgSelected: "foreground"
   },
-  // The raised ground rather than the page's, which on a light theme is white: this is the
-  // pager over a photograph, where an accent dot disappears into whatever is behind it.
+  // The raised ground — white on a light theme. A pager over a *photograph* wants
+  // `color="#ffffff"` instead: a photograph is a photograph in both colour modes, and this
+  // token flips with the theme.
   tertiary: {
     bgSelected: "surface"
   }
 };
+var DOT_REST_OPACITY = 0.3;
 var SIZES = {
   xs: {
     dot: 5,
@@ -334,7 +189,7 @@ function orientationAxis(direction) {
 }
 var pagerRecipe = createRecipe({
   slots: SLOTS,
-  base: theme => ({
+  base: () => ({
     /**
      * **The root has no size of its own**, and that is deliberate rather than missing.
      *
@@ -360,24 +215,16 @@ var pagerRecipe = createRecipe({
     indicator: {
       alignItems: "center",
       justifyContent: "center"
-    },
-    /**
-     * A neutral fill rather than a faint version of the current one: a pale tint of the
-     * accent under the pages reads as a control that has half failed to load. A raw `color`
-     * reaches the current dot, which is the one it should move.
-     */
-    dot: {
-      backgroundColor: theme.colors.default
     }
   }),
   variantTokens: VARIANT_TOKENS,
   /**
-   * The current dot, **read as a value and never applied as a style**: the colour is
-   * interpolated on the UI thread, and `interpolateColor` needs a string rather than a
-   * `StyleSheet` id. The root flattens this slot into `dotInk`, so the recipe still owns it.
+   * Every dot takes the same colour. What separates the current one from the rest is its
+   * opacity, animated on the UI thread — so this is a plain style rather than a value the
+   * root has to flatten and hand to a worklet.
    */
   paint: (_theme, colors) => ({
-    dotActive: {
+    dot: {
       backgroundColor: colors.bgSelected
     }
   }),
@@ -407,7 +254,147 @@ var pagerRecipe = createRecipe({
   }
 });
 
+// src/components/pager/pager-indicator.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var HIT_SLOP = 8;
+var AnimatedPressable = Animated2.createAnimatedComponent(Pressable);
+var PagerIndicator = forwardRef2(function PagerIndicator2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    indicatorStyle,
+    count
+  } = usePager();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx2(View, {
+    ref,
+    ...rest,
+    style: [indicatorStyle, styleProps, style],
+    children: children ?? Array.from({
+      length: count
+    }, (_, index) => /* @__PURE__ */jsx2(PagerDot, {
+      index
+    }, index))
+  });
+});
+PagerIndicator.displayName = "XAUI.Pager.Indicator";
+const _worklet_15861153305546_init_data = {
+  code: "function chunk2SHWOFQVJs2(){const{progressFromOffset,offset,step,count,index,interpolate,DOT_REST_OPACITY}=this.__closure;const distance=Math.abs(progressFromOffset(offset.get(),step,count)-index);const nearness=Math.max(0,1-distance);return{opacity:interpolate(nearness,[0,1],[DOT_REST_OPACITY,1])};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-2SHWOFQV.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunk2SHWOFQVJs2\",\"progressFromOffset\",\"offset\",\"step\",\"count\",\"index\",\"interpolate\",\"DOT_REST_OPACITY\",\"__closure\",\"distance\",\"Math\",\"abs\",\"get\",\"nearness\",\"max\",\"opacity\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-2SHWOFQV.js\"],\"mappings\":\"AA4MkC,SAAAA,gBAAMA,CAAA,QAAAC,kBAAA,CAAAC,MAAA,CAAAC,IAAA,CAAAC,KAAA,CAAAC,KAAA,CAAAC,WAAA,CAAAC,gBAAA,OAAAC,SAAA,CAEpC,KAAM,CAAAC,QAAQ,CAAGC,IAAI,CAACC,GAAG,CAACV,kBAAkB,CAACC,MAAM,CAACU,GAAG,CAAC,CAAC,CAAET,IAAI,CAAEC,KAAK,CAAC,CAAGC,KAAK,CAAC,CAChF,KAAM,CAAAQ,QAAQ,CAAGH,IAAI,CAACI,GAAG,CAAC,CAAC,CAAE,CAAC,CAAGL,QAAQ,CAAC,CAC1C,MAAO,CAAEM,OAAO,CAAET,WAAW,CAACO,QAAQ,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACN,gBAAgB,CAAE,CAAC,CAAC,CAAE,CAAC,CAC1E\",\"ignoreList\":[]}"
+};
+var PagerDot = forwardRef2(function PagerDot2({
+  index,
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    dotStyle,
+    offset,
+    step,
+    count,
+    index: current,
+    isDisabled,
+    goTo
+  } = usePager();
+  const [styleProps, rest] = useStyleProps(props);
+  const travel = useAnimatedStyle(function chunk2SHWOFQVJs2Factory({
+    _worklet_15861153305546_init_data,
+    progressFromOffset,
+    offset,
+    step,
+    count,
+    index,
+    interpolate,
+    DOT_REST_OPACITY
+  }) {
+    const _e = [new global.Error(), -8, -27];
+    const chunk2SHWOFQVJs2 = function () {
+      const distance = Math.abs(progressFromOffset(offset.get(), step, count) - index);
+      const nearness = Math.max(0, 1 - distance);
+      return {
+        opacity: interpolate(nearness, [0, 1], [DOT_REST_OPACITY, 1])
+      };
+    };
+    chunk2SHWOFQVJs2.__closure = {
+      progressFromOffset,
+      offset,
+      step,
+      count,
+      index,
+      interpolate,
+      DOT_REST_OPACITY
+    };
+    chunk2SHWOFQVJs2.__workletHash = 15861153305546;
+    chunk2SHWOFQVJs2.__pluginVersion = "0.7.4";
+    chunk2SHWOFQVJs2.__initData = _worklet_15861153305546_init_data;
+    chunk2SHWOFQVJs2.__stackDetails = _e;
+    return chunk2SHWOFQVJs2;
+  }({
+    _worklet_15861153305546_init_data,
+    progressFromOffset,
+    offset,
+    step,
+    count,
+    index,
+    interpolate,
+    DOT_REST_OPACITY
+  }), [offset, step, count, index]);
+  return /* @__PURE__ */jsx2(AnimatedPressable, {
+    ref,
+    accessibilityRole: "button",
+    accessibilityState: {
+      selected: index === current,
+      disabled: isDisabled
+    },
+    accessibilityValue: {
+      now: index + 1,
+      min: 1,
+      max: count
+    },
+    disabled: isDisabled,
+    hitSlop: HIT_SLOP,
+    ...rest,
+    style: [dotStyle, travel, styleProps, style],
+    onPress: () => goTo(index),
+    children
+  });
+});
+PagerDot.displayName = "XAUI.Pager.Dot";
+
+// src/components/pager/pager-page.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { View as View2 } from "react-native";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PagerPage = forwardRef3(function PagerPage2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    pageStyle,
+    track
+  } = usePager();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx3(View2, {
+    ref,
+    ...rest,
+    style: [pageStyle, {
+      width: track.width,
+      height: track.height
+    }, styleProps, style],
+    children
+  });
+});
+PagerPage.displayName = "XAUI.Pager.Page";
+
 // src/components/pager/pager.tsx
+import { forwardRef as forwardRef4, useCallback, useMemo, useState } from "react";
+import { View as View3 } from "react-native";
+import { useAnimatedRef, useSharedValue as useSharedValue2 } from "react-native-reanimated";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var PagerRoot = forwardRef4(function Pager({
   children,
@@ -465,35 +452,26 @@ var PagerRoot = forwardRef4(function Pager({
     });
     setIndex(next);
   }, [orientation, setIndex, step, trackRef]);
-  const context = useMemo(() => {
-    const active = StyleSheet.flatten([styles.dotActive, tint?.dotActive]);
-    const at = StyleSheet.flatten([styles.dot]);
-    return {
-      contentStyle: styles.content,
-      pageStyle: styles.page,
-      indicatorStyle: styles.indicator,
-      dotStyle: styles.dot,
-      // Values rather than styles: the colour is interpolated on the UI thread, and
-      // `interpolateColor` needs strings. The fallbacks are the tokens the recipe named, for
-      // the platform colours `ColorValue` also covers.
-      dotInk: {
-        rest: typeof at.backgroundColor === "string" ? at.backgroundColor : theme.colors.default,
-        active: typeof active.backgroundColor === "string" ? active.backgroundColor : theme.colors.accent
-      },
-      orientation,
-      index,
-      count,
-      setCount,
-      track,
-      setTrack,
-      step,
-      offset,
-      goTo,
-      onSettle: setIndex,
-      trackRef,
-      isDisabled
-    };
-  }, [styles, tint, theme, orientation, index, count, track, setTrack, step, offset, goTo, setIndex, trackRef, isDisabled]);
+  const context = useMemo(() => ({
+    contentStyle: styles.content,
+    pageStyle: styles.page,
+    indicatorStyle: styles.indicator,
+    // One colour for every dot; the current one is told apart by its opacity, which the dot
+    // animates itself. Nothing here has to be flattened into a value for a worklet.
+    dotStyle: tint ? [styles.dot, tint.dot] : styles.dot,
+    orientation,
+    index,
+    count,
+    setCount,
+    track,
+    setTrack,
+    step,
+    offset,
+    goTo,
+    onSettle: setIndex,
+    trackRef,
+    isDisabled
+  }), [styles, tint, orientation, index, count, track, setTrack, step, offset, goTo, setIndex, trackRef, isDisabled]);
   const rootStyle = [styles.root, tint?.root, styleProps, style];
   return /* @__PURE__ */jsx4(PagerProvider, {
     value: context,
@@ -514,4 +492,4 @@ var Pager2 = Object.assign(PagerRoot, {
   Indicator: PagerIndicator,
   Dot: PagerDot
 });
-export { usePager, PagerContent, PagerIndicator, PagerDot, PagerPage, pagerRecipe, PagerRoot, Pager2 as Pager };
+export { usePager, PagerContent, DOT_REST_OPACITY, pagerRecipe, PagerIndicator, PagerDot, PagerPage, PagerRoot, Pager2 as Pager };