@webority/mobile-ui 0.0.39 → 0.1.0

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

@@ -1,6 +1 @@
-"use strict";
-
-export { default, Radio, RadioGroupContext, useRadioGroup } from "./Radio.js";
-export { RadioDot } from "./RadioDot.js";
-export { RadioGroup } from "./RadioGroup.js";
-//# sourceMappingURL=index.js.map
+export{default,Radio,RadioGroupContext,useRadioGroup}from"./Radio.js";export{RadioDot}from"./RadioDot.js";export{RadioGroup}from"./RadioGroup.js";

package/lib/module/components/Rating/Rating.js

@@ -1,334 +1 @@
-"use strict";
-
-import React, { forwardRef, useCallback, useMemo, useRef } from 'react';
-import { Animated, Easing, Pressable, StyleSheet, Text, View } from 'react-native';
-import { useTheme } from "../../theme/index.js";
-import { resolveHaptic, triggerHaptic } from "../../utils/hapticUtils.js";
-import { Skeleton } from "../Skeleton/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const sizePxMap = {
-  sm: 16,
-  md: 24,
-  lg: 32
-};
-const resolveSize = size => typeof size === 'number' ? size : sizePxMap[size];
-const toneColorFor = (theme, tone) => {
-  switch (tone) {
-    case 'primary':
-      return theme.colors.primary;
-    case 'warning':
-    default:
-      return theme.colors.warning;
-  }
-};
-const clampToStep = (raw, max, step) => {
-  const clamped = Math.max(0, Math.min(max, raw));
-  const stepped = Math.round(clamped / step) * step;
-  return Number(stepped.toFixed(2));
-};
-const Star = ({
-  index,
-  filled,
-  size,
-  filledColor,
-  emptyColor,
-  scale
-}) => {
-  const fillRatio = Math.max(0, Math.min(1, filled - index));
-  return /*#__PURE__*/_jsxs(Animated.View, {
-    style: [starStyles.starWrap, {
-      width: size,
-      height: size,
-      transform: [{
-        scale
-      }]
-    }],
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: [starStyles.glyph, {
-        color: emptyColor,
-        fontSize: size,
-        lineHeight: size
-      }],
-      accessible: false,
-      children: '☆'
-    }), fillRatio > 0 ? /*#__PURE__*/_jsx(View, {
-      pointerEvents: "none",
-      style: [starStyles.fillClip, {
-        width: size * fillRatio,
-        height: size
-      }],
-      children: /*#__PURE__*/_jsx(Text, {
-        style: [starStyles.glyph, {
-          color: filledColor,
-          fontSize: size,
-          lineHeight: size
-        }],
-        accessible: false,
-        children: '★'
-      })
-    }) : null]
-  });
-};
-const Rating = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    value,
-    onChange,
-    max = 5,
-    allowHalf = true,
-    readonly: readonlyProp = false,
-    size = 'md',
-    tone = 'warning',
-    label,
-    loading = false,
-    haptic,
-    accessibilityLabel,
-    style,
-    containerStyle,
-    starContainerStyle,
-    testID
-  } = props;
-  const theme = useTheme();
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-  const interactive = !readonlyProp && typeof onChange === 'function';
-  const step = allowHalf ? 0.5 : 1;
-  const starSize = resolveSize(size);
-  const filledColor = toneColorFor(theme, tone);
-  const emptyColor = theme.colors.border.primary;
-  const starWidthRef = useRef(starSize);
-  const handleStarLayout = useCallback(e => {
-    starWidthRef.current = e.nativeEvent.layout.width;
-  }, []);
-  const scaleMapRef = useRef(new Map());
-  const scaleRefs = useMemo(() => {
-    const map = scaleMapRef.current;
-    const out = [];
-    for (let i = 0; i < max; i += 1) {
-      let v = map.get(i);
-      if (!v) {
-        v = new Animated.Value(1);
-        map.set(i, v);
-      }
-      out.push(v);
-    }
-    for (const key of Array.from(map.keys())) {
-      if (key >= max) {
-        map.delete(key);
-      }
-    }
-    return out;
-  }, [max]);
-  const pulseOnPress = theme.components.rating?.pulseOnPress ?? false;
-  const pulseScale = theme.components.rating?.pulseScale ?? 1.2;
-  const pulse = useCallback(idx => {
-    const v = scaleRefs[idx];
-    // Equivalent mutant, not an untested guard: `pulse` is only ever invoked from
-    // `commit` with an `animatedIndex` sourced from the star-loop below, which
-    // only pushes indices already confirmed present in `scaleRefs` (same render,
-    // same `max`). `v` is therefore always defined here — no reachable input
-    // makes this `return` fire, so no test can kill its removal.
-    if (!v) {
-      return;
-    }
-    Animated.sequence([Animated.timing(v, {
-      toValue: pulseScale,
-      duration: theme.motion.duration.fast,
-      easing: Easing.bezier(...theme.motion.easing.standard),
-      useNativeDriver: true
-    }), Animated.spring(v, {
-      toValue: 1,
-      damping: theme.motion.spring.bouncy.damping,
-      stiffness: theme.motion.spring.bouncy.stiffness,
-      mass: theme.motion.spring.bouncy.mass,
-      useNativeDriver: true
-    })]).start();
-  }, [theme.motion, pulseScale, scaleRefs]);
-  const commit = useCallback((next, animatedIndex) => {
-    if (!interactive || !onChange) {
-      return;
-    }
-    const cleaned = clampToStep(next, max, step);
-    const h = resolveHaptic(haptic, 'selection');
-    if (h) {
-      triggerHaptic(h);
-    }
-    if (pulseOnPress && typeof animatedIndex === 'number') {
-      pulse(animatedIndex);
-    }
-    onChange(cleaned);
-  }, [interactive, onChange, max, step, pulse, haptic, pulseOnPress]);
-  const handleStarPress = useCallback(index => e => {
-    if (!interactive) {
-      return;
-    }
-    const w = starWidthRef.current || starSize;
-    const localX = e.nativeEvent.locationX ?? w;
-    let next;
-    if (allowHalf && localX < w / 2) {
-      next = index + 0.5;
-    } else {
-      next = index + 1;
-    }
-    commit(next, index);
-  }, [interactive, starSize, allowHalf, commit]);
-  const onAccessibilityAction = useCallback(e => {
-    if (!interactive) {
-      return;
-    }
-    if (e.nativeEvent.actionName === 'increment') {
-      commit(value + step);
-    } else if (e.nativeEvent.actionName === 'decrement') {
-      commit(value - step);
-    }
-  }, [interactive, value, step, commit]);
-  const valueText = `${value} of ${max} stars`;
-  const a11yLabel = accessibilityLabel ?? label ?? valueText;
-  const stars = [];
-  for (let i = 0; i < max; i += 1) {
-    const scaleVal = scaleRefs[i];
-    if (!scaleVal) {
-      continue;
-    }
-    const star = /*#__PURE__*/_jsx(Star, {
-      index: i,
-      filled: value,
-      size: starSize,
-      filledColor: filledColor,
-      emptyColor: emptyColor,
-      scale: scaleVal
-    }, i);
-    stars.push(interactive ? /*#__PURE__*/_jsx(Pressable, {
-      onPress: handleStarPress(i),
-      onLayout: i === 0 ? handleStarLayout : undefined,
-      hitSlop: 4,
-      accessible: false,
-      style: styles.starPress,
-      children: star
-    }, i) : /*#__PURE__*/_jsx(View, {
-      onLayout: i === 0 ? handleStarLayout : undefined,
-      style: styles.starPress,
-      children: star
-    }, i));
-  }
-  const rendered = /*#__PURE__*/_jsxs(View, {
-    style: [styles.wrapper, style, containerStyle],
-    ref: ref,
-    testID: testID,
-    children: [label ? /*#__PURE__*/_jsx(Text, {
-      style: [styles.label, {
-        color: theme.colors.text.secondary,
-        fontSize: theme.typography.fontSize.sm
-      }],
-      children: label
-    }) : null, /*#__PURE__*/_jsx(View, {
-      style: [styles.row, starContainerStyle],
-      accessible: true,
-      accessibilityRole: interactive ? 'adjustable' : 'text',
-      accessibilityLabel: a11yLabel,
-      accessibilityValue: interactive ? {
-        min: 0,
-        max,
-        now: value,
-        text: valueText
-      } : undefined,
-      accessibilityActions: interactive ? [{
-        name: 'increment'
-      }, {
-        name: 'decrement'
-      }] : undefined,
-      onAccessibilityAction: interactive ? onAccessibilityAction : undefined,
-      children: stars
-    })]
-  });
-  if (loading) {
-    return /*#__PURE__*/_jsx(RatingSkeleton, {
-      ...props
-    });
-  }
-  return rendered;
-});
-Rating.displayName = 'Rating';
-
-/**
- * Placeholder shape for `<Rating>`. Row of N star-shaped skeletons sized
- * exactly like the live stars, plus an optional label line above. The
- * footprint stays identical between loading and loaded states.
- */
-const RatingSkeleton = ({
-  max = 5,
-  size = 'md',
-  label,
-  containerStyle,
-  starContainerStyle,
-  style
-}) => {
-  const starSize = resolveSize(size);
-  const stars = Math.max(1, max);
-  return /*#__PURE__*/_jsxs(View, {
-    style: [{
-      alignItems: 'flex-start'
-    }, containerStyle, style],
-    accessibilityRole: "progressbar",
-    accessibilityState: {
-      busy: true
-    },
-    children: [label !== undefined ? /*#__PURE__*/_jsx(Skeleton, {
-      shape: "text",
-      width: 80,
-      height: 14,
-      style: {
-        marginBottom: 6
-      }
-    }) : null, /*#__PURE__*/_jsx(View, {
-      style: [{
-        flexDirection: 'row'
-      }, starContainerStyle],
-      children: Array.from({
-        length: stars
-      }).map((_, i) => /*#__PURE__*/_jsx(Skeleton, {
-        width: starSize,
-        height: starSize,
-        radius: Math.round(starSize * 0.25),
-        style: i < stars - 1 ? {
-          marginRight: 4
-        } : undefined
-      }, `sk-star-${i}`))
-    })]
-  });
-};
-RatingSkeleton.displayName = 'RatingSkeleton';
-Rating.Skeleton = RatingSkeleton;
-const starStyles = StyleSheet.create({
-  starWrap: {
-    position: 'relative',
-    alignItems: 'flex-start',
-    justifyContent: 'center'
-  },
-  glyph: {
-    textAlign: 'left',
-    includeFontPadding: false
-  },
-  fillClip: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    overflow: 'hidden'
-  }
-});
-const buildStyles = _theme => StyleSheet.create({
-  wrapper: {
-    flexDirection: 'column'
-  },
-  row: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  starPress: {
-    marginRight: 4
-  },
-  label: {
-    marginBottom: 6
-  }
-});
-export { Rating };
-export default Rating;
-//# sourceMappingURL=Rating.js.map
+import e,{forwardRef as t,useCallback as i,useMemo as n,useRef as o}from"react";import{Animated as r,Easing as s,Pressable as l,StyleSheet as a,Text as c,View as m}from"react-native";import{useTheme as d}from"../../theme/index.js";import{resolveHaptic as y,triggerHaptic as p}from"../../utils/hapticUtils.js";import{Skeleton as u}from"../Skeleton/index.js";import{jsx as h,jsxs as f}from"react/jsx-runtime";const g={sm:16,md:24,lg:32},resolveSize=e=>"number"==typeof e?e:g[e],Star=({index:e,filled:t,size:i,filledColor:n,emptyColor:o,scale:s})=>{const l=Math.max(0,Math.min(1,t-e));return f(r.View,{style:[x.starWrap,{width:i,height:i,transform:[{scale:s}]}],children:[h(c,{style:[x.glyph,{color:o,fontSize:i,lineHeight:i}],accessible:!1,children:"☆"}),l>0?h(m,{pointerEvents:"none",style:[x.fillClip,{width:i*l,height:i}],children:h(c,{style:[x.glyph,{color:n,fontSize:i,lineHeight:i}],accessible:!1,children:"★"})}):null]})},b=t((e,t)=>{const{value:a,onChange:u,max:g=5,allowHalf:b=!0,readonly:x=!1,size:v="md",tone:w="warning",label:S,loading:C=!1,haptic:z,accessibilityLabel:j,style:M,containerStyle:D,starContainerStyle:N,testID:A}=e,P=d(),R=n(()=>buildStyles(P),[P]),k=!x&&"function"==typeof u,E=b?.5:1,I=resolveSize(v),V=((e,t)=>"primary"===t?e.colors.primary:e.colors.warning)(P,w),L=P.colors.border.primary,H=o(I),$=i(e=>{H.current=e.nativeEvent.layout.width},[]),B=o(new Map),F=n(()=>{const e=B.current,t=[];for(let i=0;i<g;i+=1){let n=e.get(i);n||(n=new r.Value(1),e.set(i,n)),t.push(n)}for(const t of Array.from(e.keys()))t>=g&&e.delete(t);return t},[g]),W=P.components.rating?.pulseOnPress??!1,q=P.components.rating?.pulseScale??1.2,O=i(e=>{const t=F[e];t&&r.sequence([r.timing(t,{toValue:q,duration:P.motion.duration.fast,easing:s.bezier(...P.motion.easing.standard),useNativeDriver:!0}),r.spring(t,{toValue:1,damping:P.motion.spring.bouncy.damping,stiffness:P.motion.spring.bouncy.stiffness,mass:P.motion.spring.bouncy.mass,useNativeDriver:!0})]).start()},[P.motion,q,F]),U=i((e,t)=>{if(!k||!u)return;const i=((e,t,i)=>{const n=Math.max(0,Math.min(t,e)),o=Math.round(n/i)*i;return Number(o.toFixed(2))})(e,g,E),n=y(z,"selection");n&&p(n),W&&"number"==typeof t&&O(t),u(i)},[k,u,g,E,O,z,W]),X=i(e=>t=>{if(!k)return;const i=H.current||I,n=t.nativeEvent.locationX??i;let o;o=b&&n<i/2?e+.5:e+1,U(o,e)},[k,I,b,U]),G=i(e=>{k&&("increment"===e.nativeEvent.actionName?U(a+E):"decrement"===e.nativeEvent.actionName&&U(a-E))},[k,a,E,U]),J=`${a} of ${g} stars`,K=j??S??J,Q=[];for(let e=0;e<g;e+=1){const t=F[e];if(!t)continue;const i=h(Star,{index:e,filled:a,size:I,filledColor:V,emptyColor:L,scale:t},e);Q.push(k?h(l,{onPress:X(e),onLayout:0===e?$:void 0,hitSlop:4,accessible:!1,style:R.starPress,children:i},e):h(m,{onLayout:0===e?$:void 0,style:R.starPress,children:i},e))}const T=f(m,{style:[R.wrapper,M,D],ref:t,testID:A,children:[S?h(c,{style:[R.label,{color:P.colors.text.secondary,fontSize:P.typography.fontSize.sm}],children:S}):null,h(m,{style:[R.row,N],accessible:!0,accessibilityRole:k?"adjustable":"text",accessibilityLabel:K,accessibilityValue:k?{min:0,max:g,now:a,text:J}:void 0,accessibilityActions:k?[{name:"increment"},{name:"decrement"}]:void 0,onAccessibilityAction:k?G:void 0,children:Q})]});return C?h(RatingSkeleton,{...e}):T});b.displayName="Rating";const RatingSkeleton=({max:e=5,size:t="md",label:i,containerStyle:n,starContainerStyle:o,style:r})=>{const s=resolveSize(t),l=Math.max(1,e);return f(m,{style:[{alignItems:"flex-start"},n,r],accessibilityRole:"progressbar",accessibilityState:{busy:!0},children:[void 0!==i?h(u,{shape:"text",width:80,height:14,style:{marginBottom:6}}):null,h(m,{style:[{flexDirection:"row"},o],children:Array.from({length:l}).map((e,t)=>h(u,{width:s,height:s,radius:Math.round(.25*s),style:t<l-1?{marginRight:4}:void 0},`sk-star-${t}`))})]})};RatingSkeleton.displayName="RatingSkeleton",b.Skeleton=RatingSkeleton;const x=a.create({starWrap:{position:"relative",alignItems:"flex-start",justifyContent:"center"},glyph:{textAlign:"left",includeFontPadding:!1},fillClip:{position:"absolute",top:0,left:0,overflow:"hidden"}}),buildStyles=e=>a.create({wrapper:{flexDirection:"column"},row:{flexDirection:"row",alignItems:"center"},starPress:{marginRight:4},label:{marginBottom:6}});export{b as Rating};export default b;

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

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

