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

package/dist/{chunk-VMPCXS4S.js → chunk-7OVYYZ7H.js}

@@ -1,6 +1,6 @@
 import { INDICATOR_ROTATION, INDICATOR_SPRING } from "./chunk-64MXEVT3.js";
 import { useControllableState } from "./chunk-F6W3JQ7K.js";
-import { PressableFeedback } from "./chunk-2AFA5HA2.js";
+import { PressableFeedback } from "./chunk-KQW25RCC.js";
 import { usePressState } from "./chunk-423RQBOX.js";
 import { ChevronDownIcon, Icon, IconContext } from "./chunk-JN6IRT2M.js";
 import { createRecipe, radiusAxis } from "./chunk-DKVXTMIJ.js";
@@ -53,10 +53,10 @@ AccordionContent.displayName = "XAUI.Accordion.Content";
 import { useEffect } from "react";
 import Animated2, { interpolate, useAnimatedStyle, useSharedValue, withSpring } from "react-native-reanimated";
 import { jsx as jsx2 } from "react/jsx-runtime";
-const _worklet_10416736392308_init_data = {
-  code: "function chunkVMPCXS4SJs1(){const{interpolate,progress,INDICATOR_ROTATION}=this.__closure;return{transform:[{rotate:interpolate(progress.get(),[0,1],[INDICATOR_ROTATION[0],INDICATOR_ROTATION[1]])+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-VMPCXS4S.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkVMPCXS4SJs1\",\"interpolate\",\"progress\",\"INDICATOR_ROTATION\",\"__closure\",\"transform\",\"rotate\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-VMPCXS4S.js\"],\"mappings\":\"AA8FoC,SAAAA,iBAAA,QAAAC,WAAA,CAAAC,QAAA,CAAAC,kBAAA,OAAAC,SAAA,OAAO,CACvCC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,WAAW,CAACC,QAAQ,CAACK,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACJ,kBAAkB,CAAC,CAAC,CAAC,CAAEA,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MAChG,CAAC,CAEL,CAAC\",\"ignoreList\":[]}"
+const _worklet_5209976091547_init_data = {
+  code: "function chunk7OVYYZ7HJs1(){const{interpolate,progress,INDICATOR_ROTATION}=this.__closure;return{transform:[{rotate:interpolate(progress.get(),[0,1],[INDICATOR_ROTATION[0],INDICATOR_ROTATION[1]])+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-7OVYYZ7H.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunk7OVYYZ7HJs1\",\"interpolate\",\"progress\",\"INDICATOR_ROTATION\",\"__closure\",\"transform\",\"rotate\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-7OVYYZ7H.js\"],\"mappings\":\"AA8FoC,SAAAA,gBAAMA,CAAA,QAAAC,WAAA,CAAAC,QAAA,CAAAC,kBAAA,OAAAC,SAAA,CAEtC,MAAO,CACLC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,WAAW,CAACC,QAAQ,CAACK,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACJ,kBAAkB,CAAC,CAAC,CAAC,CAAEA,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MAChG,CAAC,CAEL,CAAC,CACH\",\"ignoreList\":[]}"
 };
 function AccordionIndicator({
   as = ChevronDownIcon,
@@ -72,34 +72,36 @@ function AccordionIndicator({
   useEffect(() => {
     progress.set(withSpring(isExpanded ? 1 : 0, INDICATOR_SPRING));
   }, [isExpanded, progress]);
-  const rotation = useAnimatedStyle(function chunkVMPCXS4SJs1Factory({
-    _worklet_10416736392308_init_data,
+  const rotation = useAnimatedStyle(function chunk7OVYYZ7HJs1Factory({
+    _worklet_5209976091547_init_data,
     interpolate,
     progress,
     INDICATOR_ROTATION
   }) {
     const _e = [new global.Error(), -4, -27];
-    const chunkVMPCXS4SJs1 = () => ({
-      transform: [{
-        rotate: `${interpolate(progress.get(), [0, 1], [INDICATOR_ROTATION[0], INDICATOR_ROTATION[1]])}deg`
-      }]
-    });
-    chunkVMPCXS4SJs1.__closure = {
+    const chunk7OVYYZ7HJs1 = function () {
+      return {
+        transform: [{
+          rotate: `${interpolate(progress.get(), [0, 1], [INDICATOR_ROTATION[0], INDICATOR_ROTATION[1]])}deg`
+        }]
+      };
+    };
+    chunk7OVYYZ7HJs1.__closure = {
       interpolate,
       progress,
       INDICATOR_ROTATION
     };
-    chunkVMPCXS4SJs1.__workletHash = 10416736392308;
-    chunkVMPCXS4SJs1.__pluginVersion = "0.7.4";
-    chunkVMPCXS4SJs1.__initData = _worklet_10416736392308_init_data;
-    chunkVMPCXS4SJs1.__stackDetails = _e;
-    return chunkVMPCXS4SJs1;
+    chunk7OVYYZ7HJs1.__workletHash = 5209976091547;
+    chunk7OVYYZ7HJs1.__pluginVersion = "0.7.4";
+    chunk7OVYYZ7HJs1.__initData = _worklet_5209976091547_init_data;
+    chunk7OVYYZ7HJs1.__stackDetails = _e;
+    return chunk7OVYYZ7HJs1;
   }({
-    _worklet_10416736392308_init_data,
+    _worklet_5209976091547_init_data,
     interpolate,
     progress,
     INDICATOR_ROTATION
-  }));
+  }), [progress]);
   return /* @__PURE__ */jsx2(Animated2.View, {
     style: [indicatorStyle, rotation],
     children: /* @__PURE__ */jsx2(Icon, {

package/dist/{chunk-CYOUOQXT.cjs → chunk-AHJLQJOE.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkZE4IHUUOcjs = require('./chunk-ZE4IHUUO.cjs');
+var _chunkWNEDQTH6cjs = require('./chunk-WNEDQTH6.cjs');
 
 
 var _chunkWDDXU3OHcjs = require('./chunk-WDDXU3OH.cjs');
@@ -14,7 +14,7 @@ var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
 
 
-var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
+var _chunkHBYT7B47cjs = require('./chunk-HBYT7B47.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -50,7 +50,7 @@ var DialogClose = _react.forwardRef.call(void 0, function DialogClose2({ asChild
     [close, onPress]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkZE4IHUUOcjs.CloseButtonBase,
+    _chunkWNEDQTH6cjs.CloseButtonBase,
     {
       ref,
       name: "Dialog.Close",
@@ -204,7 +204,7 @@ var DialogTrigger = _react.forwardRef.call(void 0,
       [onPress, toggle]
     );
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOW4N2C3Mcjs.PressableFeedback,
+      _chunkHBYT7B47cjs.PressableFeedback,
       {
         ref,
         isPressed,
@@ -249,7 +249,7 @@ var CLOSE_BAR = 16;
 var dialogRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
   slots: SLOTS,
   base: (theme) => {
-    const shared = _chunkZE4IHUUOcjs.closeButtonGeometry.call(void 0, theme);
+    const shared = _chunkWNEDQTH6cjs.closeButtonGeometry.call(void 0, theme);
     return {
       // Unlike the `Popover`'s, this backdrop dims by default. A popover is an aside you can
       // read the page around; a dialog is a question, and the page behind it is not

package/dist/chunk-AHKKEM3K.cjs

@@ -0,0 +1,536 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+function _nullishCoalesce(lhs, rhsFn) {
+  if (lhs != null) {
+    return lhs;
+  } else {
+    return rhsFn();
+  }
+}
+function _optionalChain(ops) {
+  let lastAccessLHS = undefined;
+  let value = ops[0];
+  let i = 1;
+  while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+      return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+      lastAccessLHS = value;
+      value = fn(value);
+    } else if (op === 'call' || op === 'optionalCall') {
+      value = fn((...args) => value.call(lastAccessLHS, ...args));
+      lastAccessLHS = undefined;
+    }
+  }
+  return value;
+}
+var _chunkFTPPUTWLcjs = require('./chunk-FTPPUTWL.cjs');
+var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
+var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
+var _chunkSL3V7R2Ycjs = require('./chunk-SL3V7R2Y.cjs');
+var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
+var _chunkIIAQISBGcjs = require('./chunk-IIAQISBG.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/pager/pager-content.tsx
+var _react = require('react');
+var _reactnativereanimated = require('react-native-reanimated');
+var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+
+// src/components/pager/pager.context.ts
+var [PagerProvider, usePager] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Pager");
+
+// src/components/pager/pager-content.tsx
+var _jsxruntime = require('react/jsx-runtime');
+const _worklet_2720740189091_init_data = {
+  code: "function chunkAHKKEM3KCjs1(event){const{isHorizontal,offset,_chunkFTPPUTWLcjs,step,count,settled,_reactnativereanimated,onSettle}=this.__closure;const travelled=isHorizontal?event.contentOffset.x:event.contentOffset.y;offset.set(travelled);const next=_chunkFTPPUTWLcjs.indexFromOffset.call(void 0,travelled,step,count);if(next!==settled.get()){settled.set(next);_reactnativereanimated.runOnJS.call(void 0,onSettle)(next);}}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-AHKKEM3K.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkAHKKEM3KCjs1\",\"event\",\"isHorizontal\",\"offset\",\"_chunkFTPPUTWLcjs\",\"step\",\"count\",\"settled\",\"_reactnativereanimated\",\"onSettle\",\"__closure\",\"travelled\",\"contentOffset\",\"x\",\"y\",\"set\",\"next\",\"indexFromOffset\",\"call\",\"get\",\"runOnJS\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-AHKKEM3K.cjs\"],\"mappings\":\"AAkEO,SAAAA,iBAAUA,CAAAC,KAAA,QAAAC,YAAA,CAAAC,MAAA,CAAAC,iBAAA,CAAAC,IAAA,CAAAC,KAAA,CAAAC,OAAA,CAAAC,sBAAA,CAAAC,QAAA,OAAAC,SAAA,CAET,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,iBAAiB,CAACa,eAAe,CAACC,IAAI,CAAC,IAAK,EAAC,CAAEP,SAAS,CAAEN,IAAI,CAAEC,KAAK,CAAC,CACnF,GAAIU,IAAI,GAAKT,OAAO,CAACY,GAAG,CAAC,CAAC,CAAE,CAC1BZ,OAAO,CAACQ,GAAG,CAACC,IAAI,CAAC,CACjBR,sBAAsB,CAACY,OAAO,CAACF,IAAI,CAAC,IAAK,EAAC,CAAET,QAAQ,CAAC,CAACO,IAAI,CAAC,CAC7D,CACF\",\"ignoreList\":[]}"
+};
+var PagerContent = _react.forwardRef.call(void 0, function PagerContent2({
+  children,
+  style,
+  onLayout,
+  ...props
+}, ref) {
+  const {
+    contentStyle,
+    orientation,
+    step,
+    track,
+    setTrack,
+    count,
+    setCount,
+    offset,
+    trackRef,
+    isDisabled,
+    onSettle
+  } = usePager();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const scroller = _chunkWFEMJCXOcjs.useMergedRef.call(void 0, ref, trackRef);
+  const given = _react.Children.count(children);
+  _react.useEffect.call(void 0, () => {
+    if (given !== count) setCount(given);
+  }, [count, given, setCount]);
+  const handleLayout = event => {
+    _optionalChain([onLayout, 'optionalCall', _2 => _2(event)]);
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    if (width !== track.width || height !== track.height) setTrack({
+      width,
+      height
+    });
+  };
+  const settled = _reactnativereanimated.useSharedValue.call(void 0, 0);
+  const isHorizontal = orientation === "horizontal";
+  const scroll = _reactnativereanimated.useAnimatedScrollHandler.call(void 0, function chunkAHKKEM3KCjs1Factory({
+    _worklet_2720740189091_init_data,
+    isHorizontal,
+    offset,
+    _chunkFTPPUTWLcjs,
+    step,
+    count,
+    settled,
+    _reactnativereanimated,
+    onSettle
+  }) {
+    const _e = [new global.Error(), -9, -27];
+    const chunkAHKKEM3KCjs1 = function (event) {
+      const travelled = isHorizontal ? event.contentOffset.x : event.contentOffset.y;
+      offset.set(travelled);
+      const next = _chunkFTPPUTWLcjs.indexFromOffset.call(void 0, travelled, step, count);
+      if (next !== settled.get()) {
+        settled.set(next);
+        _reactnativereanimated.runOnJS.call(void 0, onSettle)(next);
+      }
+    };
+    chunkAHKKEM3KCjs1.__closure = {
+      isHorizontal,
+      offset,
+      _chunkFTPPUTWLcjs,
+      step,
+      count,
+      settled,
+      _reactnativereanimated,
+      onSettle
+    };
+    chunkAHKKEM3KCjs1.__workletHash = 2720740189091;
+    chunkAHKKEM3KCjs1.__pluginVersion = "0.7.4";
+    chunkAHKKEM3KCjs1.__initData = _worklet_2720740189091_init_data;
+    chunkAHKKEM3KCjs1.__stackDetails = _e;
+    return chunkAHKKEM3KCjs1;
+  }({
+    _worklet_2720740189091_init_data,
+    isHorizontal,
+    offset,
+    _chunkFTPPUTWLcjs,
+    step,
+    count,
+    settled,
+    _reactnativereanimated,
+    onSettle
+  }), [offset, settled, step, count, onSettle, isHorizontal]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.ScrollView, {
+    ref: scroller,
+    horizontal: isHorizontal,
+    pagingEnabled: true,
+    showsHorizontalScrollIndicator: false,
+    showsVerticalScrollIndicator: false,
+    scrollEnabled: !isDisabled,
+    decelerationRate: "fast",
+    scrollEventThrottle: 16,
+    ...rest,
+    style: [contentStyle, styleProps, style],
+    onLayout: handleLayout,
+    onScroll: scroll,
+    children: step > 0 ? children : null
+  });
+});
+PagerContent.displayName = "XAUI.Pager.Content";
+
+// src/components/pager/pager-indicator.tsx
+
+var _reactnative = require('react-native');
+
+// src/components/pager/pager.recipe.ts
+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: "foreground"
+  },
+  // 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,
+    gap: 1
+  },
+  sm: {
+    dot: 6,
+    gap: 1.5
+  },
+  md: {
+    dot: 7,
+    gap: 1.5
+  },
+  lg: {
+    dot: 8,
+    gap: 2
+  }
+};
+function sizeAxis(step) {
+  const {
+    dot,
+    gap
+  } = step;
+  return theme => ({
+    indicator: {
+      gap: theme.spacing(gap)
+    },
+    dot: {
+      width: dot,
+      height: dot,
+      borderRadius: dot / 2
+    }
+  });
+}
+function orientationAxis(direction) {
+  return () => ({
+    indicator: {
+      flexDirection: direction
+    }
+  });
+}
+var pagerRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: () => ({
+    /**
+     * **The root has no size of its own**, and that is deliberate rather than missing.
+     *
+     * `flex: 1` here would have been the convenient default and it is a trap: React Native
+     * expands it to a zero flex-basis, which **overrides an explicit `height`** — so
+     * `<Pager height={240}>` would collapse to the height of its dots, and the prop the
+     * caller reached for would silently do nothing. It is the same reason there is no
+     * `fullWidth` on a `Button`: RN's own behaviour is the answer, and the caller says which
+     * of the two they want — `flex={1}` to fill a screen, `height={320}` inside a scroll
+     * view.
+     *
+     * The track keeps its `flex: 1`, so it takes whatever the root was given less the dots.
+     * Nothing sizes it from outside, which is why it is safe there and not here.
+     */
+    content: {
+      flex: 1
+    },
+    // A page is the size of the track on both axes, and that number is measured rather than
+    // named, so it arrives as an inline style instead of from here.
+    page: {
+      overflow: "hidden"
+    },
+    indicator: {
+      alignItems: "center",
+      justifyContent: "center"
+    }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  /**
+   * 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) => ({
+    dot: {
+      backgroundColor: colors.bgSelected
+    }
+  }),
+  variants: {
+    size: {
+      xs: sizeAxis(SIZES.xs),
+      sm: sizeAxis(SIZES.sm),
+      md: sizeAxis(SIZES.md),
+      lg: sizeAxis(SIZES.lg)
+    },
+    orientation: {
+      horizontal: orientationAxis("row"),
+      vertical: orientationAxis("column")
+    }
+  },
+  states: {
+    disabled: theme => ({
+      indicator: {
+        opacity: theme.opacity.disabled
+      }
+    })
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md",
+    orientation: "horizontal"
+  }
+});
+
+// src/components/pager/pager-indicator.tsx
+
+var HIT_SLOP = 8;
+var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
+var PagerIndicator = _react.forwardRef.call(void 0, function PagerIndicator2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    indicatorStyle,
+    count
+  } = usePager();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+    ref,
+    ...rest,
+    style: [indicatorStyle, styleProps, style],
+    children: _nullishCoalesce(children, () => Array.from({
+      length: count
+    }, (_, index) => /* @__PURE__ */_jsxruntime.jsx.call(void 0, PagerDot, {
+      index
+    }, index)))
+  });
+});
+PagerIndicator.displayName = "XAUI.Pager.Indicator";
+const _worklet_6452727907809_init_data = {
+  code: "function chunkAHKKEM3KCjs2(){const{_chunkFTPPUTWLcjs,offset,step,count,index,_reactnativereanimated,DOT_REST_OPACITY}=this.__closure;const distance=Math.abs(_chunkFTPPUTWLcjs.progressFromOffset.call(void 0,offset.get(),step,count)-index);const nearness=Math.max(0,1-distance);return{opacity:_reactnativereanimated.interpolate.call(void 0,nearness,[0,1],[DOT_REST_OPACITY,1])};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-AHKKEM3K.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkAHKKEM3KCjs2\",\"_chunkFTPPUTWLcjs\",\"offset\",\"step\",\"count\",\"index\",\"_reactnativereanimated\",\"DOT_REST_OPACITY\",\"__closure\",\"distance\",\"Math\",\"abs\",\"progressFromOffset\",\"call\",\"get\",\"nearness\",\"max\",\"opacity\",\"interpolate\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-AHKKEM3K.cjs\"],\"mappings\":\"AAgNsE,SAAAA,iBAAMA,CAAA,QAAAC,iBAAA,CAAAC,MAAA,CAAAC,IAAA,CAAAC,KAAA,CAAAC,KAAA,CAAAC,sBAAA,CAAAC,gBAAA,OAAAC,SAAA,CAExE,KAAM,CAAAC,QAAQ,CAAGC,IAAI,CAACC,GAAG,CAACV,iBAAiB,CAACW,kBAAkB,CAACC,IAAI,CAAC,IAAK,EAAC,CAAEX,MAAM,CAACY,GAAG,CAAC,CAAC,CAAEX,IAAI,CAAEC,KAAK,CAAC,CAAGC,KAAK,CAAC,CAC/G,KAAM,CAAAU,QAAQ,CAAGL,IAAI,CAACM,GAAG,CAAC,CAAC,CAAE,CAAC,CAAGP,QAAQ,CAAC,CAC1C,MAAO,CAAEQ,OAAO,CAAEX,sBAAsB,CAACY,WAAW,CAACL,IAAI,CAAC,IAAK,EAAC,CAAEE,QAAQ,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACR,gBAAgB,CAAE,CAAC,CAAC,CAAE,CAAC,CAC9G\",\"ignoreList\":[]}"
+};
+var PagerDot = _react.forwardRef.call(void 0, function PagerDot2({
+  index,
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    dotStyle,
+    offset,
+    step,
+    count,
+    index: current,
+    isDisabled,
+    goTo
+  } = usePager();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const travel = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkAHKKEM3KCjs2Factory({
+    _worklet_6452727907809_init_data,
+    _chunkFTPPUTWLcjs,
+    offset,
+    step,
+    count,
+    index,
+    _reactnativereanimated,
+    DOT_REST_OPACITY
+  }) {
+    const _e = [new global.Error(), -8, -27];
+    const chunkAHKKEM3KCjs2 = function () {
+      const distance = Math.abs(_chunkFTPPUTWLcjs.progressFromOffset.call(void 0, offset.get(), step, count) - index);
+      const nearness = Math.max(0, 1 - distance);
+      return {
+        opacity: _reactnativereanimated.interpolate.call(void 0, nearness, [0, 1], [DOT_REST_OPACITY, 1])
+      };
+    };
+    chunkAHKKEM3KCjs2.__closure = {
+      _chunkFTPPUTWLcjs,
+      offset,
+      step,
+      count,
+      index,
+      _reactnativereanimated,
+      DOT_REST_OPACITY
+    };
+    chunkAHKKEM3KCjs2.__workletHash = 6452727907809;
+    chunkAHKKEM3KCjs2.__pluginVersion = "0.7.4";
+    chunkAHKKEM3KCjs2.__initData = _worklet_6452727907809_init_data;
+    chunkAHKKEM3KCjs2.__stackDetails = _e;
+    return chunkAHKKEM3KCjs2;
+  }({
+    _worklet_6452727907809_init_data,
+    _chunkFTPPUTWLcjs,
+    offset,
+    step,
+    count,
+    index,
+    _reactnativereanimated,
+    DOT_REST_OPACITY
+  }), [offset, step, count, index]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, 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
+
+var PagerPage = _react.forwardRef.call(void 0, function PagerPage2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    pageStyle,
+    track
+  } = usePager();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+    ref,
+    ...rest,
+    style: [pageStyle, {
+      width: track.width,
+      height: track.height
+    }, styleProps, style],
+    children
+  });
+});
+PagerPage.displayName = "XAUI.Pager.Page";
+
+// src/components/pager/pager.tsx
+
+var PagerRoot = _react.forwardRef.call(void 0, function Pager({
+  children,
+  variant,
+  size,
+  color,
+  orientation = "horizontal",
+  index: indexProp,
+  defaultIndex = 0,
+  onIndexChange,
+  isDisabled = false,
+  style,
+  ...props
+}, ref) {
+  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [index, setIndex] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: indexProp,
+    defaultValue: defaultIndex,
+    onChange: onIndexChange
+  });
+  const [track, setTrack] = _react.useState.call(void 0, {
+    width: 0,
+    height: 0
+  });
+  const [count, setCount] = _react.useState.call(void 0, 0);
+  const trackRef = _reactnativereanimated.useAnimatedRef.call(void 0);
+  const offset = _reactnativereanimated.useSharedValue.call(void 0, 0);
+  const selection = {
+    variant,
+    size,
+    orientation
+  };
+  const states = {
+    disabled: isDisabled
+  };
+  const styles = pagerRecipe.resolve({
+    theme,
+    selection,
+    states
+  });
+  const tint = color ? pagerRecipe.tint({
+    theme,
+    color,
+    selection,
+    states
+  }) : void 0;
+  const step = orientation === "horizontal" ? track.width : track.height;
+  const goTo = _react.useCallback.call(void 0, next => {
+    const distance = next * step;
+    _optionalChain([trackRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.scrollTo, 'call', _5 => _5({
+      x: orientation === "horizontal" ? distance : 0,
+      y: orientation === "horizontal" ? 0 : distance,
+      animated: true
+    })]);
+    setIndex(next);
+  }, [orientation, setIndex, step, trackRef]);
+  const context = _react.useMemo.call(void 0, () => ({
+    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, _optionalChain([tint, 'optionalAccess', _6 => _6.root]), styleProps, style];
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, PagerProvider, {
+    value: context,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+      ref,
+      ...rest,
+      style: rootStyle,
+      children
+    })
+  });
+});
+PagerRoot.displayName = "XAUI.Pager.Root";
+
+// src/components/pager/index.ts
+var Pager2 = Object.assign(PagerRoot, {
+  Content: PagerContent,
+  Page: PagerPage,
+  Indicator: PagerIndicator,
+  Dot: PagerDot
+});
+exports.usePager = usePager;
+exports.PagerContent = PagerContent;
+exports.DOT_REST_OPACITY = DOT_REST_OPACITY;
+exports.pagerRecipe = pagerRecipe;
+exports.PagerIndicator = PagerIndicator;
+exports.PagerDot = PagerDot;
+exports.PagerPage = PagerPage;
+exports.PagerRoot = PagerRoot;
+exports.Pager = Pager2;

package/dist/{chunk-WIX4SYZI.cjs → chunk-AIHKBSQ5.cjs}

@@ -10,7 +10,7 @@ var _chunkAXKDHX5Vcjs = require('./chunk-AXKDHX5V.cjs');
 var _chunkWLWZG2PAcjs = require('./chunk-WLWZG2PA.cjs');
 
 
-var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
+var _chunkHBYT7B47cjs = require('./chunk-HBYT7B47.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -166,7 +166,7 @@ var DummyFieldField = _react.forwardRef.call(void 0,
       content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DummyFieldValue, { placeholder, children: value });
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, { value: glyph, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOW4N2C3Mcjs.PressableFeedback,
+      _chunkHBYT7B47cjs.PressableFeedback,
       {
         ref,
         isPressed,

package/dist/{chunk-WRZV6ORJ.js → chunk-AYOJXFHR.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-CG4NONIL.js";
 import {
   PressableFeedback
-} from "./chunk-2AFA5HA2.js";
+} from "./chunk-KQW25RCC.js";
 import {
   usePressState
 } from "./chunk-423RQBOX.js";

package/dist/{chunk-OD6H7ANY.js → chunk-B5DBFS6M.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-F6W3JQ7K.js";
 import {
   PressableFeedback
-} from "./chunk-2AFA5HA2.js";
+} from "./chunk-KQW25RCC.js";
 import {
   usePressState
 } from "./chunk-423RQBOX.js";