@webority-technologies/mobile 0.0.1

package/lib/commonjs/components/FAB/FAB.js

@@ -0,0 +1,457 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FABGroup = exports.FAB = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _index = require("../../theme/index.js");
+var _usePressAnimation = require("../../hooks/usePressAnimation.js");
+var _hapticUtils = require("../../utils/hapticUtils.js");
+var _index2 = require("../Icon/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 sizeMap = {
+  sm: {
+    diameter: 40,
+    iconSize: 18,
+    fontSize: 13,
+    labelPaddingHorizontal: 14
+  },
+  md: {
+    diameter: 56,
+    iconSize: 22,
+    fontSize: 15,
+    labelPaddingHorizontal: 18
+  },
+  lg: {
+    diameter: 72,
+    iconSize: 28,
+    fontSize: 16,
+    labelPaddingHorizontal: 22
+  }
+};
+const toneBackground = (theme, tone) => {
+  switch (tone) {
+    case 'success':
+      return theme.colors.success;
+    case 'warning':
+      return theme.colors.warning;
+    case 'error':
+      return theme.colors.error;
+    case 'neutral':
+      return theme.colors.background.tertiary;
+    case 'primary':
+    default:
+      return theme.colors.primary;
+  }
+};
+const toneForeground = (theme, tone) => {
+  if (tone === 'neutral') return theme.colors.text.primary;
+  return theme.colors.text.inverse;
+};
+const isIconConfig = value => {
+  return typeof value === 'object' && value !== null && ! /*#__PURE__*/_react.default.isValidElement(value) && typeof value.name === 'string';
+};
+const FAB = exports.FAB = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    icon,
+    onPress,
+    label,
+    size = 'md',
+    tone = 'primary',
+    position,
+    bottomOffset,
+    disabled = false,
+    hideOnScroll = false,
+    isScrolling = false,
+    accessibilityLabel,
+    accessibilityHint,
+    style,
+    testID
+  } = props;
+  const theme = (0, _index.useTheme)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const sizeStyles = sizeMap[size];
+  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
+  const {
+    scale,
+    pressIn,
+    pressOut
+  } = (0, _usePressAnimation.usePressAnimation)({
+    enabled: !disabled
+  });
+  const hideAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    if (!hideOnScroll) {
+      hideAnim.setValue(0);
+      return;
+    }
+    _reactNative.Animated.timing(hideAnim, {
+      toValue: isScrolling ? 1 : 0,
+      duration: theme.motion.duration.normal,
+      easing: _reactNative.Easing.bezier(...theme.motion.easing.standard),
+      useNativeDriver: true
+    }).start();
+  }, [hideOnScroll, isScrolling, hideAnim, theme.motion.duration.normal, theme.motion.easing.standard]);
+  const hideTranslateY = hideAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, sizeStyles.diameter + (bottomOffset ?? 24) + insets.bottom + 24]
+  });
+  const hideOpacity = hideAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [1, 0]
+  });
+  const handlePress = _event => {
+    if (disabled) return;
+    (0, _hapticUtils.triggerHaptic)('impactLight');
+    onPress();
+  };
+  const renderedIcon = isIconConfig(icon) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Icon, {
+    name: icon.name,
+    family: icon.family ?? 'feather',
+    size: sizeStyles.iconSize,
+    color: toneForeground(theme, tone)
+  }) : icon;
+  const isExtended = typeof label === 'string' && label.length > 0;
+  const backgroundColor = disabled ? theme.colors.surface.disabled : toneBackground(theme, tone);
+  const foregroundColor = disabled ? theme.colors.text.disabled : toneForeground(theme, tone);
+  const positionStyle = (0, _react.useMemo)(() => {
+    if (!position) return null;
+    const bottom = (bottomOffset ?? 24) + insets.bottom;
+    switch (position) {
+      case 'bottomLeft':
+        return {
+          position: 'absolute',
+          bottom,
+          left: 24
+        };
+      case 'bottomCenter':
+        return {
+          position: 'absolute',
+          bottom,
+          alignSelf: 'center'
+        };
+      case 'bottomRight':
+      default:
+        return {
+          position: 'absolute',
+          bottom,
+          right: 24
+        };
+    }
+  }, [position, bottomOffset, insets.bottom]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    style: [positionStyle, {
+      transform: [{
+        translateY: hideTranslateY
+      }, {
+        scale
+      }],
+      opacity: hideOpacity
+    }, style],
+    pointerEvents: hideOnScroll && isScrolling ? 'none' : 'auto',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      ref: ref,
+      onPress: handlePress,
+      onPressIn: pressIn,
+      onPressOut: pressOut,
+      disabled: disabled,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel,
+      accessibilityHint: accessibilityHint,
+      accessibilityState: {
+        disabled
+      },
+      testID: testID,
+      android_ripple: {
+        color: theme.colors.surface.pressed,
+        borderless: false
+      },
+      style: [styles.base, isExtended ? {
+        height: sizeStyles.diameter,
+        paddingHorizontal: sizeStyles.labelPaddingHorizontal,
+        borderRadius: sizeStyles.diameter / 2
+      } : {
+        width: sizeStyles.diameter,
+        height: sizeStyles.diameter,
+        borderRadius: sizeStyles.diameter / 2
+      }, theme.shadows.lg, {
+        backgroundColor,
+        opacity: disabled ? 0.7 : 1
+      }],
+      children: [renderedIcon, isExtended ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.label, {
+          color: foregroundColor,
+          fontSize: sizeStyles.fontSize,
+          fontWeight: theme.typography.fontWeight.semibold,
+          marginLeft: theme.spacing.sm
+        }],
+        numberOfLines: 1,
+        children: label
+      }) : null]
+    })
+  });
+});
+FAB.displayName = 'FAB';
+const buildStyles = _theme => _reactNative.StyleSheet.create({
+  base: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    overflow: 'hidden'
+  },
+  label: {
+    includeFontPadding: false
+  }
+});
+
+// =====================================================================
+// FABGroup — speed-dial: primary FAB that expands radially upward into
+// N secondary FABs. Animations use the native driver (opacity, transform)
+// so they remain smooth during JS thread work.
+// =====================================================================
+
+const SECONDARY_GAP = 16;
+const STAGGER_MS = 50;
+const FABGroup = props => {
+  const {
+    primaryIcon,
+    primaryActiveIcon,
+    actions,
+    open: controlledOpen,
+    defaultOpen = false,
+    onOpenChange,
+    position = 'bottomRight',
+    bottomOffset,
+    size = 'md',
+    accessibilityLabel = 'Quick actions',
+    testID
+  } = props;
+  const theme = (0, _index.useTheme)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const sizeStyles = sizeMap[size];
+  const styles = (0, _react.useMemo)(() => buildGroupStyles(theme), [theme]);
+  const isControlled = typeof controlledOpen === 'boolean';
+  const [internalOpen, setInternalOpen] = (0, _react.useState)(defaultOpen);
+  const isOpen = isControlled ? controlledOpen : internalOpen;
+
+  // Animation drivers
+  const progress = (0, _react.useRef)(new _reactNative.Animated.Value(isOpen ? 1 : 0)).current;
+  const itemAnims = (0, _react.useRef)([]);
+
+  // Resize per-item anim array if action count changes
+  if (itemAnims.current.length !== actions.length) {
+    const next = [];
+    for (let i = 0; i < actions.length; i += 1) {
+      next.push(itemAnims.current[i] ?? new _reactNative.Animated.Value(isOpen ? 1 : 0));
+    }
+    itemAnims.current = next;
+  }
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.timing(progress, {
+      toValue: isOpen ? 1 : 0,
+      duration: theme.motion.duration.normal,
+      easing: _reactNative.Easing.bezier(...theme.motion.easing.standard),
+      useNativeDriver: true
+    }).start();
+    const animations = itemAnims.current.map(value => _reactNative.Animated.timing(value, {
+      toValue: isOpen ? 1 : 0,
+      duration: theme.motion.duration.normal,
+      easing: _reactNative.Easing.bezier(...theme.motion.easing.standard),
+      useNativeDriver: true
+    }));
+    // Reverse stagger order on close so items closest to primary collapse last
+    const ordered = isOpen ? animations : [...animations].reverse();
+    _reactNative.Animated.stagger(STAGGER_MS, ordered).start();
+  }, [isOpen, progress, theme.motion.duration.normal, theme.motion.easing.standard, actions.length]);
+  const setOpen = (0, _react.useCallback)(next => {
+    (0, _hapticUtils.triggerHaptic)('impactLight');
+    if (!isControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  }, [isControlled, onOpenChange]);
+  const handlePrimaryPress = (0, _react.useCallback)(() => {
+    setOpen(!isOpen);
+  }, [isOpen, setOpen]);
+  const handleActionPress = (0, _react.useCallback)(action => {
+    (0, _hapticUtils.triggerHaptic)('selection');
+    action.onPress();
+    // Close after action runs
+    if (!isControlled) setInternalOpen(false);
+    onOpenChange?.(false);
+  }, [isControlled, onOpenChange]);
+  const handleBackdropPress = (0, _react.useCallback)(() => {
+    if (isOpen) setOpen(false);
+  }, [isOpen, setOpen]);
+  const positionStyle = (0, _react.useMemo)(() => {
+    const bottom = (bottomOffset ?? 24) + insets.bottom;
+    switch (position) {
+      case 'bottomLeft':
+        return {
+          position: 'absolute',
+          bottom,
+          left: 24,
+          alignItems: 'flex-start'
+        };
+      case 'bottomCenter':
+        return {
+          position: 'absolute',
+          bottom,
+          alignSelf: 'center',
+          alignItems: 'center'
+        };
+      case 'bottomRight':
+      default:
+        return {
+          position: 'absolute',
+          bottom,
+          right: 24,
+          alignItems: 'flex-end'
+        };
+    }
+  }, [position, bottomOffset, insets.bottom]);
+
+  // Vertical slot offset per index: secondary at index i sits (diameter + gap) * (i + 1) above primary
+  const slotOffset = index => -((sizeStyles.diameter + SECONDARY_GAP) * (index + 1));
+  const backdropOpacity = progress.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, 0.4]
+  });
+  const rotation = progress.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '45deg']
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [isOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      pointerEvents: isOpen ? 'auto' : 'none',
+      style: [_reactNative.StyleSheet.absoluteFillObject, {
+        backgroundColor: theme.colors.background.overlay,
+        opacity: backdropOpacity
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        style: _reactNative.StyleSheet.absoluteFill,
+        onPress: handleBackdropPress,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no",
+        testID: testID ? `${testID}-backdrop` : undefined
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: positionStyle,
+      accessibilityRole: 'menu',
+      testID: testID,
+      children: [actions.map((action, index) => {
+        const anim = itemAnims.current[index];
+        if (!anim) return null;
+        const translateY = anim.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0, slotOffset(index)]
+        });
+        const scale = anim.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0.6, 1]
+        });
+        const itemBackground = toneBackground(theme, action.tone ?? 'primary');
+        const itemForeground = toneForeground(theme, action.tone ?? 'primary');
+        const secondaryDiameter = sizeStyles.diameter * 0.78;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+          pointerEvents: isOpen ? 'auto' : 'none',
+          style: [styles.secondaryRow, {
+            position: 'absolute',
+            bottom: 0,
+            opacity: anim,
+            transform: [{
+              translateY
+            }, {
+              scale
+            }]
+          }],
+          children: [action.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.labelPill, theme.shadows.sm, {
+              backgroundColor: theme.colors.background.elevated,
+              paddingHorizontal: theme.spacing.sm,
+              paddingVertical: theme.spacing.xs,
+              borderRadius: theme.radius.sm,
+              marginRight: theme.spacing.sm
+            }],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                color: theme.colors.text.primary,
+                fontSize: theme.typography.fontSize.sm,
+                fontWeight: theme.typography.fontWeight.medium
+              },
+              numberOfLines: 1,
+              children: action.label
+            })
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+            onPress: () => handleActionPress(action),
+            accessibilityRole: 'menuitem',
+            accessibilityLabel: action.accessibilityLabel,
+            android_ripple: {
+              color: theme.colors.surface.pressed,
+              borderless: false
+            },
+            style: [styles.fabBase, theme.shadows.md, {
+              width: secondaryDiameter,
+              height: secondaryDiameter,
+              borderRadius: secondaryDiameter / 2,
+              backgroundColor: itemBackground
+            }],
+            testID: testID ? `${testID}-action-${action.key}` : undefined,
+            children: /*#__PURE__*/_react.default.isValidElement(action.icon) ? action.icon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                color: itemForeground
+              },
+              children: String(action.icon ?? '')
+            })
+          })]
+        }, action.key);
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: handlePrimaryPress,
+        accessibilityRole: "button",
+        accessibilityLabel: accessibilityLabel,
+        accessibilityState: {
+          expanded: isOpen
+        },
+        android_ripple: {
+          color: theme.colors.surface.pressed,
+          borderless: false
+        },
+        style: [styles.fabBase, theme.shadows.lg, {
+          width: sizeStyles.diameter,
+          height: sizeStyles.diameter,
+          borderRadius: sizeStyles.diameter / 2,
+          backgroundColor: theme.colors.primary
+        }],
+        testID: testID ? `${testID}-primary` : undefined,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+          style: primaryActiveIcon ? undefined : {
+            transform: [{
+              rotate: rotation
+            }]
+          },
+          children: isOpen && primaryActiveIcon ? primaryActiveIcon : primaryIcon
+        })
+      })]
+    })]
+  });
+};
+exports.FABGroup = FABGroup;
+const buildGroupStyles = _theme => _reactNative.StyleSheet.create({
+  fabBase: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    overflow: 'hidden'
+  },
+  secondaryRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  labelPill: {
+    alignSelf: 'center'
+  }
+});
+var _default = exports.default = FAB;
+//# sourceMappingURL=FAB.js.map

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

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

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Field = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../../theme/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 Field = exports.Field = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    label,
+    helperText,
+    error,
+    required = false,
+    children,
+    layout = 'stacked',
+    labelStyle,
+    helperStyle,
+    errorStyle,
+    containerStyle,
+    accessibilityLabel,
+    testID
+  } = props;
+  const theme = (0, _index.useTheme)();
+  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
+  const errorOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(error ? 1 : 0)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.timing(errorOpacity, {
+      toValue: error ? 1 : 0,
+      duration: 150,
+      useNativeDriver: true
+    }).start();
+  }, [error, errorOpacity]);
+  const computedAccessibilityLabel = (0, _react.useMemo)(() => {
+    if (accessibilityLabel) return accessibilityLabel;
+    if (!label) return undefined;
+    return error ? `${label}, error: ${error}` : label;
+  }, [accessibilityLabel, label, error]);
+  const labelNode = label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+    style: [styles.label, layout === 'inline' ? styles.labelInline : null, labelStyle],
+    children: [label, required ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.requiredMark,
+      children: " *"
+    }) : null]
+  }) : null;
+  const inputContainerStyle = layout === 'inline' ? styles.inputInline : styles.inputStacked;
+  const showError = Boolean(error);
+  const showHelper = !showError && Boolean(helperText);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ref: ref,
+    style: [layout === 'inline' ? styles.rootInline : styles.rootStacked, containerStyle],
+    accessibilityLabel: computedAccessibilityLabel
+    // Surface the invalid state to assistive tech via the hint. RN's
+    // AccessibilityState type does not expose an `invalid` field, so the
+    // error message itself is folded into the label and hint.
+    ,
+    accessibilityHint: error ? error : undefined,
+    testID: testID,
+    children: [layout === 'inline' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [labelNode, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: inputContainerStyle,
+        children: children
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [labelNode, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: inputContainerStyle,
+        children: children
+      })]
+    }), showHelper ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.helper, helperStyle],
+      numberOfLines: 2,
+      children: helperText
+    }) : null, error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.Text, {
+      style: [styles.error, {
+        opacity: errorOpacity
+      }, errorStyle],
+      numberOfLines: 2,
+      accessibilityLiveRegion: "polite",
+      children: error
+    }) : null]
+  });
+});
+Field.displayName = 'Field';
+const buildStyles = theme => _reactNative.StyleSheet.create({
+  rootStacked: {
+    flexDirection: 'column',
+    gap: theme.spacing.xs
+  },
+  rootInline: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flexWrap: 'wrap',
+    gap: theme.spacing.xs
+  },
+  label: {
+    fontSize: theme.typography.fontSize.sm,
+    fontWeight: theme.typography.fontWeight.medium,
+    color: theme.colors.text.secondary
+  },
+  labelInline: {
+    width: '35%'
+  },
+  requiredMark: {
+    color: theme.colors.error,
+    fontWeight: theme.typography.fontWeight.medium
+  },
+  inputStacked: {
+    width: '100%'
+  },
+  inputInline: {
+    flex: 1,
+    minWidth: 0
+  },
+  helper: {
+    fontSize: theme.typography.fontSize.sm,
+    color: theme.colors.text.tertiary
+  },
+  error: {
+    fontSize: theme.typography.fontSize.sm,
+    color: theme.colors.error
+  }
+});
+var _default = exports.default = Field;
+//# sourceMappingURL=Field.js.map

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

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