@cdx-ui/primitives 0.0.1-beta.98 → 0.1.0

package/lib/module/slider/useSliderPointer.js

@@ -0,0 +1,110 @@
+"use strict";
+
+import { useCallback, useEffect, useRef } from 'react';
+import { Platform } from 'react-native';
+import { clamp, getThumbTravel, pointerCoordToRatio, pointerCoordToVerticalRatio } from './utils';
+export function getPointerCoords(nativeEvent) {
+  if (Platform.OS === 'web' && nativeEvent.clientX != null && nativeEvent.clientY != null) {
+    return {
+      x: nativeEvent.clientX,
+      y: nativeEvent.clientY
+    };
+  }
+  return {
+    x: nativeEvent.pageX ?? 0,
+    y: nativeEvent.pageY ?? 0
+  };
+}
+export function getRatioFromPagePoint(pageX, pageY, trackLayout, orientation, thumbSize) {
+  if (!trackLayout) {
+    return 0;
+  }
+  if (orientation === 'horizontal') {
+    return pointerCoordToRatio(pageX, trackLayout.x, trackLayout.width, thumbSize);
+  }
+  return pointerCoordToVerticalRatio(pageY, trackLayout.y, trackLayout.height, thumbSize);
+}
+export function useWebSliderDrag({
+  isDisabled,
+  setIsDragging,
+  setValueFromRatio,
+  trackLayout,
+  orientation,
+  thumbSize
+}) {
+  const draggingRef = useRef(false);
+  const lastRatioRef = useRef(0);
+  const dragContextRef = useRef(null);
+  const cleanupRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      cleanupRef.current?.();
+      cleanupRef.current = null;
+    };
+  }, []);
+  const endDrag = useCallback(() => {
+    if (!draggingRef.current) {
+      return;
+    }
+    draggingRef.current = false;
+    dragContextRef.current = null;
+    setValueFromRatio(lastRatioRef.current, true);
+    setIsDragging(false);
+  }, [setIsDragging, setValueFromRatio]);
+  const startDrag = useCallback((pageX, pageY, anchorRatio, trackLayoutOverride) => {
+    if (isDisabled || Platform.OS !== 'web' || typeof window === 'undefined') {
+      return;
+    }
+    const layout = trackLayoutOverride ?? trackLayout;
+    if (!layout) {
+      return;
+    }
+    const trackSize = orientation === 'horizontal' ? layout.width : layout.height;
+    const travel = getThumbTravel(trackSize, thumbSize);
+    if (travel <= 0) {
+      return;
+    }
+    const startPointer = orientation === 'horizontal' ? pageX : pageY;
+    const startRatio = anchorRatio != null ? clamp(anchorRatio, 0, 1) : getRatioFromPagePoint(pageX, pageY, layout, orientation, thumbSize);
+    lastRatioRef.current = startRatio;
+    draggingRef.current = true;
+    dragContextRef.current = {
+      startPointer,
+      startRatio,
+      travel
+    };
+    setIsDragging(true);
+    setValueFromRatio(startRatio);
+    const onMove = event => {
+      if (!draggingRef.current || !dragContextRef.current) {
+        return;
+      }
+      event.preventDefault();
+      const pointer = orientation === 'horizontal' ? event.clientX : event.clientY;
+      const delta = pointer - dragContextRef.current.startPointer;
+      const deltaAlongTrack = orientation === 'horizontal' ? delta : -delta;
+      const nextRatio = clamp(dragContextRef.current.startRatio + deltaAlongTrack / dragContextRef.current.travel, 0, 1);
+      lastRatioRef.current = nextRatio;
+      setValueFromRatio(nextRatio);
+    };
+    const onUp = () => {
+      cleanupRef.current = null;
+      window.removeEventListener('pointermove', onMove);
+      window.removeEventListener('pointerup', onUp);
+      window.removeEventListener('pointercancel', onUp);
+      endDrag();
+    };
+    window.addEventListener('pointermove', onMove);
+    window.addEventListener('pointerup', onUp);
+    window.addEventListener('pointercancel', onUp);
+    cleanupRef.current = () => {
+      window.removeEventListener('pointermove', onMove);
+      window.removeEventListener('pointerup', onUp);
+      window.removeEventListener('pointercancel', onUp);
+    };
+  }, [endDrag, isDisabled, orientation, setIsDragging, setValueFromRatio, thumbSize, trackLayout]);
+  return {
+    startDrag
+  };
+}
+//# sourceMappingURL=useSliderPointer.js.map

package/lib/module/slider/useSliderPointer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","Platform","clamp","getThumbTravel","pointerCoordToRatio","pointerCoordToVerticalRatio","getPointerCoords","nativeEvent","OS","clientX","clientY","x","y","pageX","pageY","getRatioFromPagePoint","trackLayout","orientation","thumbSize","width","height","useWebSliderDrag","isDisabled","setIsDragging","setValueFromRatio","draggingRef","lastRatioRef","dragContextRef","cleanupRef","current","endDrag","startDrag","anchorRatio","trackLayoutOverride","window","layout","trackSize","travel","startPointer","startRatio","onMove","event","preventDefault","pointer","delta","deltaAlongTrack","nextRatio","onUp","removeEventListener","addEventListener"],"sourceRoot":"../../../src","sources":["slider/useSliderPointer.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/slider/utils.js

