@webority/mobile-ui 0.0.0-stage → 0.0.34

package/lib/commonjs/components/Radio/RadioGroup.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RadioGroup = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../../hooks/index.js");
+var _Radio = require("./Radio.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); }
+const RadioGroup = ({
+  value,
+  defaultValue,
+  onChange,
+  children,
+  disabled = false,
+  accessibilityLabel,
+  style,
+  testID
+}) => {
+  const [current, setCurrent] = (0, _index.useControllableState)({
+    value,
+    defaultValue: defaultValue ?? undefined,
+    onChange: onChange
+  });
+  const ctx = (0, _react.useMemo)(() => ({
+    selectedValue: current,
+    onChange: setCurrent,
+    disabled
+  }), [current, setCurrent, disabled]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.RadioGroupContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessibilityRole: "radiogroup",
+      accessibilityLabel: accessibilityLabel,
+      accessibilityState: {
+        disabled
+      },
+      testID: testID,
+      style: style,
+      children: children
+    })
+  });
+};
+exports.RadioGroup = RadioGroup;
+RadioGroup.displayName = 'RadioGroup';
+var _default = exports.default = RadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function () {
+    return _Radio.Radio;
+  }
+});
+Object.defineProperty(exports, "RadioDot", {
+  enumerable: true,
+  get: function () {
+    return _RadioDot.RadioDot;
+  }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function () {
+    return _RadioGroup.RadioGroup;
+  }
+});
+Object.defineProperty(exports, "RadioGroupContext", {
+  enumerable: true,
+  get: function () {
+    return _Radio.RadioGroupContext;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Radio.default;
+  }
+});
+Object.defineProperty(exports, "useRadioGroup", {
+  enumerable: true,
+  get: function () {
+    return _Radio.useRadioGroup;
+  }
+});
+var _Radio = _interopRequireWildcard(require("./Radio.js"));
+var _RadioDot = require("./RadioDot.js");
+var _RadioGroup = require("./RadioGroup.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

package/lib/commonjs/components/Rating/Rating.js

@@ -0,0 +1,338 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Rating = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _hapticUtils = require("../../utils/hapticUtils.js");
+var _index2 = require("../Skeleton/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); }
+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__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+    style: [starStyles.starWrap, {
+      width: size,
+      height: size,
+      transform: [{
+        scale
+      }]
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [starStyles.glyph, {
+        color: emptyColor,
+        fontSize: size,
+        lineHeight: size
+      }],
+      accessible: false,
+      children: '☆'
+    }), fillRatio > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      style: [starStyles.fillClip, {
+        width: size * fillRatio,
+        height: size
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [starStyles.glyph, {
+          color: filledColor,
+          fontSize: size,
+          lineHeight: size
+        }],
+        accessible: false,
+        children: '★'
+      })
+    }) : null]
+  });
+};
+const Rating = exports.Rating = /*#__PURE__*/(0, _react.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 = (0, _index.useTheme)();
+  const styles = (0, _react.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 = (0, _react.useRef)(starSize);
+  const handleStarLayout = (0, _react.useCallback)(e => {
+    starWidthRef.current = e.nativeEvent.layout.width;
+  }, []);
+  const scaleMapRef = (0, _react.useRef)(new Map());
+  const scaleRefs = (0, _react.useMemo)(() => {
+    const map = scaleMapRef.current;
+    const out = [];
+    for (let i = 0; i < max; i += 1) {
+      let v = map.get(i);
+      if (!v) {
+        v = new _reactNative.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 = (0, _react.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;
+    }
+    _reactNative.Animated.sequence([_reactNative.Animated.timing(v, {
+      toValue: pulseScale,
+      duration: theme.motion.duration.fast,
+      easing: _reactNative.Easing.bezier(...theme.motion.easing.standard),
+      useNativeDriver: true
+    }), _reactNative.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 = (0, _react.useCallback)((next, animatedIndex) => {
+    if (!interactive || !onChange) {
+      return;
+    }
+    const cleaned = clampToStep(next, max, step);
+    const h = (0, _hapticUtils.resolveHaptic)(haptic, 'selection');
+    if (h) {
+      (0, _hapticUtils.triggerHaptic)(h);
+    }
+    if (pulseOnPress && typeof animatedIndex === 'number') {
+      pulse(animatedIndex);
+    }
+    onChange(cleaned);
+  }, [interactive, onChange, max, step, pulse, haptic, pulseOnPress]);
+  const handleStarPress = (0, _react.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 = (0, _react.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__*/(0, _jsxRuntime.jsx)(Star, {
+      index: i,
+      filled: value,
+      size: starSize,
+      filledColor: filledColor,
+      emptyColor: emptyColor,
+      scale: scaleVal
+    }, i);
+    stars.push(interactive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: handleStarPress(i),
+      onLayout: i === 0 ? handleStarLayout : undefined,
+      hitSlop: 4,
+      accessible: false,
+      style: styles.starPress,
+      children: star
+    }, i) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      onLayout: i === 0 ? handleStarLayout : undefined,
+      style: styles.starPress,
+      children: star
+    }, i));
+  }
+  const rendered = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrapper, style, containerStyle],
+    ref: ref,
+    testID: testID,
+    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.label, {
+        color: theme.colors.text.secondary,
+        fontSize: theme.typography.fontSize.sm
+      }],
+      children: label
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      alignItems: 'flex-start'
+    }, containerStyle, style],
+    accessibilityRole: "progressbar",
+    accessibilityState: {
+      busy: true
+    },
+    children: [label !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Skeleton, {
+      shape: "text",
+      width: 80,
+      height: 14,
+      style: {
+        marginBottom: 6
+      }
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [{
+        flexDirection: 'row'
+      }, starContainerStyle],
+      children: Array.from({
+        length: stars
+      }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.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 = _reactNative.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 => _reactNative.StyleSheet.create({
+  wrapper: {
+    flexDirection: 'column'
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  starPress: {
+    marginRight: 4
+  },
+  label: {
+    marginBottom: 6
+  }
+});
+var _default = exports.default = Rating;
+//# sourceMappingURL=Rating.js.map

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Rating", {
+  enumerable: true,
+  get: function () {
+    return _Rating.Rating;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Rating.default;
+  }
+});
+var _Rating = _interopRequireWildcard(require("./Rating.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

package/lib/commonjs/components/Repeater/Repeater.js

@@ -0,0 +1,166 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Repeater = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _index2 = require("../../utils/index.js");
+var _index3 = require("../AppIcon/index.js");
+var _index4 = require("../Button/index.js");
+var _index5 = require("../IconButton/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); }
+/**
+ * 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`.
+ */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.
+ */
+const Repeater = ({
+  value,
+  onChange,
+  createRow,
+  renderRow,
+  addLabel = 'Add another',
+  rowLabel,
+  minRows = 0,
+  maxRows,
+  removable = true,
+  emptyText,
+  disabled = false,
+  haptic,
+  style,
+  testID
+}) => {
+  const theme = (0, _index.useTheme)();
+  const styles = (0, _react.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 = (0, _react.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 = (0, _react.useCallback)(fallback => {
+    const h = (0, _index2.resolveHaptic)(haptic, fallback);
+    if (h) {
+      (0, _index2.triggerHaptic)(h);
+    }
+  }, [haptic]);
+  const add = (0, _react.useCallback)(() => {
+    if (disabled || atMax) {
+      return;
+    }
+    onChange([...value, createRow()]);
+    fire('impactLight');
+  }, [atMax, createRow, disabled, fire, onChange, value]);
+  const updateAt = (0, _react.useCallback)((index, next) => {
+    onChange(value.map((row, i) => i === index ? next : row));
+  }, [onChange, value]);
+  const removeAt = (0, _react.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      gap: theme.spacing.md
+    }, style],
+    testID: testID,
+    children: [value.length === 0 && emptyText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.empty, {
+        color: theme.colors.text.tertiary,
+        fontSize: theme.typography.fontSize.sm
+      }],
+      children: emptyText
+    }) : null, value.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: theme.spacing.xs
+      },
+      children: [rowLabel || canRemove && !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.rowHeader,
+        children: [rowLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.rowLabel, {
+            color: theme.colors.text.tertiary,
+            fontSize: theme.typography.fontSize.xs
+          }],
+          children: rowLabel(index)
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {}), canRemove && !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.IconButton, {
+          icon: ({
+            color,
+            size
+          }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.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__*/(0, _jsxRuntime.jsx)(_index4.Button, {
+      title: addLabel,
+      onPress: add,
+      variant: "outline",
+      size: "sm",
+      haptic: haptic,
+      testID: testID ? `${testID}-add` : undefined
+    })]
+  });
+};
+exports.Repeater = Repeater;
+const buildStyles = theme => _reactNative.StyleSheet.create({
+  rowHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    minHeight: 24
+  },
+  rowLabel: {
+    ...(0, _index.fontFor)(theme, 'semibold'),
+    fontWeight: '600',
+    letterSpacing: 0.5,
+    textTransform: 'uppercase'
+  },
+  empty: {
+    ...(0, _index.fontFor)(theme, 'normal')
+  }
+});
+var _default = exports.default = Repeater;
+//# sourceMappingURL=Repeater.js.map

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Repeater", {
+  enumerable: true,
+  get: function () {
+    return _Repeater.Repeater;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Repeater.default;
+  }
+});
+var _Repeater = _interopRequireWildcard(require("./Repeater.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