react-native-ruler-date-picker 0.1.0 → 0.2.0

package/lib/module/RulerIndicator.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useRulerContext } from "./RulerContext.js";
+import { DEFAULTS } from "./defaults.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function RulerIndicator({
+  children,
+  width: customWidth,
+  height: customHeight,
+  color: customColor,
+  offset: customOffset,
+  style,
+  render
+} = {}) {
+  const {
+    indicatorConfig,
+    theme
+  } = useRulerContext();
+  const customRenderer = render ?? indicatorConfig?.render;
+  const offset = customOffset ?? indicatorConfig?.offset ?? [0, 0];
+  const [offsetX = 0, offsetY = 0] = offset;
+  const indicatorStyle = style ?? indicatorConfig?.style;
+  if (children || customRenderer) {
+    return /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: [styles.indicator, {
+        bottom: offsetY,
+        transform: [{
+          translateX: offsetX
+        }]
+      }, indicatorStyle],
+      children: children ?? customRenderer?.()
+    });
+  }
+  const width = customWidth ?? indicatorConfig?.width ?? DEFAULTS.indicatorWidth;
+  const height = customHeight ?? indicatorConfig?.height ?? DEFAULTS.indicatorHeight;
+  const color = customColor ?? indicatorConfig?.color ?? theme.indicatorColor;
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: [styles.indicator, {
+      bottom: offsetY,
+      transform: [{
+        translateX: offsetX
+      }],
+      width,
+      height,
+      backgroundColor: color,
+      borderRadius: width / 2
+    }, indicatorStyle]
+  });
+}
+const styles = StyleSheet.create({
+  indicator: {
+    position: 'absolute',
+    zIndex: 10,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=RulerIndicator.js.map

package/lib/module/RulerIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","useRulerContext","DEFAULTS","jsx","_jsx","RulerIndicator","children","width","customWidth","height","customHeight","color","customColor","offset","customOffset","style","render","indicatorConfig","theme","customRenderer","offsetX","offsetY","indicatorStyle","pointerEvents","styles","indicator","bottom","transform","translateX","indicatorWidth","indicatorHeight","indicatorColor","backgroundColor","borderRadius","create","position","zIndex","alignItems","justifyContent"],"sourceRoot":"../../src","sources":["RulerIndicator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAwC,cAAc;AAC/E,SAASC,eAAe,QAAQ,mBAAgB;AAChD,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgBtC,OAAO,SAASC,cAAcA,CAAC;EAC7BC,QAAQ;EACRC,KAAK,EAAEC,WAAW;EAClBC,MAAM,EAAEC,YAAY;EACpBC,KAAK,EAAEC,WAAW;EAClBC,MAAM,EAAEC,YAAY;EACpBC,KAAK;EACLC;AACmB,CAAC,GAAG,CAAC,CAAC,EAAE;EAC3B,MAAM;IAAEC,eAAe;IAAEC;EAAM,CAAC,GAAGjB,eAAe,CAAC,CAAC;EAEpD,MAAMkB,cAAc,GAAGH,MAAM,IAAIC,eAAe,EAAED,MAAM;EACxD,MAAMH,MAAM,GAAGC,YAAY,IAAIG,eAAe,EAAEJ,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;EAChE,MAAM,CAACO,OAAO,GAAG,CAAC,EAAEC,OAAO,GAAG,CAAC,CAAC,GAAGR,MAAM;EACzC,MAAMS,cAAc,GAAGP,KAAK,IAAIE,eAAe,EAAEF,KAAK;EAEtD,IAAIT,QAAQ,IAAIa,cAAc,EAAE;IAC9B,oBACEf,IAAA,CAACL,IAAI;MACHwB,aAAa,EAAC,MAAM;MACpBR,KAAK,EAAE,CACLS,MAAM,CAACC,SAAS,EAChB;QACEC,MAAM,EAAEL,OAAO;QACfM,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAER;QAAQ,CAAC;MACrC,CAAC,EACDE,cAAc,CACd;MAAAhB,QAAA,EAEDA,QAAQ,IAAIa,cAAc,GAAG;IAAC,CAC3B,CAAC;EAEX;EAEA,MAAMZ,KAAK,GAAGC,WAAW,IAAIS,eAAe,EAAEV,KAAK,IAAIL,QAAQ,CAAC2B,cAAc;EAC9E,MAAMpB,MAAM,GAAGC,YAAY,IAAIO,eAAe,EAAER,MAAM,IAAIP,QAAQ,CAAC4B,eAAe;EAClF,MAAMnB,KAAK,GAAGC,WAAW,IAAIK,eAAe,EAAEN,KAAK,IAAIO,KAAK,CAACa,cAAc;EAE3E,oBACE3B,IAAA,CAACL,IAAI;IACHwB,aAAa,EAAC,MAAM;IACpBR,KAAK,EAAE,CACLS,MAAM,CAACC,SAAS,EAChB;MACEC,MAAM,EAAEL,OAAO;MACfM,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAER;MAAQ,CAAC,CAAC;MACpCb,KAAK;MACLE,MAAM;MACNuB,eAAe,EAAErB,KAAK;MACtBsB,YAAY,EAAE1B,KAAK,GAAG;IACxB,CAAC,EACDe,cAAc;EACd,CACH,CAAC;AAEN;AAEA,MAAME,MAAM,GAAGxB,UAAU,CAACkC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/RulerLensTicks.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useRulerContext } from "./RulerContext.js";
+import { LensTick } from "./LensTick.js";
+import { DEFAULT_LENS_CONFIG } from "./defaults.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Ticks container rendering ticks with dynamic non-linear fisheye lens spacing.
+ */
+export function RulerLensTicks({
+  style,
+  config: propConfig
+} = {}) {
+  const {
+    translateX,
+    visibleTicks,
+    tickSpacing,
+    rulerHeight,
+    lensConfig: contextConfig
+  } = useRulerContext();
+  const config = propConfig ? {
+    ...DEFAULT_LENS_CONFIG,
+    ...propConfig
+  } : contextConfig ?? DEFAULT_LENS_CONFIG;
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: [styles.ticksContainer, style],
+    children: visibleTicks.map(tick => /*#__PURE__*/_jsx(LensTick, {
+      tick: tick,
+      tickSpacing: tickSpacing,
+      rulerHeight: rulerHeight,
+      translateX: translateX,
+      magnification: config.magnification,
+      radius: config.radius,
+      scaleTicks: config.scaleTicks
+    }, tick.offset))
+  });
+}
+const styles = StyleSheet.create({
+  ticksContainer: {
+    position: 'absolute',
+    height: '100%',
+    width: '100%',
+    left: 0,
+    top: 0
+  }
+});
+//# sourceMappingURL=RulerLensTicks.js.map