@@ -0,0 +1,201 @@
+"use strict";
+
+function toPercentDimension(percent) {
+  return `${String(percent)}%`;
+}
+export const SLIDER_MARKER_SIZE = 3;
+export function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+export function getThumbTravel(trackSize, _thumbSize) {
+  return Math.max(trackSize, 0);
+}
+
+/** Thumb leading-edge offset along the track axis (center-based). */
+export function percentToThumbOffset(percent, trackSize, thumbSize) {
+  if (trackSize <= 0) return 0;
+  return clamp(percent, 0, 100) / 100 * trackSize - thumbSize / 2;
+}
+
+/** Filled track extent to the thumb center. */
+export function percentToFillExtent(percent, trackSize, _thumbSize) {
+  if (trackSize <= 0) return 0;
+  return clamp(percent, 0, 100) / 100 * trackSize;
+}
+
+/** Map a pointer coordinate on the track axis to a 0–1 ratio. */
+export function pointerCoordToRatio(pointerCoord, trackStart, trackSize, _thumbSize) {
+  if (trackSize <= 0) {
+    return 0;
+  }
+  return clamp((pointerCoord - trackStart) / trackSize, 0, 1);
+}
+
+/** Vertical slider: bottom = min (0), top = max (1). */
+export function pointerCoordToVerticalRatio(pointerCoord, trackStart, trackSize, _thumbSize) {
+  if (trackSize <= 0) {
+    return 0;
+  }
+  return clamp((trackStart + trackSize - pointerCoord) / trackSize, 0, 1);
+}
+export function snapToStep(value, min, max, step) {
+  if (step <= 0) {
+    return clamp(value, min, max);
+  }
+  const stepped = min + Math.round((value - min) / step) * step;
+  return clamp(stepped, min, max);
+}
+export function valueToPercent(value, min, max) {
+  if (max <= min) {
+    return 0;
+  }
+  return (clamp(value, min, max) - min) / (max - min) * 100;
+}
+export function percentToValue(percent, min, max, step) {
+  const ratio = clamp(percent, 0, 100) / 100;
+  return snapToStep(min + ratio * (max - min), min, max, step);
+}
+export function formatSliderValue(value) {
+  return Number.isInteger(value) ? String(value) : value.toFixed(1);
+}
+export function arraysEqual(a, b) {
+  if (a.length !== b.length) {
+    return false;
+  }
+  return a.every((value, index) => value === b[index]);
+}
+export function normalizeSliderValue(input, min, defaultScalar) {
+  if (input == null) {
+    return [defaultScalar ?? min];
+  }
+  if (Array.isArray(input)) {
+    return [...input];
+  }
+  return [input];
+}
+export function denormalizeSliderValue(values, asArray) {
+  return asArray ? [...values] : values[0];
+}
+export function getClosestValueIndex(values, target) {
+  if (values.length === 0) {
+    return 0;
+  }
+  let closestIndex = 0;
+  let closestDistance = Math.abs(values[0] - target);
+  for (let index = 1; index < values.length; index += 1) {
+    const distance = Math.abs(values[index] - target);
+    if (distance < closestDistance) {
+      closestDistance = distance;
+      closestIndex = index;
+    }
+  }
+  return closestIndex;
+}
+export function getFillExtent(startPercent, endPercent, trackSize, thumbSize) {
+  if (trackSize <= 0) {
+    return {
+      offset: 0,
+      length: 0
+    };
+  }
+  const start = clamp(startPercent, 0, 100) / 100 * trackSize;
+  const end = clamp(endPercent, 0, 100) / 100 * trackSize;
+  const span = end - start;
+  if (span > 0) {
+    return {
+      offset: start,
+      length: span
+    };
+  }
+  if (start <= 0) {
+    return {
+      offset: 0,
+      length: 0
+    };
+  }
+  const halfThumb = Math.max(thumbSize, 0) / 2;
+  const offset = clamp(start - halfThumb, 0, trackSize);
+  const endUnderThumb = clamp(start + halfThumb, 0, trackSize);
+  return {
+    offset,
+    length: endUnderThumb - offset
+  };
+}
+export function getMarkerStepValues(min, max, step) {
+  if (step <= 0 || max <= min) {
+    return [];
+  }
+  const decimals = getDecimalPlaces(step);
+  const stepCount = Math.floor((max - min) / step);
+  const values = Array.from({
+    length: stepCount + 1
+  }, (_, index) => roundTo(min + index * step, decimals));
+  if (values[values.length - 1] < max) {
+    values.push(max);
+  }
+  return values;
+}
+function getDecimalPlaces(n) {
+  const str = String(n);
+  const dotIndex = str.indexOf('.');
+  return dotIndex === -1 ? 0 : str.length - dotIndex - 1;
+}
+function roundTo(value, decimals) {
+  const factor = 10 ** decimals;
+  return Math.round(value * factor) / factor;
+}
+
+/** Marker leading-edge offset (center-aligned to the thumb coordinate system). */
+export function percentToMarkerCenterOffset(percent, trackSize, markerSize = SLIDER_MARKER_SIZE) {
+  if (trackSize <= 0) return 0;
+  return clamp(percent, 0, 100) / 100 * trackSize - markerSize / 2;
+}
+export function getMarkerPositionStyle(percent, orientation, trackLayout, _thumbSize, markerSize = SLIDER_MARKER_SIZE) {
+  const trackSize = trackLayout == null ? 0 : orientation === 'horizontal' ? trackLayout.width : trackLayout.height;
+  if (trackSize > 0) {
+    const offset = percentToMarkerCenterOffset(percent, trackSize, markerSize);
+    if (orientation === 'vertical') {
+      return {
+        position: 'absolute',
+        left: '50%',
+        bottom: offset,
+        width: markerSize,
+        height: markerSize,
+        marginLeft: -markerSize / 2
+      };
+    }
+    return {
+      position: 'absolute',
+      top: '50%',
+      left: offset,
+      width: markerSize,
+      height: markerSize,
+      marginTop: -markerSize / 2
+    };
+  }
+  if (orientation === 'vertical') {
+    return {
+      position: 'absolute',
+      left: '50%',
+      bottom: toPercentDimension(percent),
+      width: markerSize,
+      height: markerSize,
+      marginLeft: -markerSize / 2,
+      transform: [{
+        translateY: markerSize / 2
+      }]
+    };
+  }
+  return {
+    position: 'absolute',
+    top: '50%',
+    left: toPercentDimension(percent),
+    width: markerSize,
+    height: markerSize,
+    marginTop: -markerSize / 2,
+    transform: [{
+      translateX: -markerSize / 2
+    }]
+  };
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/slider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toPercentDimension","percent","String","SLIDER_MARKER_SIZE","clamp","value","min","max","Math","getThumbTravel","trackSize","_thumbSize","percentToThumbOffset","thumbSize","percentToFillExtent","pointerCoordToRatio","pointerCoord","trackStart","pointerCoordToVerticalRatio","snapToStep","step","stepped","round","valueToPercent","percentToValue","ratio","formatSliderValue","Number","isInteger","toFixed","arraysEqual","a","b","length","every","index","normalizeSliderValue","input","defaultScalar","Array","isArray","denormalizeSliderValue","values","asArray","getClosestValueIndex","target","closestIndex","closestDistance","abs","distance","getFillExtent","startPercent","endPercent","offset","start","end","span","halfThumb","endUnderThumb","getMarkerStepValues","decimals","getDecimalPlaces","stepCount","floor","from","_","roundTo","push","n","str","dotIndex","indexOf","factor","percentToMarkerCenterOffset","markerSize","getMarkerPositionStyle","orientation","trackLayout","width","height","position","left","bottom","marginLeft","top","marginTop","transform","translateY","translateX"],"sourceRoot":"../../../src","sources":["slider/utils.ts"],"mappings":";;AAMA,SAASA,kBAAkBA,CAACC,OAAe,EAAiB;EAC1D,OAAO,GAAGC,MAAM,CAACD,OAAO,CAAC,GAAG;AAC9B;AAEA,OAAO,MAAME,kBAAkB,GAAG,CAAC;AAEnC,OAAO,SAASC,KAAKA,CAACC,KAAa,EAAEC,GAAW,EAAEC,GAAW,EAAU;EACrE,OAAOC,IAAI,CAACF,GAAG,CAACC,GAAG,EAAEC,IAAI,CAACD,GAAG,CAACD,GAAG,EAAED,KAAK,CAAC,CAAC;AAC5C;AAEA,OAAO,SAASI,cAAcA,CAACC,SAAiB,EAAEC,UAAkB,EAAU;EAC5E,OAAOH,IAAI,CAACD,GAAG,CAACG,SAAS,EAAE,CAAC,CAAC;AAC/B;;AAEA;AACA,OAAO,SAASE,oBAAoBA,CAClCX,OAAe,EACfS,SAAiB,EACjBG,SAAiB,EACT;EACR,IAAIH,SAAS,IAAI,CAAC,EAAE,OAAO,CAAC;EAC5B,OAAQN,KAAK,CAACH,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,GAAIS,SAAS,GAAGG,SAAS,GAAG,CAAC;AACnE;;AAEA;AACA,OAAO,SAASC,mBAAmBA,CACjCb,OAAe,EACfS,SAAiB,EACjBC,UAAkB,EACV;EACR,IAAID,SAAS,IAAI,CAAC,EAAE,OAAO,CAAC;EAC5B,OAAQN,KAAK,CAACH,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,GAAIS,SAAS;AACnD;;AAEA;AACA,OAAO,SAASK,mBAAmBA,CACjCC,YAAoB,EACpBC,UAAkB,EAClBP,SAAiB,EACjBC,UAAkB,EACV;EACR,IAAID,SAAS,IAAI,CAAC,EAAE;IAClB,OAAO,CAAC;EACV;EACA,OAAON,KAAK,CAAC,CAACY,YAAY,GAAGC,UAAU,IAAIP,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;AAC7D;;AAEA;AACA,OAAO,SAASQ,2BAA2BA,CACzCF,YAAoB,EACpBC,UAAkB,EAClBP,SAAiB,EACjBC,UAAkB,EACV;EACR,IAAID,SAAS,IAAI,CAAC,EAAE;IAClB,OAAO,CAAC;EACV;EACA,OAAON,KAAK,CAAC,CAACa,UAAU,GAAGP,SAAS,GAAGM,YAAY,IAAIN,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;AACzE;AAEA,OAAO,SAASS,UAAUA,CAACd,KAAa,EAAEC,GAAW,EAAEC,GAAW,EAAEa,IAAY,EAAU;EACxF,IAAIA,IAAI,IAAI,CAAC,EAAE;IACb,OAAOhB,KAAK,CAACC,KAAK,EAAEC,GAAG,EAAEC,GAAG,CAAC;EAC/B;EACA,MAAMc,OAAO,GAAGf,GAAG,GAAGE,IAAI,CAACc,KAAK,CAAC,CAACjB,KAAK,GAAGC,GAAG,IAAIc,IAAI,CAAC,GAAGA,IAAI;EAC7D,OAAOhB,KAAK,CAACiB,OAAO,EAAEf,GAAG,EAAEC,GAAG,CAAC;AACjC;AAEA,OAAO,SAASgB,cAAcA,CAAClB,KAAa,EAAEC,GAAW,EAAEC,GAAW,EAAU;EAC9E,IAAIA,GAAG,IAAID,GAAG,EAAE;IACd,OAAO,CAAC;EACV;EACA,OAAQ,CAACF,KAAK,CAACC,KAAK,EAAEC,GAAG,EAAEC,GAAG,CAAC,GAAGD,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG;AAC7D;AAEA,OAAO,SAASkB,cAAcA,CAACvB,OAAe,EAAEK,GAAW,EAAEC,GAAW,EAAEa,IAAY,EAAU;EAC9F,MAAMK,KAAK,GAAGrB,KAAK,CAACH,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG;EAC1C,OAAOkB,UAAU,CAACb,GAAG,GAAGmB,KAAK,IAAIlB,GAAG,GAAGD,GAAG,CAAC,EAAEA,GAAG,EAAEC,GAAG,EAAEa,IAAI,CAAC;AAC9D;AAEA,OAAO,SAASM,iBAAiBA,CAACrB,KAAa,EAAU;EACvD,OAAOsB,MAAM,CAACC,SAAS,CAACvB,KAAK,CAAC,GAAGH,MAAM,CAACG,KAAK,CAAC,GAAGA,KAAK,CAACwB,OAAO,CAAC,CAAC,CAAC;AACnE;AAEA,OAAO,SAASC,WAAWA,CAACC,CAAoB,EAAEC,CAAoB,EAAW;EAC/E,IAAID,CAAC,CAACE,MAAM,KAAKD,CAAC,CAACC,MAAM,EAAE;IACzB,OAAO,KAAK;EACd;EACA,OAAOF,CAAC,CAACG,KAAK,CAAC,CAAC7B,KAAK,EAAE8B,KAAK,KAAK9B,KAAK,KAAK2B,CAAC,CAACG,KAAK,CAAC,CAAC;AACtD;AAEA,OAAO,SAASC,oBAAoBA,CAClCC,KAA6C,EAC7C/B,GAAW,EACXgC,aAAsB,EACZ;EACV,IAAID,KAAK,IAAI,IAAI,EAAE;IACjB,OAAO,CAACC,aAAa,IAAIhC,GAAG,CAAC;EAC/B;EACA,IAAIiC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IACxB,OAAO,CAAC,GAAGA,KAAK,CAAC;EACnB;EACA,OAAO,CAACA,KAAK,CAAW;AAC1B;AAEA,OAAO,SAASI,sBAAsBA,CACpCC,MAAyB,EACzBC,OAAgB,EACG;EACnB,OAAOA,OAAO,GAAG,CAAC,GAAGD,MAAM,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC;AAC1C;AAEA,OAAO,SAASE,oBAAoBA,CAACF,MAAyB,EAAEG,MAAc,EAAU;EACtF,IAAIH,MAAM,CAACT,MAAM,KAAK,CAAC,EAAE;IACvB,OAAO,CAAC;EACV;EAEA,IAAIa,YAAY,GAAG,CAAC;EACpB,IAAIC,eAAe,GAAGvC,IAAI,CAACwC,GAAG,CAACN,MAAM,CAAC,CAAC,CAAC,GAAGG,MAAM,CAAC;EAElD,KAAK,IAAIV,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGO,MAAM,CAACT,MAAM,EAAEE,KAAK,IAAI,CAAC,EAAE;IACrD,MAAMc,QAAQ,GAAGzC,IAAI,CAACwC,GAAG,CAACN,MAAM,CAACP,KAAK,CAAC,GAAGU,MAAM,CAAC;IACjD,IAAII,QAAQ,GAAGF,eAAe,EAAE;MAC9BA,eAAe,GAAGE,QAAQ;MAC1BH,YAAY,GAAGX,KAAK;IACtB;EACF;EAEA,OAAOW,YAAY;AACrB;AAEA,OAAO,SAASI,aAAaA,CAC3BC,YAAoB,EACpBC,UAAkB,EAClB1C,SAAiB,EACjBG,SAAiB,EACmB;EACpC,IAAIH,SAAS,IAAI,CAAC,EAAE;IAClB,OAAO;MAAE2C,MAAM,EAAE,CAAC;MAAEpB,MAAM,EAAE;IAAE,CAAC;EACjC;EAEA,MAAMqB,KAAK,GAAIlD,KAAK,CAAC+C,YAAY,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,GAAIzC,SAAS;EAC7D,MAAM6C,GAAG,GAAInD,KAAK,CAACgD,UAAU,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,GAAI1C,SAAS;EACzD,MAAM8C,IAAI,GAAGD,GAAG,GAAGD,KAAK;EAExB,IAAIE,IAAI,GAAG,CAAC,EAAE;IACZ,OAAO;MAAEH,MAAM,EAAEC,KAAK;MAAErB,MAAM,EAAEuB;IAAK,CAAC;EACxC;EAEA,IAAIF,KAAK,IAAI,CAAC,EAAE;IACd,OAAO;MAAED,MAAM,EAAE,CAAC;MAAEpB,MAAM,EAAE;IAAE,CAAC;EACjC;EAEA,MAAMwB,SAAS,GAAGjD,IAAI,CAACD,GAAG,CAACM,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC;EAC5C,MAAMwC,MAAM,GAAGjD,KAAK,CAACkD,KAAK,GAAGG,SAAS,EAAE,CAAC,EAAE/C,SAAS,CAAC;EACrD,MAAMgD,aAAa,GAAGtD,KAAK,CAACkD,KAAK,GAAGG,SAAS,EAAE,CAAC,EAAE/C,SAAS,CAAC;EAE5D,OAAO;IAAE2C,MAAM;IAAEpB,MAAM,EAAEyB,aAAa,GAAGL;EAAO,CAAC;AACnD;AAEA,OAAO,SAASM,mBAAmBA,CAACrD,GAAW,EAAEC,GAAW,EAAEa,IAAY,EAAY;EACpF,IAAIA,IAAI,IAAI,CAAC,IAAIb,GAAG,IAAID,GAAG,EAAE;IAC3B,OAAO,EAAE;EACX;EAEA,MAAMsD,QAAQ,GAAGC,gBAAgB,CAACzC,IAAI,CAAC;EACvC,MAAM0C,SAAS,GAAGtD,IAAI,CAACuD,KAAK,CAAC,CAACxD,GAAG,GAAGD,GAAG,IAAIc,IAAI,CAAC;EAChD,MAAMsB,MAAM,GAAGH,KAAK,CAACyB,IAAI,CAAC;IAAE/B,MAAM,EAAE6B,SAAS,GAAG;EAAE,CAAC,EAAE,CAACG,CAAC,EAAE9B,KAAK,KAC5D+B,OAAO,CAAC5D,GAAG,GAAG6B,KAAK,GAAGf,IAAI,EAAEwC,QAAQ,CACtC,CAAC;EACD,IAAIlB,MAAM,CAACA,MAAM,CAACT,MAAM,GAAG,CAAC,CAAC,GAAG1B,GAAG,EAAE;IACnCmC,MAAM,CAACyB,IAAI,CAAC5D,GAAG,CAAC;EAClB;EACA,OAAOmC,MAAM;AACf;AAEA,SAASmB,gBAAgBA,CAACO,CAAS,EAAU;EAC3C,MAAMC,GAAG,GAAGnE,MAAM,CAACkE,CAAC,CAAC;EACrB,MAAME,QAAQ,GAAGD,GAAG,CAACE,OAAO,CAAC,GAAG,CAAC;EACjC,OAAOD,QAAQ,KAAK,CAAC,CAAC,GAAG,CAAC,GAAGD,GAAG,CAACpC,MAAM,GAAGqC,QAAQ,GAAG,CAAC;AACxD;AAEA,SAASJ,OAAOA,CAAC7D,KAAa,EAAEuD,QAAgB,EAAU;EACxD,MAAMY,MAAM,GAAG,EAAE,IAAIZ,QAAQ;EAC7B,OAAOpD,IAAI,CAACc,KAAK,CAACjB,KAAK,GAAGmE,MAAM,CAAC,GAAGA,MAAM;AAC5C;;AAEA;AACA,OAAO,SAASC,2BAA2BA,CACzCxE,OAAe,EACfS,SAAiB,EACjBgE,UAAU,GAAGvE,kBAAkB,EACvB;EACR,IAAIO,SAAS,IAAI,CAAC,EAAE,OAAO,CAAC;EAC5B,OAAQN,KAAK,CAACH,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,GAAIS,SAAS,GAAGgE,UAAU,GAAG,CAAC;AACpE;AAEA,OAAO,SAASC,sBAAsBA,CACpC1E,OAAe,EACf2E,WAA8B,EAC9BC,WAAqC,EACrClE,UAAkB,EAClB+D,UAAU,GAAGvE,kBAAkB,EACpB;EACX,MAAMO,SAAS,GACbmE,WAAW,IAAI,IAAI,GAAG,CAAC,GAAGD,WAAW,KAAK,YAAY,GAAGC,WAAW,CAACC,KAAK,GAAGD,WAAW,CAACE,MAAM;EAEjG,IAAIrE,SAAS,GAAG,CAAC,EAAE;IACjB,MAAM2C,MAAM,GAAGoB,2BAA2B,CAACxE,OAAO,EAAES,SAAS,EAAEgE,UAAU,CAAC;IAC1E,IAAIE,WAAW,KAAK,UAAU,EAAE;MAC9B,OAAO;QACLI,QAAQ,EAAE,UAAU;QACpBC,IAAI,EAAE,KAAK;QACXC,MAAM,EAAE7B,MAAM;QACdyB,KAAK,EAAEJ,UAAU;QACjBK,MAAM,EAAEL,UAAU;QAClBS,UAAU,EAAE,CAACT,UAAU,GAAG;MAC5B,CAAC;IACH;IACA,OAAO;MACLM,QAAQ,EAAE,UAAU;MACpBI,GAAG,EAAE,KAAK;MACVH,IAAI,EAAE5B,MAAM;MACZyB,KAAK,EAAEJ,UAAU;MACjBK,MAAM,EAAEL,UAAU;MAClBW,SAAS,EAAE,CAACX,UAAU,GAAG;IAC3B,CAAC;EACH;EAEA,IAAIE,WAAW,KAAK,UAAU,EAAE;IAC9B,OAAO;MACLI,QAAQ,EAAE,UAAU;MACpBC,IAAI,EAAE,KAAK;MACXC,MAAM,EAAElF,kBAAkB,CAACC,OAAO,CAAC;MACnC6E,KAAK,EAAEJ,UAAU;MACjBK,MAAM,EAAEL,UAAU;MAClBS,UAAU,EAAE,CAACT,UAAU,GAAG,CAAC;MAC3BY,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEb,UAAU,GAAG;MAAE,CAAC;IAC5C,CAAC;EACH;EAEA,OAAO;IACLM,QAAQ,EAAE,UAAU;IACpBI,GAAG,EAAE,KAAK;IACVH,IAAI,EAAEjF,kBAAkB,CAACC,OAAO,CAAC;IACjC6E,KAAK,EAAEJ,UAAU;IACjBK,MAAM,EAAEL,UAAU;IAClBW,SAAS,EAAE,CAACX,UAAU,GAAG,CAAC;IAC1BY,SAAS,EAAE,CAAC;MAAEE,UAAU,EAAE,CAACd,UAAU,GAAG;IAAE,CAAC;EAC7C,CAAC;AACH","ignoreList":[]}

package/lib/module/tabs/Tab.js

@@ -0,0 +1,118 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useMemo, useRef } from 'react';
+import { Platform, Pressable } from 'react-native';
+import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
+import { useFocus, useFocusRing } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { TabProvider, useTabsContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Tab = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  value: tabValue,
+  disabled: disabledProp = false,
+  isHovered: isHoveredProp,
+  isActive: isActiveProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  isDisabled: isDisabledProp,
+  ...props
+}, ref) => {
+  const {
+    value: selectedValue,
+    onValueChange,
+    disabled: contextDisabled,
+    listId,
+    registerTab,
+    unregisterTab,
+    focusedValue,
+    setFocusedValue
+  } = useTabsContext();
+  const disabled = contextDisabled || !!disabledProp || !!isDisabledProp;
+  const selected = selectedValue === tabValue;
+  const nodeRef = useRef(null);
+  const mergedRef = mergeRefs(ref, nodeRef);
+  useEffect(() => {
+    registerTab(tabValue, {
+      disabled,
+      node: nodeRef.current
+    });
+    return () => unregisterTab(tabValue);
+  }, [tabValue, disabled, registerTab, unregisterTab]);
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const {
+    pressProps,
+    isPressed: isActive
+  } = usePress({
+    isDisabled: disabled
+  });
+  const {
+    isFocused,
+    focusProps
+  } = useFocus();
+  const {
+    isHovered,
+    hoverProps
+  } = useHover();
+  const handlePress = useCallback(() => {
+    if (!disabled) {
+      setFocusedValue(tabValue);
+      onValueChange(tabValue);
+    }
+  }, [disabled, tabValue, onValueChange, setFocusedValue]);
+  const interactionState = useMemo(() => ({
+    hover: !!(isHoveredProp || isHovered),
+    focus: !!(isFocusedProp || isFocused),
+    active: !!(isActiveProp || isActive),
+    disabled: !!disabled,
+    focusVisible: !!(isFocusVisibleProp || isFocusVisible),
+    selected
+  }), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, selected]);
+  const isRovingTabStop = (focusedValue ?? selectedValue) === tabValue;
+  const webProps = Platform.OS === 'web' ? {
+    tabIndex: isRovingTabStop ? 0 : -1
+  } : {};
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(TabProvider, {
+    value: interactionState,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: mergedRef,
+      role: "tab",
+      id: `${listId}-tab-${tabValue}`,
+      "aria-selected": selected,
+      "aria-controls": `${listId}-panel-${tabValue}`,
+      "aria-disabled": disabled,
+      disabled: disabled,
+      accessibilityState: {
+        selected,
+        disabled
+      },
+      ...webProps,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        hover: interactionState.hover,
+        focus: interactionState.focus,
+        active: interactionState.active,
+        disabled: interactionState.disabled,
+        focusVisible: interactionState.focusVisible,
+        state: selected ? 'active' : 'inactive'
+      })),
+      onPress: composeEventHandlers(props?.onPress, handlePress),
+      onPressIn: composeEventHandlers(props?.onPressIn, pressProps.onPressIn),
+      onPressOut: composeEventHandlers(props?.onPressOut, pressProps.onPressOut),
+      onHoverIn: composeEventHandlers(props?.onHoverIn, hoverProps.onHoverIn),
+      onHoverOut: composeEventHandlers(props?.onHoverOut, hoverProps.onHoverOut),
+      onFocus: composeEventHandlers(props?.onFocus, focusProps.onFocus, focusRingProps.onFocus),
+      onBlur: composeEventHandlers(props?.onBlur, focusProps.onBlur, focusRingProps.onBlur),
+      children: children
+    })
+  });
+});
+Tab.displayName = 'Tab';
+//# sourceMappingURL=Tab.js.map