package/lib/module/components/Repeater/Repeater.js

@@ -1,162 +1 @@
-"use strict";
-
-import React, { useCallback, useMemo, useRef } from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { fontFor, useTheme } from "../../theme/index.js";
-import { resolveHaptic, triggerHaptic } from "../../utils/index.js";
-import { AppIcon } from "../AppIcon/index.js";
-import { Button } from "../Button/index.js";
-import { IconButton } from "../IconButton/index.js";
-
-/**
- * Row keys have to survive a removal. Keying by index looked safe because
- * reordering is not part of this contract, but `removeAt` IS a reorder: it
- * shifts every later row down one, so React reconciles the mounted rows by
- * position and feeds them the next row's data. Everything React does not own
- * stays behind with the wrong row — the keyboard focus, the text cursor, the
- * IME buffer, and any state a consumer put inside `renderRow`.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-let rowIdCounter = 0;
-const nextRowId = () => {
-  rowIdCounter += 1;
-  return `row-${rowIdCounter}`;
-};
-/**
- * Add / remove / edit a list of form rows — line items, phone numbers,
- * addresses. Owns the array mechanics (immutably) so each screen stops
- * re-deriving splice/map logic, and keeps the min/max rules in one place where
- * they can't disagree between the add button and the remove button.
- */
-export const Repeater = ({
-  value,
-  onChange,
-  createRow,
-  renderRow,
-  addLabel = 'Add another',
-  rowLabel,
-  minRows = 0,
-  maxRows,
-  removable = true,
-  emptyText,
-  disabled = false,
-  haptic,
-  style,
-  testID
-}) => {
-  const theme = useTheme();
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-
-  // `add` and `removeAt` keep this in step themselves, so the only work left
-  // here is a value the PARENT changed behind our back: pad or trim at the end,
-  // which is where an external append or truncate happens.
-  const rowIds = useRef([]);
-  if (rowIds.current.length < value.length) {
-    while (rowIds.current.length < value.length) {
-      rowIds.current.push(nextRowId());
-    }
-  } else if (rowIds.current.length > value.length) {
-    rowIds.current.length = value.length;
-  }
-  const atMax = typeof maxRows === 'number' && value.length >= maxRows;
-  const canRemove = removable && value.length > minRows;
-  const fire = useCallback(fallback => {
-    const h = resolveHaptic(haptic, fallback);
-    if (h) {
-      triggerHaptic(h);
-    }
-  }, [haptic]);
-  const add = useCallback(() => {
-    if (disabled || atMax) {
-      return;
-    }
-    onChange([...value, createRow()]);
-    fire('impactLight');
-  }, [atMax, createRow, disabled, fire, onChange, value]);
-  const updateAt = useCallback((index, next) => {
-    onChange(value.map((row, i) => i === index ? next : row));
-  }, [onChange, value]);
-  const removeAt = useCallback(index => {
-    if (disabled || !canRemove) {
-      return;
-    }
-    rowIds.current = rowIds.current.filter((_, i) => i !== index);
-    onChange(value.filter((_, i) => i !== index));
-    fire('notificationWarning');
-  }, [canRemove, disabled, fire, onChange, value]);
-  return /*#__PURE__*/_jsxs(View, {
-    style: [{
-      gap: theme.spacing.md
-    }, style],
-    testID: testID,
-    children: [value.length === 0 && emptyText ? /*#__PURE__*/_jsx(Text, {
-      style: [styles.empty, {
-        color: theme.colors.text.tertiary,
-        fontSize: theme.typography.fontSize.sm
-      }],
-      children: emptyText
-    }) : null, value.map((item, index) => /*#__PURE__*/_jsxs(View, {
-      style: {
-        gap: theme.spacing.xs
-      },
-      children: [rowLabel || canRemove && !disabled ? /*#__PURE__*/_jsxs(View, {
-        style: styles.rowHeader,
-        children: [rowLabel ? /*#__PURE__*/_jsx(Text, {
-          style: [styles.rowLabel, {
-            color: theme.colors.text.tertiary,
-            fontSize: theme.typography.fontSize.xs
-          }],
-          children: rowLabel(index)
-        }) : /*#__PURE__*/_jsx(View, {}), canRemove && !disabled ? /*#__PURE__*/_jsx(IconButton, {
-          icon: ({
-            color,
-            size
-          }) => /*#__PURE__*/_jsx(AppIcon, {
-            name: "x",
-            size: size,
-            color: color
-          }),
-          onPress: () => removeAt(index),
-          accessibilityLabel: `Remove ${rowLabel ? rowLabel(index) : `row ${index + 1}`}`,
-          size: "sm",
-          tone: "error",
-          variant: "ghost",
-          haptic: haptic,
-          testID: testID ? `${testID}-remove-${index}` : undefined
-        }) : null]
-      }) : null, renderRow({
-        item,
-        index,
-        update: next => updateAt(index, next),
-        remove: () => removeAt(index),
-        canRemove
-      })]
-    }, rowIds.current[index])), atMax || disabled ? null : /*#__PURE__*/_jsx(Button, {
-      title: addLabel,
-      onPress: add,
-      variant: "outline",
-      size: "sm",
-      haptic: haptic,
-      testID: testID ? `${testID}-add` : undefined
-    })]
-  });
-};
-const buildStyles = theme => StyleSheet.create({
-  rowHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    minHeight: 24
-  },
-  rowLabel: {
-    ...fontFor(theme, 'semibold'),
-    fontWeight: '600',
-    letterSpacing: 0.5,
-    textTransform: 'uppercase'
-  },
-  empty: {
-    ...fontFor(theme, 'normal')
-  }
-});
-export default Repeater;
-//# sourceMappingURL=Repeater.js.map
+import e,{useCallback as t,useMemo as r,useRef as o}from"react";import{StyleSheet as n,Text as i,View as s}from"react-native";import{fontFor as l,useTheme as a}from"../../theme/index.js";import{resolveHaptic as c,triggerHaptic as m}from"../../utils/index.js";import{AppIcon as p}from"../AppIcon/index.js";import{Button as d}from"../Button/index.js";import{IconButton as h}from"../IconButton/index.js";import{jsx as u,jsxs as g}from"react/jsx-runtime";let f=0;const nextRowId=()=>(f+=1,`row-${f}`);export const Repeater=({value:e,onChange:n,createRow:l,renderRow:f,addLabel:x="Add another",rowLabel:y,renderRowHeader:w,onRemove:v,minRows:b=0,maxRows:R,removable:j=!0,emptyText:z,disabled:I=!1,haptic:L,style:$,testID:D})=>{const S=a(),H=r(()=>buildStyles(S),[S]),A=o([]);if(A.current.length<e.length)for(;A.current.length<e.length;)A.current.push(nextRowId());else A.current.length>e.length&&(A.current.length=e.length);const B="number"==typeof R&&e.length>=R,C=j&&e.length>b,P=t(e=>{const t=c(L,e);t&&m(t)},[L]),T=t(()=>{I||B||(n([...e,l()]),P("impactLight"))},[B,l,I,P,n,e]),W=t((t,r)=>{n(e.map((e,o)=>o===t?r:e))},[n,e]),k=t(t=>{!I&&C&&(A.current=A.current.filter((e,r)=>r!==t),v?.(t,e[t]),n(e.filter((e,r)=>r!==t)),P("notificationWarning"))},[C,I,P,n,v,e]);return g(s,{style:[{gap:S.spacing.md},$],testID:D,children:[0===e.length&&z?u(i,{style:[H.empty,{color:S.colors.text.tertiary,fontSize:S.typography.fontSize.sm}],children:z}):null,e.map((e,t)=>{const r={item:e,index:t,update:e=>W(t,e),remove:()=>k(t),canRemove:C};return g(s,{style:{gap:S.spacing.xs},children:[w?w(r):y||C&&!I?g(s,{style:H.rowHeader,children:[y?u(i,{style:[H.rowLabel,{color:S.colors.text.tertiary,fontSize:S.typography.fontSize.xs}],children:y(t)}):u(s,{}),C&&!I?u(h,{icon:({color:e,size:t})=>u(p,{name:"x",size:t,color:e}),onPress:()=>k(t),accessibilityLabel:`Remove ${y?y(t):`row ${t+1}`}`,size:"sm",tone:"error",variant:"ghost",haptic:L,testID:D?`${D}-remove-${t}`:void 0}):null]}):null,f(r)]},A.current[t])}),B||I?null:u(d,{title:x,onPress:T,variant:"outline",size:"sm",haptic:L,testID:D?`${D}-add`:void 0})]})};const buildStyles=e=>n.create({rowHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",minHeight:24},rowLabel:{...l(e,"semibold"),fontWeight:"600",letterSpacing:.5,textTransform:"uppercase"},empty:{...l(e,"normal")}});export default Repeater;

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

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