package/lib/module/RulerLensTicks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useRulerContext","LensTick","DEFAULT_LENS_CONFIG","jsx","_jsx","RulerLensTicks","style","config","propConfig","translateX","visibleTicks","tickSpacing","rulerHeight","lensConfig","contextConfig","pointerEvents","styles","ticksContainer","children","map","tick","magnification","radius","scaleTicks","offset","create","position","height","width","left","top"],"sourceRoot":"../../src","sources":["RulerLensTicks.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAwC,cAAc;AAC/E,SAASC,eAAe,QAAQ,mBAAgB;AAChD,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,mBAAmB,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQjD;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAC;EAAEC,KAAK;EAAEC,MAAM,EAAEC;AAAgC,CAAC,GAAG,CAAC,CAAC,EAAE;EACtF,MAAM;IAAEC,UAAU;IAAEC,YAAY;IAAEC,WAAW;IAAEC,WAAW;IAAEC,UAAU,EAAEC;EAAc,CAAC,GACrFd,eAAe,CAAC,CAAC;EAEnB,MAAMO,MAAM,GAAGC,UAAU,GACrB;IAAE,GAAGN,mBAAmB;IAAE,GAAGM;EAAW,CAAC,GACzCM,aAAa,IAAIZ,mBAAmB;EAExC,oBACEE,IAAA,CAACL,IAAI;IAACgB,aAAa,EAAC,MAAM;IAACT,KAAK,EAAE,CAACU,MAAM,CAACC,cAAc,EAAEX,KAAK,CAAE;IAAAY,QAAA,EAC9DR,YAAY,CAACS,GAAG,CAAEC,IAAI,iBACrBhB,IAAA,CAACH,QAAQ;MAEPmB,IAAI,EAAEA,IAAK;MACXT,WAAW,EAAEA,WAAY;MACzBC,WAAW,EAAEA,WAAY;MACzBH,UAAU,EAAEA,UAAW;MACvBY,aAAa,EAAEd,MAAM,CAACc,aAAc;MACpCC,MAAM,EAAEf,MAAM,CAACe,MAAO;MACtBC,UAAU,EAAEhB,MAAM,CAACgB;IAAW,GAPzBH,IAAI,CAACI,MAQX,CACF;EAAC,CACE,CAAC;AAEX;AAEA,MAAMR,MAAM,GAAGlB,UAAU,CAAC2B,MAAM,CAAC;EAC/BR,cAAc,EAAE;IACdS,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,MAAM;IACbC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/RulerLensTrack.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { GestureDetector } from 'react-native-gesture-handler';
+import { useRulerContext } from "./RulerContext.js";
+import { RulerIndicator } from "./RulerIndicator.js";
+import { RulerLensTicks } from "./RulerLensTicks.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Horizontal ruler track with pan gesture detection and non-linear fisheye lens distortion.
+ */
+export function RulerLensTrack({
+  children,
+  style,
+  config
+} = {}) {
+  const {
+    panGesture,
+    rulerHeight,
+    width
+  } = useRulerContext();
+  return /*#__PURE__*/_jsx(GestureDetector, {
+    gesture: panGesture,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.rulerContainer, {
+        width,
+        height: rulerHeight
+      }, style],
+      children: children ? children : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(RulerIndicator, {}), /*#__PURE__*/_jsx(RulerLensTicks, {
+          config: config
+        })]
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  rulerContainer: {
+    position: 'relative',
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    justifyContent: 'center',
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=RulerLensTrack.js.map

package/lib/module/RulerLensTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","GestureDetector","useRulerContext","RulerIndicator","RulerLensTicks","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","RulerLensTrack","children","style","config","panGesture","rulerHeight","width","gesture","styles","rulerContainer","height","create","position","flexDirection","alignItems","justifyContent","overflow"],"sourceRoot":"../../src","sources":["RulerLensTrack.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAwC,cAAc;AAC/E,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,eAAe,QAAQ,mBAAgB;AAChD,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,cAAc,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AASlD;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAA4B,CAAC,GAAG,CAAC,CAAC,EAAE;EACpF,MAAM;IAAEC,UAAU;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAGf,eAAe,CAAC,CAAC;EAE5D,oBACEI,IAAA,CAACL,eAAe;IAACiB,OAAO,EAAEH,UAAW;IAAAH,QAAA,eACnCN,IAAA,CAACP,IAAI;MAACc,KAAK,EAAE,CAACM,MAAM,CAACC,cAAc,EAAE;QAAEH,KAAK;QAAEI,MAAM,EAAEL;MAAY,CAAC,EAAEH,KAAK,CAAE;MAAAD,QAAA,EACzEA,QAAQ,GACPA,QAAQ,gBAERF,KAAA,CAAAF,SAAA;QAAAI,QAAA,gBACEN,IAAA,CAACH,cAAc,IAAE,CAAC,eAClBG,IAAA,CAACF,cAAc;UAACU,MAAM,EAAEA;QAAO,CAAE,CAAC;MAAA,CAClC;IACH,CACG;EAAC,CACQ,CAAC;AAEtB;AAEA,MAAMK,MAAM,GAAGnB,UAAU,CAACsB,MAAM,CAAC;EAC/BF,cAAc,EAAE;IACdG,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/RulerRange.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { RulerRangeRoot } from "./RulerRangeRoot.js";
+import { RulerRangeTrack } from "./RulerRangeTrack.js";
+import { RulerRangeHeader } from "./RulerRangeHeader.js";
+import { RulerRangeIndicator } from "./RulerRangeIndicator.js";
+import { RulerRangeHighlight } from "./RulerRangeHighlight.js";
+import { RulerRangeTicks } from "./RulerRangeTicks.js";
+import { Tick } from "./Tick.js";
+
+/**
+ * Compound Anatomy API for Date Range Ruler Picker.
+ *
+ * @experimental This compound API is experimental and subject to breaking changes.
+ *
+ * @example
+ * ```tsx
+ * <RulerRange.Root value={range} onChange={setRange}>
+ *   <RulerRange.Header />
+ *   <RulerRange.Track>
+ *     <RulerRange.Indicator />
+ *     <RulerRange.Ticks />
+ *   </RulerRange.Track>
+ * </RulerRange.Root>
+ * ```
+ */
+export const RulerRange = {
+  Root: RulerRangeRoot,
+  Track: RulerRangeTrack,
+  Indicator: RulerRangeIndicator,
+  Header: RulerRangeHeader,
+  Highlight: RulerRangeHighlight,
+  Ticks: RulerRangeTicks,
+  Tick: Tick
+};
+//# sourceMappingURL=RulerRange.js.map

package/lib/module/RulerRange.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RulerRangeRoot","RulerRangeTrack","RulerRangeHeader","RulerRangeIndicator","RulerRangeHighlight","RulerRangeTicks","Tick","RulerRange","Root","Track","Indicator","Header","Highlight","Ticks"],"sourceRoot":"../../src","sources":["RulerRange.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;AACjD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,IAAI,QAAQ,WAAQ;;AAE7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAG;EACxBC,IAAI,EAAER,cAAc;EACpBS,KAAK,EAAER,eAAe;EACtBS,SAAS,EAAEP,mBAAmB;EAC9BQ,MAAM,EAAET,gBAAgB;EACxBU,SAAS,EAAER,mBAAmB;EAC9BS,KAAK,EAAER,eAAe;EACtBC,IAAI,EAAEA;AACR,CAAC","ignoreList":[]}

package/lib/module/RulerRangeContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+export const RulerRangeContext = /*#__PURE__*/createContext(null);
+export function useRulerRangeContext() {
+  const context = useContext(RulerRangeContext);
+  if (!context) {
+    throw new Error('RulerRange compound subcomponents must be rendered within a <RulerRange.Root> provider.');
+  }
+  return context;
+}
+//# sourceMappingURL=RulerRangeContext.js.map

package/lib/module/RulerRangeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","RulerRangeContext","useRulerRangeContext","context","Error"],"sourceRoot":"../../src","sources":["RulerRangeContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAWjD,OAAO,MAAMC,iBAAiB,gBAAGF,aAAa,CAAgC,IAAI,CAAC;AAEnF,OAAO,SAASG,oBAAoBA,CAAA,EAA2B;EAC7D,MAAMC,OAAO,GAAGH,UAAU,CAACC,iBAAiB,CAAC;EAC7C,IAAI,CAACE,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,yFAAyF,CAAC;EAC5G;EACA,OAAOD,OAAO;AAChB","ignoreList":[]}

package/lib/module/RulerRangeHeader.js

@@ -0,0 +1,149 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { useRulerRangeContext } from "./RulerRangeContext.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function RulerRangeHeader({
+  children,
+  style,
+  dateStyle,
+  format: customFormat,
+  render
+} = {}) {
+  const {
+    startDate,
+    endDate,
+    spanDays,
+    activeHandle,
+    scrollToHandle,
+    theme,
+    headerConfig,
+    locale = 'default'
+  } = useRulerRangeContext();
+  const headerStyle = style ?? headerConfig?.style;
+  if (children) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.headerContainer, headerStyle],
+      children: children
+    });
+  }
+  const customRenderer = render ?? headerConfig?.render;
+  if (customRenderer) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: customRenderer({
+        start: startDate,
+        end: endDate,
+        spanDays,
+        activeHandle,
+        scrollToHandle
+      })
+    });
+  }
+  const formatFn = customFormat ?? headerConfig?.format;
+  const startFormatted = formatFn ? formatFn(startDate) : startDate.toLocaleDateString(locale, {
+    month: 'short',
+    day: 'numeric'
+  });
+  const endFormatted = formatFn ? formatFn(endDate) : endDate.toLocaleDateString(locale, {
+    month: 'short',
+    day: 'numeric'
+  });
+  const resolvedDateStyle = dateStyle ?? headerConfig?.dateStyle;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.headerContainer, headerStyle],
+    children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+      activeOpacity: 0.7,
+      onPress: () => scrollToHandle('start', true),
+      style: [styles.pill, activeHandle === 'start' && {
+        borderColor: theme.accentColor,
+        backgroundColor: `${theme.accentColor}15`
+      }],
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.subLabel, {
+          color: theme.labelColor
+        }],
+        children: "START"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.dateLabel, {
+          color: activeHandle === 'start' ? theme.accentColor : theme.labelColor
+        }, resolvedDateStyle],
+        children: startFormatted
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.arrowContainer,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.arrowText, {
+          color: theme.labelColor
+        }],
+        children: "\u2794"
+      }), /*#__PURE__*/_jsxs(Text, {
+        style: [styles.spanText, {
+          color: theme.accentColor
+        }],
+        children: [spanDays, " ", spanDays === 1 ? 'day' : 'days']
+      })]
+    }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+      activeOpacity: 0.7,
+      onPress: () => scrollToHandle('end', true),
+      style: [styles.pill, activeHandle === 'end' && {
+        borderColor: theme.accentColor,
+        backgroundColor: `${theme.accentColor}15`
+      }],
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.subLabel, {
+          color: theme.labelColor
+        }],
+        children: "END"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.dateLabel, {
+          color: activeHandle === 'end' ? theme.accentColor : theme.labelColor
+        }, resolvedDateStyle],
+        children: endFormatted
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  headerContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+    paddingHorizontal: 20,
+    marginBottom: 16,
+    minHeight: 48
+  },
+  pill: {
+    paddingVertical: 6,
+    paddingHorizontal: 14,
+    borderRadius: 20,
+    borderWidth: 1.5,
+    borderColor: 'transparent',
+    alignItems: 'center'
+  },
+  subLabel: {
+    fontSize: 9,
+    fontWeight: '700',
+    letterSpacing: 0.5,
+    marginBottom: 2
+  },
+  dateLabel: {
+    fontSize: 14,
+    fontWeight: '700'
+  },
+  arrowContainer: {
+    marginHorizontal: 12,
+    alignItems: 'center'
+  },
+  arrowText: {
+    fontSize: 12,
+    fontWeight: '600'
+  },
+  spanText: {
+    fontSize: 10,
+    fontWeight: '600',
+    marginTop: 2
+  }
+});
+//# sourceMappingURL=RulerRangeHeader.js.map

