@webority/mobile-ui 0.0.39 → 0.1.0

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

@@ -1,4 +1 @@
-"use strict";
-
-export { default, Stepper } from "./Stepper.js";
-//# sourceMappingURL=index.js.map
+export{default,Stepper}from"./Stepper.js";

package/lib/module/components/Swipeable/Swipeable.js

@@ -1,378 +1 @@
-"use strict";
-
-/**
- * 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>
- */
-
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { Dimensions, Pressable, StyleSheet, Text, View } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import Animated, { cancelAnimation, runOnJS, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
-import { useTheme } from "../../theme/index.js";
-import { resolveHaptic, triggerHaptic } from "../../utils/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 = 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 = useMemo(() => ({
-    damping: swipeTheme?.springDamping ?? SPRING_CONFIG.damping,
-    stiffness: swipeTheme?.springStiffness ?? SPRING_CONFIG.stiffness,
-    mass: swipeTheme?.springMass ?? SPRING_CONFIG.mass
-  }), [swipeTheme]);
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-  const hasLeft = !!leftActions && leftActions.length > 0;
-  const hasRight = !!rightActions && rightActions.length > 0;
-  const screenWidth = 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 = useSharedValue(0);
-  const dragStartX = useSharedValue(0);
-
-  // Mirror "is currently open + which side" on JS so we can debounce onSwipeOpen/onSwipeClose callbacks.
-  const openSideRef = useRef(null);
-
-  // ───────── Animation cleanup on unmount ─────────
-  useEffect(() => {
-    return () => {
-      cancelAnimation(translateX);
-      cancelAnimation(dragStartX);
-    };
-  }, [translateX, dragStartX]);
-
-  // ───────── JS-thread callbacks invoked from worklets ─────────
-  const notifyOpen = useCallback(side => {
-    if (openSideRef.current === side) {
-      return;
-    }
-    openSideRef.current = side;
-    onSwipeOpen?.(side);
-  }, [onSwipeOpen]);
-  const notifyClose = useCallback(() => {
-    if (openSideRef.current === null) {
-      return;
-    }
-    openSideRef.current = null;
-    onSwipeClose?.();
-  }, [onSwipeClose]);
-  const fireFirstAction = 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) {
-      triggerHaptic('notificationSuccess');
-    }
-    first.onPress();
-    // After the off-screen slide, snap back to 0 silently.
-    translateX.value = withSpring(0, springConfig);
-    openSideRef.current = null;
-    onSwipeClose?.();
-  }, [leftActions, rightActions, translateX, onSwipeClose, springConfig, haptic]);
-  const close = useCallback(() => {
-    translateX.value = withSpring(0, springConfig);
-    notifyClose();
-  }, [translateX, notifyClose, springConfig]);
-  const handleActionPress = useCallback(action => {
-    const h = resolveHaptic(haptic, 'selection');
-    if (h) {
-      triggerHaptic(h);
-    }
-    action.onPress();
-    close();
-  }, [close, haptic]);
-
-  // ───────── Pan gesture (UI thread) ─────────
-  const panGesture = 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 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 = withSpring(offScreenLeft, SPRING_CONFIG);
-        runOnJS(fireFirstAction)('left');
-        return;
-      }
-      if (allowRight && releaseX <= fullSwipeRight) {
-        translateX.value = withSpring(offScreenRight, SPRING_CONFIG);
-        runOnJS(fireFirstAction)('right');
-        return;
-      }
-
-      // Past open threshold → spring to open position.
-      if (allowLeft && releaseX >= openThreshold) {
-        translateX.value = withSpring(leftCap, SPRING_CONFIG);
-        runOnJS(notifyOpen)('left');
-        return;
-      }
-      if (allowRight && releaseX <= -openThreshold) {
-        translateX.value = withSpring(-rightCap, SPRING_CONFIG);
-        runOnJS(notifyOpen)('right');
-        return;
-      }
-
-      // Otherwise → spring back closed.
-      translateX.value = withSpring(0, springConfig);
-      runOnJS(notifyClose)();
-    });
-  }, [disabled, dragStartX, fireFirstAction, fullSwipeThreshold, hasLeft, hasRight, leftRevealWidth, notifyClose, notifyOpen, rightRevealWidth, screenWidth, threshold, translateX, dragActivationOffset, failOffsetY, rubberBandFactor, springConfig, testID]);
-
-  // ───────── Animated styles ─────────
-  const contentStyle = useAnimatedStyle(() => ({
-    transform: [{
-      translateX: translateX.value
-    }]
-  }));
-
-  // Each side fades in proportionally to how much it's been revealed.
-  const leftBgStyle = useAnimatedStyle(() => ({
-    opacity: leftRevealWidth > 0 ? Math.min(1, Math.max(0, translateX.value / leftRevealWidth)) : 0
-  }));
-  const rightBgStyle = 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 = 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 = useCallback(event => {
-    const name = event.nativeEvent.actionName;
-    const all = [...(leftActions ?? []), ...(rightActions ?? [])];
-    const match = all.find(a => a.key === name);
-    if (match) {
-      if (haptic !== false) {
-        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__*/_jsx(View, {
-      style: containerStyle,
-      testID: testID,
-      children: children
-    });
-  }
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.root, containerStyle],
-    testID: testID,
-    accessibilityLabel: accessibilityLabel,
-    accessibilityActions: a11yActions,
-    onAccessibilityAction: handleA11yAction,
-    children: [hasLeft ? /*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.actionsRow, styles.actionsLeft, {
-        width: leftRevealWidth
-      }, actionStyle, leftBgStyle],
-      pointerEvents: "box-none",
-      children: leftActions?.map(action => /*#__PURE__*/_jsx(ActionButton, {
-        action: action,
-        theme: theme,
-        width: threshold,
-        onPress: handleActionPress
-      }, action.key))
-    }) : null, hasRight ? /*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.actionsRow, styles.actionsRight, {
-        width: rightRevealWidth
-      }, actionStyle, rightBgStyle],
-      pointerEvents: "box-none",
-      children: rightActions?.map(action => /*#__PURE__*/_jsx(ActionButton, {
-        action: action,
-        theme: theme,
-        width: threshold,
-        onPress: handleActionPress
-      }, action.key))
-    }) : null, /*#__PURE__*/_jsx(GestureDetector, {
-      gesture: panGesture,
-      children: /*#__PURE__*/_jsx(Animated.View, {
-        style: [styles.content, contentSlotStyle, contentStyle],
-        children: children
-      })
-    })]
-  });
-};
-Swipeable.displayName = 'Swipeable';
-const ActionButton = ({
-  action,
-  theme,
-  width,
-  onPress
-}) => {
-  const tone = action.tone ?? 'neutral';
-  const bg = toneToBg(theme, tone);
-  return /*#__PURE__*/_jsxs(Pressable, {
-    onPress: () => onPress(action),
-    accessibilityRole: "button",
-    accessibilityLabel: action.label,
-    style: [actionStyles.button, {
-      width,
-      backgroundColor: bg,
-      paddingHorizontal: theme.spacing.sm
-    }],
-    children: [action.icon ? /*#__PURE__*/_jsx(View, {
-      style: actionStyles.icon,
-      children: action.icon
-    }) : null, /*#__PURE__*/_jsx(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 = StyleSheet.create({
-  button: {
-    flexGrow: 0,
-    flexShrink: 0,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  icon: {
-    marginBottom: 2
-  },
-  label: {
-    textAlign: 'center'
-  }
-});
-const buildStyles = _theme => 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'
-  }
-});
-export { Swipeable };
-export default Swipeable;
-//# sourceMappingURL=Swipeable.js.map
+import e,{useCallback as t,useEffect as n,useMemo as o,useRef as r}from"react";import{Dimensions as s,Pressable as i,StyleSheet as a,Text as l,View as c}from"react-native";import{Gesture as u,GestureDetector as h}from"react-native-gesture-handler";import d,{cancelAnimation as f,runOnJS as m,useAnimatedStyle as p,useSharedValue as g,withSpring as y}from"react-native-reanimated";import{useTheme as b}from"../../theme/index.js";import{resolveHaptic as v,triggerHaptic as w}from"../../utils/index.js";import{jsx as x,jsxs as S}from"react/jsx-runtime";const P={damping:22,stiffness:260,mass:1},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:i,leftActions:a,rightActions:l,threshold:k,fullSwipeThreshold:j,onSwipeOpen:A,onSwipeClose:E,disabled:L=!1,haptic:O,containerStyle:R,contentStyle:C,actionStyle:D,accessibilityLabel:I,testID:M}=e,z=b(),T=z.components.swipeable,V=k??T?.threshold??80,W=j??T?.fullSwipeThreshold??200,X=T?.dragActivationOffset??10,B=T?.rubberBandFactor??.35,N=T?.failOffsetY??15,Y=o(()=>({damping:T?.springDamping??P.damping,stiffness:T?.springStiffness??P.stiffness,mass:T?.springMass??P.mass}),[T]),F=o(()=>buildStyles(z),[z]),G=!!a&&a.length>0,H=!!l&&l.length>0,U=s.get("window").width,$=G?V*(a?.length??0):0,q=H?V*(l?.length??0):0,J=g(0),K=g(0),Q=r(null);n(()=>()=>{f(J),f(K)},[J,K]);const Z=t(e=>{Q.current!==e&&(Q.current=e,A?.(e))},[A]),_=t(()=>{null!==Q.current&&(Q.current=null,E?.())},[E]),ee=t(e=>{const t="left"===e?a:l,n=t?.[0];n&&(!1!==O&&w("notificationSuccess"),n.onPress(),J.value=y(0,Y),Q.current=null,E?.())},[a,l,J,E,Y,O]),te=t(()=>{J.value=y(0,Y),_()},[J,_,Y]),ne=t(e=>{const t=v(O,"selection");t&&w(t),e.onPress(),te()},[te,O]),oe=o(()=>{const e=$,t=q,n=W,o=-W,r=U,s=-U,i=V,a=G,l=H;return u.Pan().enabled(!L).withTestId(M?`${M}-gesture`:"swipeable-gesture").activeOffsetX([-X,X]).failOffsetY([-N,N]).onStart(()=>{K.value=J.value}).onUpdate(n=>{const o=K.value+n.translationX;J.value=o>0&&!a||o<0&&!l?0:o>e&&a?e+(o-e)*B:o<-t&&l?(o+t)*B-t:o}).onEnd(()=>{const c=J.value;return a&&c>=n?(J.value=y(r,P),void m(ee)("left")):l&&c<=o?(J.value=y(s,P),void m(ee)("right")):a&&c>=i?(J.value=y(e,P),void m(Z)("left")):l&&c<=-i?(J.value=y(-t,P),void m(Z)("right")):(J.value=y(0,Y),void m(_)())})},[L,K,ee,W,G,H,$,_,Z,q,U,V,J,X,N,B,Y,M]),re=p(()=>({transform:[{translateX:J.value}]})),se=p(()=>({opacity:$>0?Math.min(1,Math.max(0,J.value/$)):0})),ie=p(()=>({opacity:q>0?Math.min(1,Math.max(0,-J.value/q)):0})),ae=o(()=>{const e=[];return a?.forEach(t=>e.push({name:t.key,label:t.label})),l?.forEach(t=>e.push({name:t.key,label:t.label})),e},[a,l]),le=t(e=>{const t=e.nativeEvent.actionName,n=[...a??[],...l??[]].find(e=>e.key===t);n&&(!1!==O&&w("selection"),n.onPress())},[a,l,O]);return G||H?S(c,{style:[F.root,R],testID:M,accessibilityLabel:I,accessibilityActions:ae,onAccessibilityAction:le,children:[G?x(d.View,{style:[F.actionsRow,F.actionsLeft,{width:$},D,se],pointerEvents:"box-none",children:a?.map(e=>x(ActionButton,{action:e,theme:z,width:V,onPress:ne},e.key))}):null,H?x(d.View,{style:[F.actionsRow,F.actionsRight,{width:q},D,ie],pointerEvents:"box-none",children:l?.map(e=>x(ActionButton,{action:e,theme:z,width:V,onPress:ne},e.key))}):null,x(h,{gesture:oe,children:x(d.View,{style:[F.content,C,re],children:i})})]}):x(c,{style:R,testID:M,children:i})};Swipeable.displayName="Swipeable";const ActionButton=({action:e,theme:t,width:n,onPress:o})=>{const r=e.tone??"neutral",s=((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}})(t,r);return S(i,{onPress:()=>o(e),accessibilityRole:"button",accessibilityLabel:e.label,style:[k.button,{width:n,backgroundColor:s,paddingHorizontal:t.spacing.sm}],children:[e.icon?x(c,{style:k.icon,children:e.icon}):null,x(l,{style:[k.label,{color:toneToOnColor(t,r),fontSize:t.typography.fontSize.sm,fontWeight:t.typography.fontWeight.semibold}],numberOfLines:1,children:e.label})]})},k=a.create({button:{flexGrow:0,flexShrink:0,alignItems:"center",justifyContent:"center"},icon:{marginBottom:2},label:{textAlign:"center"}}),buildStyles=e=>a.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"}});export{Swipeable};export default Swipeable;

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

