@webority/mobile-ui 0.0.38 → 0.1.0

package/lib/commonjs/components/Stepper/index.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Stepper", {
-  enumerable: true,
-  get: function () {
-    return _Stepper.Stepper;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Stepper.default;
-  }
-});
-var _Stepper = _interopRequireWildcard(require("./Stepper.js"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Stepper",{enumerable:!0,get:function(){return _Stepper.Stepper}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Stepper.default}});var _Stepper=_interopRequireWildcard(require("./Stepper.js"));function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var p,o,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(p=r?n:t){if(p.has(e))return p.get(e);p.set(e,u)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=(p=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(o.get||o.set)?p(u,r,o):u[r]=e[r]);return u})(e,r)}

package/lib/commonjs/components/Swipeable/Swipeable.js

@@ -1,383 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Swipeable = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeGestureHandler = require("react-native-gesture-handler");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _index = require("../../theme/index.js");
-var _index2 = require("../../utils/index.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * Swipeable — Reanimated 3 + Gesture Handler 2 implementation.
- *
- * Wraps any content and reveals contextual actions when the user
- * swipes left or right. Past `fullSwipeThreshold`, the first action
- * fires automatically and the content slides off-screen.
- *
- * USAGE:
- *
- * <Swipeable
- *   leftActions={[{ key: 'archive', label: 'Archive', tone: 'success', onPress: handleArchive }]}
- *   rightActions={[{ key: 'delete', label: 'Delete', tone: 'error', onPress: handleDelete }]}
- * >
- *   <ListItem title="Inbox item" />
- * </Swipeable>
- */
-
-const SPRING_CONFIG = {
-  damping: 22,
-  stiffness: 260,
-  mass: 1
-};
-const DRAG_ACTIVATION_OFFSET = 10;
-const RUBBER_BAND_FACTOR = 0.35;
-const FAIL_OFFSET_Y = 15;
-const toneToBg = (theme, tone) => {
-  switch (tone) {
-    case 'primary':
-      return theme.colors.primary;
-    case 'success':
-      return theme.colors.success;
-    case 'warning':
-      return theme.colors.warning;
-    case 'error':
-      return theme.colors.error;
-    case 'neutral':
-    default:
-      return theme.colors.secondary;
-  }
-};
-const Swipeable = props => {
-  const {
-    children,
-    leftActions,
-    rightActions,
-    threshold: thresholdProp,
-    fullSwipeThreshold: fullSwipeThresholdProp,
-    onSwipeOpen,
-    onSwipeClose,
-    disabled = false,
-    haptic,
-    containerStyle,
-    contentStyle: contentSlotStyle,
-    actionStyle,
-    accessibilityLabel,
-    testID
-  } = props;
-  const theme = (0, _index.useTheme)();
-  const swipeTheme = theme.components.swipeable;
-  const threshold = thresholdProp ?? swipeTheme?.threshold ?? 80;
-  const fullSwipeThreshold = fullSwipeThresholdProp ?? swipeTheme?.fullSwipeThreshold ?? 200;
-  const dragActivationOffset = swipeTheme?.dragActivationOffset ?? DRAG_ACTIVATION_OFFSET;
-  const rubberBandFactor = swipeTheme?.rubberBandFactor ?? RUBBER_BAND_FACTOR;
-  const failOffsetY = swipeTheme?.failOffsetY ?? FAIL_OFFSET_Y;
-  const springConfig = (0, _react.useMemo)(() => ({
-    damping: swipeTheme?.springDamping ?? SPRING_CONFIG.damping,
-    stiffness: swipeTheme?.springStiffness ?? SPRING_CONFIG.stiffness,
-    mass: swipeTheme?.springMass ?? SPRING_CONFIG.mass
-  }), [swipeTheme]);
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const hasLeft = !!leftActions && leftActions.length > 0;
-  const hasRight = !!rightActions && rightActions.length > 0;
-  const screenWidth = _reactNative.Dimensions.get('window').width;
-
-  // Per-side total reveal width; each individual action is totalRevealWidth / actions.length.
-  const leftRevealWidth = hasLeft ? threshold * (leftActions?.length ?? 0) : 0;
-  const rightRevealWidth = hasRight ? threshold * (rightActions?.length ?? 0) : 0;
-
-  // translateX: 0 = closed, +leftRevealWidth = left actions revealed, -rightRevealWidth = right actions revealed.
-  const translateX = (0, _reactNativeReanimated.useSharedValue)(0);
-  const dragStartX = (0, _reactNativeReanimated.useSharedValue)(0);
-
-  // Mirror "is currently open + which side" on JS so we can debounce onSwipeOpen/onSwipeClose callbacks.
-  const openSideRef = (0, _react.useRef)(null);
-
-  // ───────── Animation cleanup on unmount ─────────
-  (0, _react.useEffect)(() => {
-    return () => {
-      (0, _reactNativeReanimated.cancelAnimation)(translateX);
-      (0, _reactNativeReanimated.cancelAnimation)(dragStartX);
-    };
-  }, [translateX, dragStartX]);
-
-  // ───────── JS-thread callbacks invoked from worklets ─────────
-  const notifyOpen = (0, _react.useCallback)(side => {
-    if (openSideRef.current === side) {
-      return;
-    }
-    openSideRef.current = side;
-    onSwipeOpen?.(side);
-  }, [onSwipeOpen]);
-  const notifyClose = (0, _react.useCallback)(() => {
-    if (openSideRef.current === null) {
-      return;
-    }
-    openSideRef.current = null;
-    onSwipeClose?.();
-  }, [onSwipeClose]);
-  const fireFirstAction = (0, _react.useCallback)(side => {
-    const list = side === 'left' ? leftActions : rightActions;
-    const first = list?.[0];
-    // Structurally unreachable, not a bug guard: both call sites below are
-    // gated on allowLeft/allowRight (== hasLeft/hasRight), which is exactly
-    // "list has at least one element". Kept for type narrowing on `first`.
-    if (!first) {
-      return;
-    }
-    if (haptic !== false) {
-      (0, _index2.triggerHaptic)('notificationSuccess');
-    }
-    first.onPress();
-    // After the off-screen slide, snap back to 0 silently.
-    translateX.value = (0, _reactNativeReanimated.withSpring)(0, springConfig);
-    openSideRef.current = null;
-    onSwipeClose?.();
-  }, [leftActions, rightActions, translateX, onSwipeClose, springConfig, haptic]);
-  const close = (0, _react.useCallback)(() => {
-    translateX.value = (0, _reactNativeReanimated.withSpring)(0, springConfig);
-    notifyClose();
-  }, [translateX, notifyClose, springConfig]);
-  const handleActionPress = (0, _react.useCallback)(action => {
-    const h = (0, _index2.resolveHaptic)(haptic, 'selection');
-    if (h) {
-      (0, _index2.triggerHaptic)(h);
-    }
-    action.onPress();
-    close();
-  }, [close, haptic]);
-
-  // ───────── Pan gesture (UI thread) ─────────
-  const panGesture = (0, _react.useMemo)(() => {
-    const leftCap = leftRevealWidth;
-    const rightCap = rightRevealWidth;
-    const fullSwipeLeft = fullSwipeThreshold; // positive when swiping right→reveal left
-    const fullSwipeRight = -fullSwipeThreshold; // negative when swiping left→reveal right
-    const offScreenLeft = screenWidth;
-    const offScreenRight = -screenWidth;
-    const openThreshold = threshold;
-    const allowLeft = hasLeft;
-    const allowRight = hasRight;
-    return _reactNativeGestureHandler.Gesture.Pan().enabled(!disabled).withTestId(testID ? `${testID}-gesture` : 'swipeable-gesture').activeOffsetX([-dragActivationOffset, dragActivationOffset]).failOffsetY([-failOffsetY, failOffsetY]).onStart(() => {
-      'worklet';
-
-      dragStartX.value = translateX.value;
-    }).onUpdate(event => {
-      'worklet';
-
-      const next = dragStartX.value + event.translationX;
-      // Disallow swipe in directions with no actions configured.
-      if (next > 0 && !allowLeft) {
-        translateX.value = 0;
-        return;
-      }
-      if (next < 0 && !allowRight) {
-        translateX.value = 0;
-        return;
-      }
-      // Rubber-band past the open position so it still feels physical past the cap.
-      if (next > leftCap && allowLeft) {
-        translateX.value = leftCap + (next - leftCap) * rubberBandFactor;
-      } else if (next < -rightCap && allowRight) {
-        translateX.value = -rightCap + (next + rightCap) * rubberBandFactor;
-      } else {
-        translateX.value = next;
-      }
-    }).onEnd(() => {
-      'worklet';
-
-      const releaseX = translateX.value;
-
-      // Past full-swipe threshold on either side → fire first action and slide off-screen.
-      if (allowLeft && releaseX >= fullSwipeLeft) {
-        translateX.value = (0, _reactNativeReanimated.withSpring)(offScreenLeft, SPRING_CONFIG);
-        (0, _reactNativeReanimated.runOnJS)(fireFirstAction)('left');
-        return;
-      }
-      if (allowRight && releaseX <= fullSwipeRight) {
-        translateX.value = (0, _reactNativeReanimated.withSpring)(offScreenRight, SPRING_CONFIG);
-        (0, _reactNativeReanimated.runOnJS)(fireFirstAction)('right');
-        return;
-      }
-
-      // Past open threshold → spring to open position.
-      if (allowLeft && releaseX >= openThreshold) {
-        translateX.value = (0, _reactNativeReanimated.withSpring)(leftCap, SPRING_CONFIG);
-        (0, _reactNativeReanimated.runOnJS)(notifyOpen)('left');
-        return;
-      }
-      if (allowRight && releaseX <= -openThreshold) {
-        translateX.value = (0, _reactNativeReanimated.withSpring)(-rightCap, SPRING_CONFIG);
-        (0, _reactNativeReanimated.runOnJS)(notifyOpen)('right');
-        return;
-      }
-
-      // Otherwise → spring back closed.
-      translateX.value = (0, _reactNativeReanimated.withSpring)(0, springConfig);
-      (0, _reactNativeReanimated.runOnJS)(notifyClose)();
-    });
-  }, [disabled, dragStartX, fireFirstAction, fullSwipeThreshold, hasLeft, hasRight, leftRevealWidth, notifyClose, notifyOpen, rightRevealWidth, screenWidth, threshold, translateX, dragActivationOffset, failOffsetY, rubberBandFactor, springConfig, testID]);
-
-  // ───────── Animated styles ─────────
-  const contentStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    transform: [{
-      translateX: translateX.value
-    }]
-  }));
-
-  // Each side fades in proportionally to how much it's been revealed.
-  const leftBgStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    opacity: leftRevealWidth > 0 ? Math.min(1, Math.max(0, translateX.value / leftRevealWidth)) : 0
-  }));
-  const rightBgStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    opacity: rightRevealWidth > 0 ? Math.min(1, Math.max(0, -translateX.value / rightRevealWidth)) : 0
-  }));
-
-  // ───────── A11y actions (so AT users don't need to swipe) ─────────
-  const a11yActions = (0, _react.useMemo)(() => {
-    const out = [];
-    leftActions?.forEach(a => out.push({
-      name: a.key,
-      label: a.label
-    }));
-    rightActions?.forEach(a => out.push({
-      name: a.key,
-      label: a.label
-    }));
-    return out;
-  }, [leftActions, rightActions]);
-  const handleA11yAction = (0, _react.useCallback)(event => {
-    const name = event.nativeEvent.actionName;
-    const all = [...(leftActions ?? []), ...(rightActions ?? [])];
-    const match = all.find(a => a.key === name);
-    if (match) {
-      if (haptic !== false) {
-        (0, _index2.triggerHaptic)('selection');
-      }
-      match.onPress();
-    }
-  }, [leftActions, rightActions, haptic]);
-
-  // ───────── Render ─────────
-  // No actions configured → render children directly; zero gesture overhead.
-  if (!hasLeft && !hasRight) {
-    // testID must survive this shortcut too — a consumer targeting a Swipeable
-    // with no actions configured would otherwise find nothing.
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: containerStyle,
-      testID: testID,
-      children: children
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.root, containerStyle],
-    testID: testID,
-    accessibilityLabel: accessibilityLabel,
-    accessibilityActions: a11yActions,
-    onAccessibilityAction: handleA11yAction,
-    children: [hasLeft ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: [styles.actionsRow, styles.actionsLeft, {
-        width: leftRevealWidth
-      }, actionStyle, leftBgStyle],
-      pointerEvents: "box-none",
-      children: leftActions?.map(action => /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionButton, {
-        action: action,
-        theme: theme,
-        width: threshold,
-        onPress: handleActionPress
-      }, action.key))
-    }) : null, hasRight ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: [styles.actionsRow, styles.actionsRight, {
-        width: rightRevealWidth
-      }, actionStyle, rightBgStyle],
-      pointerEvents: "box-none",
-      children: rightActions?.map(action => /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionButton, {
-        action: action,
-        theme: theme,
-        width: threshold,
-        onPress: handleActionPress
-      }, action.key))
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
-      gesture: panGesture,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-        style: [styles.content, contentSlotStyle, contentStyle],
-        children: children
-      })
-    })]
-  });
-};
-exports.Swipeable = Swipeable;
-Swipeable.displayName = 'Swipeable';
-const ActionButton = ({
-  action,
-  theme,
-  width,
-  onPress
-}) => {
-  const tone = action.tone ?? 'neutral';
-  const bg = toneToBg(theme, tone);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-    onPress: () => onPress(action),
-    accessibilityRole: "button",
-    accessibilityLabel: action.label,
-    style: [actionStyles.button, {
-      width,
-      backgroundColor: bg,
-      paddingHorizontal: theme.spacing.sm
-    }],
-    children: [action.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: actionStyles.icon,
-      children: action.icon
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [actionStyles.label, {
-        color: theme.colors.text.inverse,
-        fontSize: theme.typography.fontSize.sm,
-        fontWeight: theme.typography.fontWeight.semibold
-      }],
-      numberOfLines: 1,
-      children: action.label
-    })]
-  });
-};
-const actionStyles = _reactNative.StyleSheet.create({
-  button: {
-    flexGrow: 0,
-    flexShrink: 0,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  icon: {
-    marginBottom: 2
-  },
-  label: {
-    textAlign: 'center'
-  }
-});
-const buildStyles = _theme => _reactNative.StyleSheet.create({
-  root: {
-    position: 'relative',
-    overflow: 'hidden'
-  },
-  content: {
-    backgroundColor: 'transparent'
-  },
-  actionsRow: {
-    position: 'absolute',
-    top: 0,
-    bottom: 0,
-    flexDirection: 'row'
-  },
-  actionsLeft: {
-    left: 0
-  },
-  actionsRight: {
-    right: 0,
-    justifyContent: 'flex-end'
-  }
-});
-var _default = exports.default = Swipeable;
-//# sourceMappingURL=Swipeable.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Swipeable=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,r,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(n=t?i:a){if(n.has(e))return n.get(e);n.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((r=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(r.get||r.set)?n(s,t,r):s[t]=e[t]);return s})(e,t)}const SPRING_CONFIG={damping:22,stiffness:260,mass:1},DRAG_ACTIVATION_OFFSET=10,RUBBER_BAND_FACTOR=.35,FAIL_OFFSET_Y=15,toneToBg=(e,t)=>{switch(t){case"primary":return e.colors.primary;case"success":return e.colors.success;case"warning":return e.colors.warning;case"error":return e.colors.error;default:return e.colors.secondary}},toneToOnColor=(e,t)=>{switch(t){case"primary":return e.colors.onPrimary;case"success":return e.colors.onSuccess;case"warning":return e.colors.onWarning;case"error":return e.colors.onError;default:return e.colors.onSecondary}},Swipeable=e=>{const{children:t,leftActions:a,rightActions:i,threshold:n,fullSwipeThreshold:r,onSwipeOpen:s,onSwipeClose:o,disabled:c=!1,haptic:l,containerStyle:u,contentStyle:d,actionStyle:_,accessibilityLabel:m,testID:p}=e,v=(0,_index.useTheme)(),f=v.components.swipeable,h=n??f?.threshold??80,S=r??f?.fullSwipeThreshold??200,R=f?.dragActivationOffset??10,g=f?.rubberBandFactor??.35,y=f?.failOffsetY??15,N=(0,_react.useMemo)(()=>({damping:f?.springDamping??SPRING_CONFIG.damping,stiffness:f?.springStiffness??SPRING_CONFIG.stiffness,mass:f?.springMass??SPRING_CONFIG.mass}),[f]),b=(0,_react.useMemo)(()=>buildStyles(v),[v]),w=!!a&&a.length>0,x=!!i&&i.length>0,j=_reactNative.Dimensions.get("window").width,O=w?h*(a?.length??0):0,I=x?h*(i?.length??0):0,C=(0,_reactNativeReanimated.useSharedValue)(0),G=(0,_reactNativeReanimated.useSharedValue)(0),P=(0,_react.useRef)(null);(0,_react.useEffect)(()=>()=>{(0,_reactNativeReanimated.cancelAnimation)(C),(0,_reactNativeReanimated.cancelAnimation)(G)},[C,G]);const A=(0,_react.useCallback)(e=>{P.current!==e&&(P.current=e,s?.(e))},[s]),k=(0,_react.useCallback)(()=>{null!==P.current&&(P.current=null,o?.())},[o]),F=(0,_react.useCallback)(e=>{const t="left"===e?a:i,n=t?.[0];n&&(!1!==l&&(0,_index2.triggerHaptic)("notificationSuccess"),n.onPress(),C.value=(0,_reactNativeReanimated.withSpring)(0,N),P.current=null,o?.())},[a,i,C,o,N,l]),M=(0,_react.useCallback)(()=>{C.value=(0,_reactNativeReanimated.withSpring)(0,N),k()},[C,k,N]),T=(0,_react.useCallback)(e=>{const t=(0,_index2.resolveHaptic)(l,"selection");t&&(0,_index2.triggerHaptic)(t),e.onPress(),M()},[M,l]),q=(0,_react.useMemo)(()=>{const e=O,t=I,a=S,i=-S,n=j,r=-j,s=h,o=w,l=x;return _reactNativeGestureHandler.Gesture.Pan().enabled(!c).withTestId(p?`${p}-gesture`:"swipeable-gesture").activeOffsetX([-R,R]).failOffsetY([-y,y]).onStart(()=>{G.value=C.value}).onUpdate(a=>{const i=G.value+a.translationX;C.value=i>0&&!o||i<0&&!l?0:i>e&&o?e+(i-e)*g:i<-t&&l?(i+t)*g-t:i}).onEnd(()=>{const c=C.value;return o&&c>=a?(C.value=(0,_reactNativeReanimated.withSpring)(n,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(F)("left")):l&&c<=i?(C.value=(0,_reactNativeReanimated.withSpring)(r,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(F)("right")):o&&c>=s?(C.value=(0,_reactNativeReanimated.withSpring)(e,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(A)("left")):l&&c<=-s?(C.value=(0,_reactNativeReanimated.withSpring)(-t,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(A)("right")):(C.value=(0,_reactNativeReanimated.withSpring)(0,N),void(0,_reactNativeReanimated.runOnJS)(k)())})},[c,G,F,S,w,x,O,k,A,I,j,h,C,R,y,g,N,p]),E=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:C.value}]})),B=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:O>0?Math.min(1,Math.max(0,C.value/O)):0})),D=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:I>0?Math.min(1,Math.max(0,-C.value/I)):0})),W=(0,_react.useMemo)(()=>{const e=[];return a?.forEach(t=>e.push({name:t.key,label:t.label})),i?.forEach(t=>e.push({name:t.key,label:t.label})),e},[a,i]),V=(0,_react.useCallback)(e=>{const t=e.nativeEvent.actionName,n=[...a??[],...i??[]].find(e=>e.key===t);n&&(!1!==l&&(0,_index2.triggerHaptic)("selection"),n.onPress())},[a,i,l]);return w||x?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[b.root,u],testID:p,accessibilityLabel:m,accessibilityActions:W,onAccessibilityAction:V,children:[w?(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[b.actionsRow,b.actionsLeft,{width:O},_,B],pointerEvents:"box-none",children:a?.map(e=>(0,_jsxRuntime.jsx)(ActionButton,{action:e,theme:v,width:h,onPress:T},e.key))}):null,x?(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[b.actionsRow,b.actionsRight,{width:I},_,D],pointerEvents:"box-none",children:i?.map(e=>(0,_jsxRuntime.jsx)(ActionButton,{action:e,theme:v,width:h,onPress:T},e.key))}):null,(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:q,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[b.content,d,E],children:t})})]}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:u,testID:p,children:t})};exports.Swipeable=Swipeable,Swipeable.displayName="Swipeable";const ActionButton=({action:e,theme:t,width:a,onPress:i})=>{const n=e.tone??"neutral",r=toneToBg(t,n);return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>i(e),accessibilityRole:"button",accessibilityLabel:e.label,style:[actionStyles.button,{width:a,backgroundColor:r,paddingHorizontal:t.spacing.sm}],children:[e.icon?(0,_jsxRuntime.jsx)(_reactNative.View,{style:actionStyles.icon,children:e.icon}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[actionStyles.label,{color:toneToOnColor(t,n),fontSize:t.typography.fontSize.sm,fontWeight:t.typography.fontWeight.semibold}],numberOfLines:1,children:e.label})]})},actionStyles=_reactNative.StyleSheet.create({button:{flexGrow:0,flexShrink:0,alignItems:"center",justifyContent:"center"},icon:{marginBottom:2},label:{textAlign:"center"}}),buildStyles=e=>_reactNative.StyleSheet.create({root:{position:"relative",overflow:"hidden"},content:{backgroundColor:"transparent"},actionsRow:{position:"absolute",top:0,bottom:0,flexDirection:"row"},actionsLeft:{left:0},actionsRight:{right:0,justifyContent:"flex-end"}});var _default=exports.default=Swipeable;

package/lib/commonjs/components/Swipeable/index.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Swipeable", {
-  enumerable: true,
-  get: function () {
-    return _Swipeable.Swipeable;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Swipeable.default;
-  }
-});
-var _Swipeable = _interopRequireWildcard(require("./Swipeable.js"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Swipeable",{enumerable:!0,get:function(){return _Swipeable.Swipeable}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Swipeable.default}});var _Swipeable=_interopRequireWildcard(require("./Swipeable.js"));function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var i,o,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(i=r?n:t){if(i.has(e))return i.get(e);i.set(e,u)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(o.get||o.set)?i(u,r,o):u[r]=e[r]);return u})(e,r)}

package/lib/commonjs/components/Switch/Switch.js

@@ -1,233 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Switch = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _index = require("../../hooks/index.js");
-var _index2 = require("../../theme/index.js");
-var _corners = require("../../utils/corners.js");
-var _hapticUtils = require("../../utils/hapticUtils.js");
-var _jsxRuntime = require("react/jsx-runtime");
-const sizeMap = {
-  sm: {
-    trackWidth: 42,
-    trackHeight: 26,
-    thumbSize: 22,
-    padding: 2
-  },
-  md: {
-    trackWidth: 51,
-    trackHeight: 31,
-    thumbSize: 27,
-    padding: 2
-  },
-  lg: {
-    trackWidth: 60,
-    trackHeight: 36,
-    thumbSize: 32,
-    padding: 2
-  }
-};
-const toneColor = (theme, tone) => {
-  switch (tone) {
-    case 'success':
-      return theme.colors.success;
-    case 'warning':
-      return theme.colors.warning;
-    case 'error':
-      return theme.colors.error;
-    case 'primary':
-    default:
-      return theme.colors.primary;
-  }
-};
-const Switch = exports.Switch = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    value,
-    defaultValue,
-    onChange,
-    disabled = false,
-    size = 'md',
-    tone = 'primary',
-    label,
-    accessibilityLabel,
-    haptic = 'selection',
-    bounce = false,
-    style,
-    containerStyle,
-    trackStyle,
-    thumbStyle,
-    testID,
-    ...rest
-  } = props;
-  const [current, setCurrent] = (0, _index.useControllableState)({
-    value,
-    defaultValue: defaultValue ?? false,
-    onChange
-  });
-  const theme = (0, _index2.useTheme)();
-  const sizeStyles = {
-    ...sizeMap[size],
-    ...(theme.components.switch?.[size] ?? {})
-  };
-  const switchThumbColor = theme.components.switch?.thumbColor ?? '#FFFFFF';
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const offTrackColor = theme.mode === 'dark' ? theme.colors.secondary : theme.colors.surface.disabled;
-  const onTrackColor = toneColor(theme, tone);
-  const progress = (0, _react.useRef)((0, _index2.createAnimatedValue)(current ? 1 : 0)).current;
-  (0, _react.useEffect)(() => {
-    const anim = _reactNative.Animated.spring(progress, {
-      toValue: current ? 1 : 0,
-      damping: theme.motion.spring.snappy.damping,
-      stiffness: theme.motion.spring.snappy.stiffness,
-      mass: theme.motion.spring.snappy.mass,
-      useNativeDriver: true
-    });
-    anim.start();
-    return () => anim.stop();
-  }, [current, progress, theme.motion.spring.snappy]);
-  const trackBgAnim = (0, _react.useRef)((0, _index2.createAnimatedValue)(current ? 1 : 0)).current;
-  (0, _react.useEffect)(() => {
-    const anim = _reactNative.Animated.timing(trackBgAnim, {
-      toValue: current ? 1 : 0,
-      duration: theme.motion.duration.fast,
-      easing: _reactNative.Easing.out(_reactNative.Easing.ease),
-      useNativeDriver: false
-    });
-    anim.start();
-    return () => anim.stop();
-  }, [current, trackBgAnim, theme.motion.duration.fast]);
-  const offX = sizeStyles.padding;
-  const onX = sizeStyles.trackWidth - sizeStyles.thumbSize - sizeStyles.padding;
-  const translateX = progress.interpolate({
-    inputRange: [0, 1],
-    outputRange: [offX, onX]
-  });
-  const trackBg = trackBgAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [offTrackColor, onTrackColor]
-  });
-  const bounceScale = (0, _react.useRef)((0, _index2.createAnimatedValue)(1)).current;
-  const isFirstRender = (0, _react.useRef)(true);
-  // biome-ignore lint/correctness/useExhaustiveDependencies: `current` is the TRIGGER, not a read: the bounce must fire when the value toggles. Biome sees it unused in the body; removing it would silently kill the animation
-  (0, _react.useEffect)(() => {
-    if (!bounce) {
-      return;
-    }
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
-    const anim = _reactNative.Animated.sequence([_reactNative.Animated.spring(bounceScale, {
-      toValue: 1.15,
-      damping: 10,
-      stiffness: 220,
-      mass: 1,
-      useNativeDriver: true
-    }), _reactNative.Animated.spring(bounceScale, {
-      toValue: 1,
-      damping: 14,
-      stiffness: 240,
-      mass: 1,
-      useNativeDriver: true
-    })]);
-    anim.start();
-    return () => anim.stop();
-  }, [current, bounce, bounceScale]);
-  const handlePress = event => {
-    if (disabled) {
-      return;
-    }
-    if (haptic !== false) {
-      (0, _hapticUtils.triggerHaptic)(haptic);
-    }
-    setCurrent(!current);
-    rest.onPressOut?.(event);
-  };
-  const accessibleLabel = accessibilityLabel ?? label;
-  const switchEl = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    ref: ref,
-    onPress: handlePress,
-    disabled: disabled,
-    accessibilityRole: "switch",
-    accessibilityLabel: accessibleLabel,
-    accessibilityState: {
-      checked: current,
-      disabled
-    },
-    testID: testID,
-    hitSlop: 8,
-    ...rest,
-    style: ({
-      pressed
-    }) => [{
-      opacity: disabled ? 0.55 : pressed ? 0.9 : 1
-    }, label ? null : style],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [styles.track, {
-        width: sizeStyles.trackWidth,
-        height: sizeStyles.trackHeight,
-        borderRadius: sizeStyles.trackHeight / 2,
-        ..._corners.smoothCorners,
-        backgroundColor: trackBg
-      }, trackStyle],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-        style: [styles.thumb, theme.shadows.sm, {
-          backgroundColor: switchThumbColor,
-          width: sizeStyles.thumbSize,
-          height: sizeStyles.thumbSize,
-          borderRadius: sizeStyles.thumbSize / 2,
-          ..._corners.smoothCorners,
-          transform: [{
-            translateX
-          }, {
-            scale: bounceScale
-          }]
-        }, thumbStyle]
-      })
-    })
-  });
-  if (!label) {
-    if (!containerStyle) {
-      return switchEl;
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: containerStyle,
-      children: switchEl
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.row, containerStyle, style],
-    children: [switchEl, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.label, {
-        color: disabled ? theme.colors.text.disabled : theme.colors.text.primary,
-        fontSize: theme.typography.fontSize.base
-      }],
-      numberOfLines: 1,
-      children: label
-    })]
-  });
-});
-Switch.displayName = 'Switch';
-const buildStyles = _theme => _reactNative.StyleSheet.create({
-  row: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  track: {
-    justifyContent: 'center'
-  },
-  thumb: {
-    position: 'absolute',
-    top: 2
-  },
-  label: {
-    marginLeft: 10,
-    flexShrink: 1
-  }
-});
-var _default = exports.default = Switch;
-//# sourceMappingURL=Switch.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Switch=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_ChoiceText=require("../FieldBase/ChoiceText.js"),_jsxRuntime=require("react/jsx-runtime");const sizeMap={sm:{trackWidth:42,trackHeight:26,thumbSize:22,padding:2},md:{trackWidth:51,trackHeight:31,thumbSize:27,padding:2},lg:{trackWidth:60,trackHeight:36,thumbSize:32,padding:2}},toneColor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"error":return e.colors.error;default:return e.colors.primary}},Switch=exports.Switch=(0,_react.forwardRef)((e,t)=>{const{value:i,defaultValue:s,onChange:r,disabled:a=!1,size:n="md",tone:c="primary",label:o,description:l,error:u,labelLines:d,layout:h="inline",accessibilityLabel:p,haptic:m="selection",bounce:_=!1,style:b,containerStyle:x,trackStyle:g,thumbStyle:f,testID:y,...v}=e,[w,j]=(0,_index.useControllableState)({value:i,defaultValue:s??!1,onChange:r}),R=(0,_index2.useTheme)(),C={...sizeMap[n],...R.components.switch?.[n]??{}},S=R.components.switch?.thumbColor??"#FFFFFF",N=(0,_react.useMemo)(()=>buildStyles(R),[R]),k="dark"===R.mode?R.colors.secondary:R.colors.surface.disabled,T=toneColor(R,c),V=(0,_react.useRef)((0,_index2.createAnimatedValue)(w?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.spring(V,{toValue:w?1:0,damping:R.motion.spring.snappy.damping,stiffness:R.motion.spring.snappy.stiffness,mass:R.motion.spring.snappy.mass,useNativeDriver:!0});return e.start(),()=>e.stop()},[w,V,R.motion.spring.snappy]);const D=(0,_react.useRef)((0,_index2.createAnimatedValue)(w?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.timing(D,{toValue:w?1:0,duration:R.motion.duration.fast,easing:_reactNative.Easing.out(_reactNative.Easing.ease),useNativeDriver:!1});return e.start(),()=>e.stop()},[w,D,R.motion.duration.fast]);const H=C.padding,z=C.trackWidth-C.thumbSize-C.padding,A=V.interpolate({inputRange:[0,1],outputRange:[H,z]}),q=D.interpolate({inputRange:[0,1],outputRange:[k,T]}),L=(0,_react.useRef)((0,_index2.createAnimatedValue)(1)).current,F=(0,_react.useRef)(!0);(0,_react.useEffect)(()=>{if(!_)return;if(F.current)return void(F.current=!1);const e=_reactNative.Animated.sequence([_reactNative.Animated.spring(L,{toValue:1.15,damping:10,stiffness:220,mass:1,useNativeDriver:!0}),_reactNative.Animated.spring(L,{toValue:1,damping:14,stiffness:240,mass:1,useNativeDriver:!0})]);return e.start(),()=>e.stop()},[w,_,L]);const handlePress=e=>{a||(!1!==m&&(0,_hapticUtils.triggerHaptic)(m),j(!w),v.onPressOut?.(e))},P=p??o,E=Boolean(o)||(0,_ChoiceText.hasChoiceDetail)(l,u),I="row"===h&&E,W=(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[N.track,{width:C.trackWidth,height:C.trackHeight,borderRadius:C.trackHeight/2,..._corners.smoothCorners,backgroundColor:q},g],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[N.thumb,R.shadows.sm,{backgroundColor:S,width:C.thumbSize,height:C.thumbSize,borderRadius:C.thumbSize/2,..._corners.smoothCorners,transform:[{translateX:A},{scale:L}]},f]})});if(I)return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:t,onPress:handlePress,disabled:a,accessibilityRole:"switch",accessibilityLabel:P,accessibilityHint:v.accessibilityHint??l,accessibilityState:{checked:w,disabled:a},testID:y,...v,style:({pressed:e})=>[N.row,N.spreadRow,(0,_ChoiceText.hasChoiceDetail)(l,u)?N.rowTop:null,{opacity:a?.55:e?.9:1},x,b],children:[(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{label:o,description:l,error:u,disabled:a,labelLines:d||void 0,descriptionLines:d||void 0,style:N.spreadText}),W]});const M=(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:t,onPress:handlePress,disabled:a,accessibilityRole:"switch",accessibilityLabel:P,accessibilityHint:v.accessibilityHint??l,accessibilityState:{checked:w,disabled:a},testID:y,hitSlop:8,...v,style:({pressed:e})=>[{opacity:a?.55:e?.9:1},E?null:b],children:W});return E?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[N.row,(0,_ChoiceText.hasChoiceDetail)(l,u)?N.rowTop:null,x,b],children:[M,(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{label:o,description:l,error:u,disabled:a,labelLines:d||void 0,descriptionLines:d||void 0,style:N.text})]}):x?(0,_jsxRuntime.jsx)(_reactNative.View,{style:x,children:M}):M});Switch.displayName="Switch";const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},track:{justifyContent:"center"},thumb:{position:"absolute",top:2},rowTop:{alignItems:"flex-start"},text:{marginLeft:10},spreadRow:{minHeight:44,justifyContent:"space-between"},spreadText:{flex:1,marginRight:12}});var _default=exports.default=Switch;