package/lib/module/RulerRangeHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","useRulerRangeContext","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","RulerRangeHeader","children","style","dateStyle","format","customFormat","render","startDate","endDate","spanDays","activeHandle","scrollToHandle","theme","headerConfig","locale","headerStyle","styles","headerContainer","customRenderer","start","end","formatFn","startFormatted","toLocaleDateString","month","day","endFormatted","resolvedDateStyle","activeOpacity","onPress","pill","borderColor","accentColor","backgroundColor","subLabel","color","labelColor","dateLabel","arrowContainer","arrowText","spanText","create","flexDirection","alignItems","justifyContent","width","paddingHorizontal","marginBottom","minHeight","paddingVertical","borderRadius","borderWidth","fontSize","fontWeight","letterSpacing","marginHorizontal","marginTop"],"sourceRoot":"../../src","sources":["RulerRangeHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/RulerRangeHighlight.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useRulerRangeContext } from "./RulerRangeContext.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+export function RulerRangeHighlight({
+  style,
+  color
+} = {}) {
+  const {
+    startOffset,
+    endOffset,
+    tickSpacing,
+    rulerHeight,
+    theme,
+    highlightConfig
+  } = useRulerRangeContext();
+  if (highlightConfig?.render) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: highlightConfig.render(startOffset, endOffset, tickSpacing)
+    });
+  }
+  const highlightColor = color ?? highlightConfig?.color ?? theme.rangeHighlightColor;
+  const left = startOffset * tickSpacing - tickSpacing / 2;
+  const width = Math.max(tickSpacing, (endOffset - startOffset + 1) * tickSpacing);
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: [styles.highlight, {
+      left,
+      width,
+      height: rulerHeight,
+      backgroundColor: highlightColor
+    }, highlightConfig?.style, style]
+  });
+}
+const styles = StyleSheet.create({
+  highlight: {
+    position: 'absolute',
+    bottom: 0,
+    borderRadius: 8,
+    zIndex: 1
+  }
+});
+//# sourceMappingURL=RulerRangeHighlight.js.map