package/lib/module/tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useMemo","useRef","Platform","Pressable","composeEventHandlers","mergeRefs","useFocus","useFocusRing","useHover","usePress","Slot","dataAttributes","mergeDataAttributes","TabProvider","useTabsContext","jsx","_jsx","Tab","asChild","children","value","tabValue","disabled","disabledProp","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","selectedValue","onValueChange","contextDisabled","listId","registerTab","unregisterTab","focusedValue","setFocusedValue","selected","nodeRef","mergedRef","node","current","focusProps","focusRingProps","pressProps","isPressed","hoverProps","handlePress","interactionState","hover","focus","active","focusVisible","isRovingTabStop","webProps","OS","tabIndex","Comp","role","id","accessibilityState","state","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","displayName"],"sourceRoot":"../../../src","sources":["tabs/Tab.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tabs/TabPanel.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useTabsContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TabPanel = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  value: panelValue,
+  unmountWhenInactive = false,
+  style,
+  ...props
+}, ref) => {
+  const {
+    value: selectedValue,
+    listId
+  } = useTabsContext();
+  const selected = selectedValue === panelValue;
+  if (!selected && unmountWhenInactive) {
+    return null;
+  }
+  const Comp = asChild ? Slot : View;
+  const hideFromAccessibility = selected ? null : {
+    accessibilityElementsHidden: true,
+    importantForAccessibility: 'no-hide-descendants',
+    'aria-hidden': true
+  };
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    role: "tabpanel",
+    id: `${listId}-panel-${panelValue}`,
+    "aria-labelledby": `${listId}-tab-${panelValue}`,
+    style: [!selected ? {
+      display: 'none'
+    } : null, style],
+    ...props,
+    ...hideFromAccessibility,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'tabs-panel',
+      state: selected ? 'active' : 'inactive'
+    })),
+    children: children
+  });
+});
+TabPanel.displayName = 'TabPanel';
+//# sourceMappingURL=TabPanel.js.map