@@ -1,4 +1 @@
-"use strict";
-
-export { default, Swipeable } from "./Swipeable.js";
-//# sourceMappingURL=index.js.map
+export{default,Swipeable}from"./Swipeable.js";

package/lib/module/components/Switch/Switch.js

@@ -1,230 +1 @@
-"use strict";
-
-import { forwardRef, useEffect, useMemo, useRef } from 'react';
-import { Animated, Easing, Pressable, StyleSheet, Text, View } from 'react-native';
-import { useControllableState } from "../../hooks/index.js";
-import { createAnimatedValue, useTheme } from "../../theme/index.js";
-import { smoothCorners } from "../../utils/corners.js";
-import { triggerHaptic } from "../../utils/hapticUtils.js";
-import { jsx as _jsx, jsxs as _jsxs } from "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 = /*#__PURE__*/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] = useControllableState({
-    value,
-    defaultValue: defaultValue ?? false,
-    onChange
-  });
-  const theme = useTheme();
-  const sizeStyles = {
-    ...sizeMap[size],
-    ...(theme.components.switch?.[size] ?? {})
-  };
-  const switchThumbColor = theme.components.switch?.thumbColor ?? '#FFFFFF';
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-  const offTrackColor = theme.mode === 'dark' ? theme.colors.secondary : theme.colors.surface.disabled;
-  const onTrackColor = toneColor(theme, tone);
-  const progress = useRef(createAnimatedValue(current ? 1 : 0)).current;
-  useEffect(() => {
-    const anim = 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 = useRef(createAnimatedValue(current ? 1 : 0)).current;
-  useEffect(() => {
-    const anim = Animated.timing(trackBgAnim, {
-      toValue: current ? 1 : 0,
-      duration: theme.motion.duration.fast,
-      easing: Easing.out(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 = useRef(createAnimatedValue(1)).current;
-  const isFirstRender = 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
-  useEffect(() => {
-    if (!bounce) {
-      return;
-    }
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
-    const anim = Animated.sequence([Animated.spring(bounceScale, {
-      toValue: 1.15,
-      damping: 10,
-      stiffness: 220,
-      mass: 1,
-      useNativeDriver: true
-    }), 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) {
-      triggerHaptic(haptic);
-    }
-    setCurrent(!current);
-    rest.onPressOut?.(event);
-  };
-  const accessibleLabel = accessibilityLabel ?? label;
-  const switchEl = /*#__PURE__*/_jsx(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__*/_jsx(Animated.View, {
-      style: [styles.track, {
-        width: sizeStyles.trackWidth,
-        height: sizeStyles.trackHeight,
-        borderRadius: sizeStyles.trackHeight / 2,
-        ...smoothCorners,
-        backgroundColor: trackBg
-      }, trackStyle],
-      children: /*#__PURE__*/_jsx(Animated.View, {
-        style: [styles.thumb, theme.shadows.sm, {
-          backgroundColor: switchThumbColor,
-          width: sizeStyles.thumbSize,
-          height: sizeStyles.thumbSize,
-          borderRadius: sizeStyles.thumbSize / 2,
-          ...smoothCorners,
-          transform: [{
-            translateX
-          }, {
-            scale: bounceScale
-          }]
-        }, thumbStyle]
-      })
-    })
-  });
-  if (!label) {
-    if (!containerStyle) {
-      return switchEl;
-    }
-    return /*#__PURE__*/_jsx(View, {
-      style: containerStyle,
-      children: switchEl
-    });
-  }
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.row, containerStyle, style],
-    children: [switchEl, /*#__PURE__*/_jsx(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 => StyleSheet.create({
-  row: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  track: {
-    justifyContent: 'center'
-  },
-  thumb: {
-    position: 'absolute',
-    top: 2
-  },
-  label: {
-    marginLeft: 10,
-    flexShrink: 1
-  }
-});
-export { Switch };
-export default Switch;
-//# sourceMappingURL=Switch.js.map
+import{forwardRef as e,useEffect as t,useMemo as i,useRef as s}from"react";import{Animated as r,Easing as a,Pressable as o,StyleSheet as n,View as c}from"react-native";import{useControllableState as l}from"../../hooks/index.js";import{createAnimatedValue as d,useTheme as u}from"../../theme/index.js";import{smoothCorners as p}from"../../utils/corners.js";import{triggerHaptic as m}from"../../utils/hapticUtils.js";import{ChoiceText as h,hasChoiceDetail as b}from"../FieldBase/ChoiceText.js";import{jsx as g,jsxs as y}from"react/jsx-runtime";const f={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}},w=e((e,n)=>{const{value:w,defaultValue:k,onChange:v,disabled:x=!1,size:S="md",tone:R="primary",label:j,description:H,error:L,labelLines:z,layout:C="inline",accessibilityLabel:D,haptic:V="selection",bounce:F=!1,style:T,containerStyle:I,trackStyle:N,thumbStyle:W,testID:P,...B}=e,[q,O]=l({value:w,defaultValue:k??!1,onChange:v}),U=u(),X={...f[S],...U.components.switch?.[S]??{}},A=U.components.switch?.thumbColor??"#FFFFFF",E=i(()=>buildStyles(U),[U]),G="dark"===U.mode?U.colors.secondary:U.colors.surface.disabled,J=((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}})(U,R),K=s(d(q?1:0)).current;t(()=>{const e=r.spring(K,{toValue:q?1:0,damping:U.motion.spring.snappy.damping,stiffness:U.motion.spring.snappy.stiffness,mass:U.motion.spring.snappy.mass,useNativeDriver:!0});return e.start(),()=>e.stop()},[q,K,U.motion.spring.snappy]);const M=s(d(q?1:0)).current;t(()=>{const e=r.timing(M,{toValue:q?1:0,duration:U.motion.duration.fast,easing:a.out(a.ease),useNativeDriver:!1});return e.start(),()=>e.stop()},[q,M,U.motion.duration.fast]);const Q=X.padding,Y=X.trackWidth-X.thumbSize-X.padding,Z=K.interpolate({inputRange:[0,1],outputRange:[Q,Y]}),$=M.interpolate({inputRange:[0,1],outputRange:[G,J]}),_=s(d(1)).current,ee=s(!0);t(()=>{if(!F)return;if(ee.current)return void(ee.current=!1);const e=r.sequence([r.spring(_,{toValue:1.15,damping:10,stiffness:220,mass:1,useNativeDriver:!0}),r.spring(_,{toValue:1,damping:14,stiffness:240,mass:1,useNativeDriver:!0})]);return e.start(),()=>e.stop()},[q,F,_]);const handlePress=e=>{x||(!1!==V&&m(V),O(!q),B.onPressOut?.(e))},te=D??j,ie=Boolean(j)||b(H,L),se="row"===C&&ie,re=g(r.View,{style:[E.track,{width:X.trackWidth,height:X.trackHeight,borderRadius:X.trackHeight/2,...p,backgroundColor:$},N],children:g(r.View,{style:[E.thumb,U.shadows.sm,{backgroundColor:A,width:X.thumbSize,height:X.thumbSize,borderRadius:X.thumbSize/2,...p,transform:[{translateX:Z},{scale:_}]},W]})});if(se)return y(o,{ref:n,onPress:handlePress,disabled:x,accessibilityRole:"switch",accessibilityLabel:te,accessibilityHint:B.accessibilityHint??H,accessibilityState:{checked:q,disabled:x},testID:P,...B,style:({pressed:e})=>[E.row,E.spreadRow,b(H,L)?E.rowTop:null,{opacity:x?.55:e?.9:1},I,T],children:[g(h,{label:j,description:H,error:L,disabled:x,labelLines:z||void 0,descriptionLines:z||void 0,style:E.spreadText}),re]});const ae=g(o,{ref:n,onPress:handlePress,disabled:x,accessibilityRole:"switch",accessibilityLabel:te,accessibilityHint:B.accessibilityHint??H,accessibilityState:{checked:q,disabled:x},testID:P,hitSlop:8,...B,style:({pressed:e})=>[{opacity:x?.55:e?.9:1},ie?null:T],children:re});return ie?y(c,{style:[E.row,b(H,L)?E.rowTop:null,I,T],children:[ae,g(h,{label:j,description:H,error:L,disabled:x,labelLines:z||void 0,descriptionLines:z||void 0,style:E.text})]}):I?g(c,{style:I,children:ae}):ae});w.displayName="Switch";const buildStyles=e=>n.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}});export{w as Switch};export default w;

package/lib/module/components/Switch/index.js

@@ -1,4 +1 @@
-"use strict";
-
-export { default, Switch } from "./Switch.js";
-//# sourceMappingURL=index.js.map
+export{default,Switch}from"./Switch.js";