package/lib/module/RulerRangeHighlight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","useRulerRangeContext","Fragment","_Fragment","jsx","_jsx","RulerRangeHighlight","style","color","startOffset","endOffset","tickSpacing","rulerHeight","theme","highlightConfig","render","children","highlightColor","rangeHighlightColor","left","width","Math","max","pointerEvents","styles","highlight","height","backgroundColor","create","position","bottom","borderRadius","zIndex"],"sourceRoot":"../../src","sources":["RulerRangeHighlight.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAwC,cAAc;AAC/E,SAASC,oBAAoB,QAAQ,wBAAqB;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAO3D,OAAO,SAASC,mBAAmBA,CAAC;EAAEC,KAAK;EAAEC;AAAgC,CAAC,GAAG,CAAC,CAAC,EAAE;EACnF,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC,WAAW;IAAEC,WAAW;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAChFb,oBAAoB,CAAC,CAAC;EAExB,IAAIa,eAAe,EAAEC,MAAM,EAAE;IAC3B,oBAAOV,IAAA,CAAAF,SAAA;MAAAa,QAAA,EAAGF,eAAe,CAACC,MAAM,CAACN,WAAW,EAAEC,SAAS,EAAEC,WAAW;IAAC,CAAG,CAAC;EAC3E;EAEA,MAAMM,cAAc,GAAGT,KAAK,IAAIM,eAAe,EAAEN,KAAK,IAAIK,KAAK,CAACK,mBAAmB;EACnF,MAAMC,IAAI,GAAGV,WAAW,GAAGE,WAAW,GAAGA,WAAW,GAAG,CAAC;EACxD,MAAMS,KAAK,GAAGC,IAAI,CAACC,GAAG,CAACX,WAAW,EAAE,CAACD,SAAS,GAAGD,WAAW,GAAG,CAAC,IAAIE,WAAW,CAAC;EAEhF,oBACEN,IAAA,CAACN,IAAI;IACHwB,aAAa,EAAC,MAAM;IACpBhB,KAAK,EAAE,CACLiB,MAAM,CAACC,SAAS,EAChB;MACEN,IAAI;MACJC,KAAK;MACLM,MAAM,EAAEd,WAAW;MACnBe,eAAe,EAAEV;IACnB,CAAC,EACDH,eAAe,EAAEP,KAAK,EACtBA,KAAK;EACL,CACH,CAAC;AAEN;AAEA,MAAMiB,MAAM,GAAGxB,UAAU,CAAC4B,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/RulerRangeIndicator.js