package/lib/module/tabs/TabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","Slot","dataAttributes","mergeDataAttributes","useTabsContext","jsx","_jsx","TabPanel","asChild","children","value","panelValue","unmountWhenInactive","style","props","ref","selectedValue","listId","selected","Comp","hideFromAccessibility","accessibilityElementsHidden","importantForAccessibility","role","id","display","slot","state","displayName"],"sourceRoot":"../../../src","sources":["tabs/TabPanel.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2C,OAAO;AACrE,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ3C,OAAO,MAAMC,QAAQ,gBAAGR,UAAU,CAChC,CAAC;EAAES,OAAO;EAAEC,QAAQ;EAAEC,KAAK,EAAEC,UAAU;EAAEC,mBAAmB,GAAG,KAAK;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC/F,MAAM;IAAEL,KAAK,EAAEM,aAAa;IAAEC;EAAO,CAAC,GAAGb,cAAc,CAAC,CAAC;EACzD,MAAMc,QAAQ,GAAGF,aAAa,KAAKL,UAAU;EAE7C,IAAI,CAACO,QAAQ,IAAIN,mBAAmB,EAAE;IACpC,OAAO,IAAI;EACb;EAEA,MAAMO,IAAI,GAAGX,OAAO,GAAGP,IAAI,GAAGD,IAAI;EAElC,MAAMoB,qBAAqB,GAAGF,QAAQ,GAClC,IAAI,GACJ;IACEG,2BAA2B,EAAE,IAAa;IAC1CC,yBAAyB,EAAE,qBAA8B;IACzD,aAAa,EAAE;EACjB,CAAC;EAEL,oBACEhB,IAAA,CAACa,IAAI;IACHJ,GAAG,EAAEA,GAAI;IACTQ,IAAI,EAAC,UAAU;IACfC,EAAE,EAAE,GAAGP,MAAM,UAAUN,UAAU,EAAG;IACpC,mBAAiB,GAAGM,MAAM,QAAQN,UAAU,EAAG;IAC/CE,KAAK,EAAE,CAAC,CAACK,QAAQ,GAAG;MAAEO,OAAO,EAAE;IAAO,CAAC,GAAG,IAAI,EAAEZ,KAAK,CAAE;IAAA,GACnDC,KAAK;IAAA,GACLM,qBAAqB;IAAA,GACrBjB,mBAAmB,CACrBW,KAAK,EACLZ,cAAc,CAAC;MAAEwB,IAAI,EAAE,YAAY;MAAEC,KAAK,EAAET,QAAQ,GAAG,QAAQ,GAAG;IAAW,CAAC,CAChF,CAAC;IAAAT,QAAA,EAEAA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDF,QAAQ,CAACqB,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/module/tabs/TabsList.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Platform, View } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useTabsContext } from './context';
+import { useTabsNavigation } from './useTabsNavigation';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TabsList = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  ...props
+}, ref) => {
+  const {
+    value,
+    onValueChange,
+    activationMode,
+    orientation,
+    getTabs,
+    focusedValue,
+    setFocusedValue
+  } = useTabsContext();
+  const {
+    handleKeyDown
+  } = useTabsNavigation({
+    getTabs,
+    focusedValue,
+    setFocusedValue,
+    value,
+    onValueChange,
+    activationMode,
+    orientation
+  });
+  const webProps = Platform.OS === 'web' ? {
+    onKeyDown: composeEventHandlers(props.onKeyDown, handleKeyDown)
+  } : {};
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    role: "tablist",
+    "aria-orientation": orientation,
+    ...props,
+    ...webProps,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'tabs-list',
+      orientation
+    })),
+    children: children
+  });
+});
+TabsList.displayName = 'TabsList';
+//# sourceMappingURL=TabsList.js.map