@@ -0,0 +1,66 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useRulerRangeContext } from "./RulerRangeContext.js";
+import { DEFAULTS } from "./defaults.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function RulerRangeIndicator({
+  children,
+  width: customWidth,
+  height: customHeight,
+  color: customColor,
+  offset: customOffset,
+  style,
+  render
+} = {}) {
+  const {
+    indicatorConfig,
+    theme,
+    activeHandle,
+    startDate,
+    endDate
+  } = useRulerRangeContext();
+  const activeDate = activeHandle === 'start' ? startDate : endDate;
+  const customRenderer = render ?? indicatorConfig?.render;
+  const offset = customOffset ?? indicatorConfig?.offset ?? [0, 0];
+  const [offsetX = 0, offsetY = 0] = offset;
+  const indicatorStyle = style ?? indicatorConfig?.style;
+  if (children || customRenderer) {
+    return /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: [styles.indicator, {
+        bottom: offsetY,
+        transform: [{
+          translateX: offsetX
+        }]
+      }, indicatorStyle],
+      children: children ?? customRenderer?.(activeHandle, activeDate)
+    });
+  }
+  const width = customWidth ?? indicatorConfig?.width ?? DEFAULTS.indicatorWidth;
+  const height = customHeight ?? indicatorConfig?.height ?? DEFAULTS.indicatorHeight;
+  const color = customColor ?? indicatorConfig?.color ?? theme.indicatorColor;
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: [styles.indicator, {
+      bottom: offsetY,
+      transform: [{
+        translateX: offsetX
+      }],
+      width,
+      height,
+      backgroundColor: color,
+      borderRadius: width / 2
+    }, indicatorStyle]
+  });
+}
+const styles = StyleSheet.create({
+  indicator: {
+    position: 'absolute',
+    zIndex: 10,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=RulerRangeIndicator.js.map

package/lib/module/RulerRangeIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","useRulerRangeContext","DEFAULTS","jsx","_jsx","RulerRangeIndicator","children","width","customWidth","height","customHeight","color","customColor","offset","customOffset","style","render","indicatorConfig","theme","activeHandle","startDate","endDate","activeDate","customRenderer","offsetX","offsetY","indicatorStyle","pointerEvents","styles","indicator","bottom","transform","translateX","indicatorWidth","indicatorHeight","indicatorColor","backgroundColor","borderRadius","create","position","zIndex","alignItems","justifyContent"],"sourceRoot":"../../src","sources":["RulerRangeIndicator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAwC,cAAc;AAC/E,SAASC,oBAAoB,QAAQ,wBAAqB;AAC1D,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgBtC,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,QAAQ;EACRC,KAAK,EAAEC,WAAW;EAClBC,MAAM,EAAEC,YAAY;EACpBC,KAAK,EAAEC,WAAW;EAClBC,MAAM,EAAEC,YAAY;EACpBC,KAAK;EACLC;AACwB,CAAC,GAAG,CAAC,CAAC,EAAE;EAChC,MAAM;IAAEC,eAAe;IAAEC,KAAK;IAAEC,YAAY;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGpB,oBAAoB,CAAC,CAAC;EAE3F,MAAMqB,UAAU,GAAGH,YAAY,KAAK,OAAO,GAAGC,SAAS,GAAGC,OAAO;EACjE,MAAME,cAAc,GAAGP,MAAM,IAAIC,eAAe,EAAED,MAAM;EACxD,MAAMH,MAAM,GAAGC,YAAY,IAAIG,eAAe,EAAEJ,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;EAChE,MAAM,CAACW,OAAO,GAAG,CAAC,EAAEC,OAAO,GAAG,CAAC,CAAC,GAAGZ,MAAM;EACzC,MAAMa,cAAc,GAAGX,KAAK,IAAIE,eAAe,EAAEF,KAAK;EAEtD,IAAIT,QAAQ,IAAIiB,cAAc,EAAE;IAC9B,oBACEnB,IAAA,CAACL,IAAI;MACH4B,aAAa,EAAC,MAAM;MACpBZ,KAAK,EAAE,CACLa,MAAM,CAACC,SAAS,EAChB;QACEC,MAAM,EAAEL,OAAO;QACfM,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAER;QAAQ,CAAC;MACrC,CAAC,EACDE,cAAc,CACd;MAAApB,QAAA,EAEDA,QAAQ,IAAIiB,cAAc,GAAGJ,YAAY,EAAEG,UAAU;IAAC,CACnD,CAAC;EAEX;EAEA,MAAMf,KAAK,GAAGC,WAAW,IAAIS,eAAe,EAAEV,KAAK,IAAIL,QAAQ,CAAC+B,cAAc;EAC9E,MAAMxB,MAAM,GAAGC,YAAY,IAAIO,eAAe,EAAER,MAAM,IAAIP,QAAQ,CAACgC,eAAe;EAClF,MAAMvB,KAAK,GAAGC,WAAW,IAAIK,eAAe,EAAEN,KAAK,IAAIO,KAAK,CAACiB,cAAc;EAE3E,oBACE/B,IAAA,CAACL,IAAI;IACH4B,aAAa,EAAC,MAAM;IACpBZ,KAAK,EAAE,CACLa,MAAM,CAACC,SAAS,EAChB;MACEC,MAAM,EAAEL,OAAO;MACfM,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAER;MAAQ,CAAC,CAAC;MACpCjB,KAAK;MACLE,MAAM;MACN2B,eAAe,EAAEzB,KAAK;MACtB0B,YAAY,EAAE9B,KAAK,GAAG;IACxB,CAAC,EACDmB,cAAc;EACd,CACH,CAAC;AAEN;AAEA,MAAME,MAAM,GAAG5B,UAAU,CAACsC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/RulerRangeRoot.js

@@ -0,0 +1,75 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useRulerDateRangePicker } from "./useRulerDateRangePicker.js";
+import { RulerRangeContext } from "./RulerRangeContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function RulerRangeRoot(props) {
+  const {
+    children,
+    style,
+    indicator,
+    highlight,
+    testID
+  } = props;
+  const rangeRuler = useRulerDateRangePicker(props);
+  const indicatorConfig = typeof indicator === 'object' ? indicator : undefined;
+  const headerConfig = typeof props.header === 'object' ? props.header : undefined;
+  const highlightConfig = typeof highlight === 'object' ? highlight : undefined;
+  const contextValue = {
+    ...rangeRuler,
+    indicatorConfig,
+    headerConfig,
+    highlightConfig,
+    locale: props.locale
+  };
+  return /*#__PURE__*/_jsx(RulerRangeContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(View, {
+      testID: testID,
+      accessible: true,
+      accessibilityRole: "adjustable",
+      accessibilityLabel: props.accessibilityLabel ?? 'Date range picker',
+      accessibilityValue: {
+        text: `${rangeRuler.startDateStr} to ${rangeRuler.endDateStr}`
+      },
+      accessibilityActions: [{
+        name: 'increment',
+        label: `Next day for ${rangeRuler.activeHandle} date`
+      }, {
+        name: 'decrement',
+        label: `Previous day for ${rangeRuler.activeHandle} date`
+      }],
+      onAccessibilityAction: event => {
+        const isStart = rangeRuler.activeHandle === 'start';
+        const target = new Date(isStart ? rangeRuler.startDate : rangeRuler.endDate);
+        if (event.nativeEvent.actionName === 'increment') {
+          target.setDate(target.getDate() + 1);
+        } else if (event.nativeEvent.actionName === 'decrement') {
+          target.setDate(target.getDate() - 1);
+        }
+        if (isStart) {
+          rangeRuler.setRange(target, rangeRuler.endDate);
+        } else {
+          rangeRuler.setRange(rangeRuler.startDate, target);
+        }
+      },
+      style: [styles.container, {
+        minHeight: rangeRuler.height,
+        backgroundColor: rangeRuler.theme.background
+      }, style],
+      children: children
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative',
+    width: '100%',
+    paddingVertical: 8
+  }
+});
+//# sourceMappingURL=RulerRangeRoot.js.map

package/lib/module/RulerRangeRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","useRulerDateRangePicker","RulerRangeContext","jsx","_jsx","RulerRangeRoot","props","children","style","indicator","highlight","testID","rangeRuler","indicatorConfig","undefined","headerConfig","header","highlightConfig","contextValue","locale","Provider","value","accessible","accessibilityRole","accessibilityLabel","accessibilityValue","text","startDateStr","endDateStr","accessibilityActions","name","label","activeHandle","onAccessibilityAction","event","isStart","target","Date","startDate","endDate","nativeEvent","actionName","setDate","getDate","setRange","styles","container","minHeight","height","backgroundColor","theme","background","create","justifyContent","alignItems","position","width","paddingVertical"],"sourceRoot":"../../src","sources":["RulerRangeRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/RulerRangeTicks.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import { useRulerRangeContext } from "./RulerRangeContext.js";
+import { RulerRangeHighlight } from "./RulerRangeHighlight.js";
+import { Tick } from "./Tick.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Animated ticks container for the date range picker with Reanimated transform
+ * and connected highlight span.
+ */
+export function RulerRangeTicks({
+  style,
+  renderTick,
+  showHighlight = true
+} = {}) {
+  const {
+    translateX,
+    visibleTicks,
+    tickSpacing,
+    rulerHeight,
+    width
+  } = useRulerRangeContext();
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: translateX.value
+    }]
+  }), [translateX]);
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [styles.ticksWrapper, {
+      left: width / 2
+    }, animatedStyle, style],
+    children: [showHighlight && /*#__PURE__*/_jsx(RulerRangeHighlight, {}), visibleTicks.map(tick => renderTick ? /*#__PURE__*/_jsx(React.Fragment, {
+      children: renderTick(tick, tickSpacing, rulerHeight)
+    }, tick.offset) : /*#__PURE__*/_jsx(Tick, {
+      tick: tick,
+      tickSpacing: tickSpacing,
+      rulerHeight: rulerHeight
+    }, tick.offset))]
+  });
+}
+const styles = StyleSheet.create({
+  ticksWrapper: {
+    position: 'absolute',
+    height: '100%',
+    width: 0
+  }
+});
+//# sourceMappingURL=RulerRangeTicks.js.map