package/lib/module/tabs/TabsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Platform","View","composeEventHandlers","Slot","dataAttributes","mergeDataAttributes","useTabsContext","useTabsNavigation","jsx","_jsx","TabsList","asChild","children","props","ref","value","onValueChange","activationMode","orientation","getTabs","focusedValue","setFocusedValue","handleKeyDown","webProps","OS","onKeyDown","Comp","role","slot","displayName"],"sourceRoot":"../../../src","sources":["tabs/TabsList.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,cAAc,QAAQ,WAAW;AAE1C,SAASC,iBAAiB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxD,OAAO,MAAMC,QAAQ,gBAAGX,UAAU,CAChC,CAAC;EAAEY,OAAO;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxC,MAAM;IACJC,KAAK;IACLC,aAAa;IACbC,cAAc;IACdC,WAAW;IACXC,OAAO;IACPC,YAAY;IACZC;EACF,CAAC,GAAGf,cAAc,CAAC,CAAC;EAEpB,MAAM;IAAEgB;EAAc,CAAC,GAAGf,iBAAiB,CAAC;IAC1CY,OAAO;IACPC,YAAY;IACZC,eAAe;IACfN,KAAK;IACLC,aAAa;IACbC,cAAc;IACdC;EACF,CAAC,CAAC;EAEF,MAAMK,QAAQ,GACZvB,QAAQ,CAACwB,EAAE,KAAK,KAAK,GACjB;IACEC,SAAS,EAAEvB,oBAAoB,CAC5BW,KAAK,CAAgDY,SAAS,EAC/DH,aACF;EACF,CAAC,GACD,CAAC,CAAC;EAER,MAAMI,IAAI,GAAGf,OAAO,GAAGR,IAAI,GAAGF,IAAI;EAElC,oBACEQ,IAAA,CAACiB,IAAI;IACHZ,GAAG,EAAEA,GAAI;IACTa,IAAI,EAAC,SAAS;IACd,oBAAkBT,WAAY;IAAA,GAC1BL,KAAK;IAAA,GACLU,QAAQ;IAAA,GACRlB,mBAAmB,CAACQ,KAAK,EAAET,cAAc,CAAC;MAAEwB,IAAI,EAAE,WAAW;MAAEV;IAAY,CAAC,CAAC,CAAC;IAAAN,QAAA,EAEjFA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDF,QAAQ,CAACmB,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/module/tabs/TabsRoot.js

@@ -0,0 +1,75 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { TabsProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TabsRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  activationMode = 'automatic',
+  orientation = 'horizontal',
+  disabled = false,
+  ...props
+}, ref) => {
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: newValue => {
+      if (newValue !== undefined) {
+        onValueChange?.(newValue);
+      }
+    }
+  });
+  const [focusedValue, setFocusedValue] = useState(undefined);
+
+  // When the parent updates the controlled selection, drop stale roving-focus state so
+  // tabIndex and arrow-key navigation follow `value` instead of a previously focused tab.
+  useEffect(() => {
+    setFocusedValue(prev => prev !== undefined && prev !== value ? undefined : prev);
+  }, [value]);
+  const tabsRef = useRef(new Map());
+  const registerTab = useCallback((tabValue, entry) => {
+    tabsRef.current.set(tabValue, entry);
+  }, []);
+  const unregisterTab = useCallback(tabValue => {
+    tabsRef.current.delete(tabValue);
+  }, []);
+  const getTabs = useCallback(() => Array.from(tabsRef.current.entries()), []);
+  const reactId = useId();
+  const listId = `tabs-${reactId}`;
+  const contextValue = useMemo(() => ({
+    value,
+    onValueChange: setValue,
+    disabled,
+    activationMode,
+    orientation,
+    listId,
+    registerTab,
+    unregisterTab,
+    getTabs,
+    focusedValue,
+    setFocusedValue
+  }), [value, setValue, disabled, activationMode, orientation, listId, registerTab, unregisterTab, getTabs, focusedValue]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(TabsProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        disabled,
+        orientation
+      })),
+      children: children
+    })
+  });
+});
+TabsRoot.displayName = 'TabsRoot';
+//# sourceMappingURL=TabsRoot.js.map

package/lib/module/tabs/TabsRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useId","useMemo","useRef","useState","View","useControllableState","Slot","dataAttributes","mergeDataAttributes","TabsProvider","jsx","_jsx","TabsRoot","asChild","children","value","valueProp","defaultValue","onValueChange","activationMode","orientation","disabled","props","ref","setValue","prop","defaultProp","onChange","newValue","undefined","focusedValue","setFocusedValue","prev","tabsRef","Map","registerTab","tabValue","entry","current","set","unregisterTab","delete","getTabs","Array","from","entries","reactId","listId","contextValue","Comp","displayName"],"sourceRoot":"../../../src","sources":["tabs/TabsRoot.tsx"],"mappings":"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","ignoreList":[]}