@webority/mobile-ui 0.0.39 → 0.1.0

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

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

package/lib/commonjs/components/ForceUpdateDialog/ForceUpdateDialog.js

@@ -1,90 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ForceUpdateDialog = void 0;
-var _mobileCore = require("@webority/mobile-core");
-var _react = _interopRequireWildcard(require("react"));
-var _index = require("../Dialog/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); }
-/**
- * Drop-in update prompt that opens the App Store / Play Store on tap.
- * Pair this with `useVersionCheck()` — render it when `isUpdateRequired` is true.
- *
- * @example
- * const { isUpdateRequired, updateUrl } = useVersionCheck(isAppReady);
- * return (
- *   <ForceUpdateDialog
- *     visible={isUpdateRequired}
- *     mandatory
- *     updateUrl={updateUrl}
- *   />
- * );
- */
-const ForceUpdateDialog = ({
-  visible,
-  onClose,
-  mandatory = false,
-  updateUrl,
-  title = 'Update available',
-  message = 'A new version of the app is available. Please update to continue using the latest features and security improvements.',
-  updateLabel = 'Update now',
-  laterLabel = 'Later',
-  containerStyle,
-  titleStyle,
-  messageStyle,
-  testID
-}) => {
-  const [updating, setUpdating] = (0, _react.useState)(false);
-  const handleUpdate = (0, _react.useCallback)(() => {
-    setUpdating(true);
-    void (async () => {
-      try {
-        await _mobileCore.VersionCheck.openUpdateUrl(updateUrl ?? null);
-      } catch (error) {
-        _mobileCore.Logger.error('[ForceUpdateDialog] Failed to open store URL', error);
-      } finally {
-        setUpdating(false);
-      }
-    })();
-  }, [updateUrl]);
-  const handleClose = (0, _react.useCallback)(() => {
-    if (mandatory) {
-      return;
-    }
-    onClose?.();
-  }, [mandatory, onClose]);
-  const actions = mandatory ? [{
-    label: updateLabel,
-    onPress: handleUpdate,
-    tone: 'primary',
-    loading: updating
-  }] : [{
-    label: laterLabel,
-    onPress: handleClose,
-    tone: 'neutral'
-  }, {
-    label: updateLabel,
-    onPress: handleUpdate,
-    tone: 'primary',
-    loading: updating
-  }];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Dialog, {
-    visible: visible,
-    onClose: handleClose,
-    title: title,
-    message: message,
-    variant: "info",
-    actions: actions,
-    dismissOnAction: false,
-    containerStyle: containerStyle,
-    titleStyle: titleStyle,
-    messageStyle: messageStyle,
-    testID: testID
-  });
-};
-exports.ForceUpdateDialog = ForceUpdateDialog;
-var _default = exports.default = ForceUpdateDialog;
-//# sourceMappingURL=ForceUpdateDialog.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ForceUpdateDialog=void 0;var _mobileCore=require("@webority/mobile-core"),_react=_interopRequireWildcard(require("react")),_index=require("../Dialog/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(l,t,i):l[t]=e[t]);return l})(e,t)}const ForceUpdateDialog=({visible:e,onClose:t,mandatory:r=!1,updateUrl:a,title:o="Update available",message:i="A new version of the app is available. Please update to continue using the latest features and security improvements.",updateLabel:l="Update now",laterLabel:n="Later",containerStyle:s,titleStyle:u,messageStyle:c,testID:p})=>{const[d,f]=(0,_react.useState)(!1),_=(0,_react.useCallback)(()=>{f(!0),(async()=>{try{await _mobileCore.VersionCheck.openUpdateUrl(a??null)}catch(e){_mobileCore.Logger.error("[ForceUpdateDialog] Failed to open store URL",e)}finally{f(!1)}})()},[a]),y=(0,_react.useCallback)(()=>{r||t?.()},[r,t]),b=r?[{label:l,onPress:_,tone:"primary",loading:d}]:[{label:n,onPress:y,tone:"neutral"},{label:l,onPress:_,tone:"primary",loading:d}];return(0,_jsxRuntime.jsx)(_index.Dialog,{visible:e,onClose:y,title:o,message:i,variant:"info",actions:b,dismissOnAction:!1,containerStyle:s,titleStyle:u,messageStyle:c,testID:p})};exports.ForceUpdateDialog=ForceUpdateDialog;var _default=exports.default=ForceUpdateDialog;

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

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

package/lib/commonjs/components/FormField/FormField.js

@@ -1,170 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FormField = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _FormContext = require("../../form/FormContext.js");
-var _index = require("../../theme/index.js");
-var _index2 = require("../FieldBase/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 FormField = exports.FormField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    label,
-    helperText,
-    error,
-    required = false,
-    name,
-    children,
-    layout = 'stacked',
-    labelStyle,
-    helperStyle,
-    errorStyle,
-    containerStyle,
-    inputContainerStyle: inputContainerStyleProp,
-    accessibilityLabel,
-    testID
-  } = props;
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const formCtx = (0, _FormContext.useOptionalFormContext)();
-  const isConnected = name != null && formCtx != null;
-  const field = isConnected ? formCtx.getFieldProps(name) : null;
-  const isRenderProp = typeof children === 'function';
-
-  // Error the FormField renders itself. When connected to an element child the
-  // child (Input/Select etc.) shows the injected error, so FormField stays
-  // quiet to avoid a duplicate message; the render-prop form keeps it here.
-  const ownError = isConnected ? isRenderProp ? field?.error : undefined : error;
-  // Error used purely for assistive tech — always reflects the real error.
-  const a11yError = isConnected ? field?.error : error;
-  const errorOpacity = (0, _react.useRef)((0, _index.createAnimatedValue)(ownError ? 1 : 0)).current;
-  (0, _react.useEffect)(() => {
-    const anim = _reactNative.Animated.timing(errorOpacity, {
-      toValue: ownError ? 1 : 0,
-      duration: theme.motion.duration.fast,
-      useNativeDriver: true
-    });
-    anim.start();
-    return () => anim.stop();
-  }, [ownError, errorOpacity, theme.motion.duration.fast]);
-  const computedAccessibilityLabel = (0, _react.useMemo)(() => {
-    if (accessibilityLabel) {
-      return accessibilityLabel;
-    }
-    if (!label) {
-      return undefined;
-    }
-    return a11yError ? `${label}, error: ${a11yError}` : label;
-  }, [accessibilityLabel, label, a11yError]);
-  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)(_index2.RequiredMark, {}) : null]
-  }) : null;
-  const inputContainerStyle = layout === 'inline' ? styles.inputInline : styles.inputStacked;
-  const showError = Boolean(ownError);
-  const showHelper = !showError && Boolean(helperText);
-  const renderedChildren = (() => {
-    if (isRenderProp) {
-      return field ? children(field) : null;
-    }
-    if (isConnected && field && /*#__PURE__*/_react.default.isValidElement(children)) {
-      const child = children;
-      const childOnChangeText = child.props.onChangeText;
-      const childOnBlur = child.props.onBlur;
-      const childOnFocus = child.props.onFocus;
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        value: field.value,
-        onChangeText: text => {
-          field.onChangeText(text);
-          childOnChangeText?.(text);
-        },
-        onBlur: e => {
-          field.onBlur();
-          childOnBlur?.(e);
-        },
-        onFocus: e => {
-          field.onFocus();
-          childOnFocus?.(e);
-        },
-        error: field.error,
-        ref: node => formCtx.registerField(name, node ?? null)
-      });
-    }
-    return children;
-  })();
-
-  // A required field with no label of its own has nowhere to hang the
-  // marker, so the field inside draws it (Input, Select, the pickers all take
-  // `required` and put the mark in the box before the text). A render-prop or
-  // non-element child is left alone: nothing here knows what it renders.
-  const childWithRequired = required && !label && /*#__PURE__*/_react.default.isValidElement(renderedChildren) ? /*#__PURE__*/_react.default.cloneElement(renderedChildren, {
-    required: true
-  }) : renderedChildren;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    ref: ref,
-    style: [layout === 'inline' ? styles.rootInline : styles.rootStacked, containerStyle],
-    accessibilityLabel: computedAccessibilityLabel
-    // RN's AccessibilityState type has no `invalid` field, so the error is
-    // folded into the label and surfaced again via the hint.
-    ,
-    accessibilityHint: a11yError ? a11yError : undefined,
-    testID: testID,
-    children: [labelNode, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [inputContainerStyle, inputContainerStyleProp],
-      children: childWithRequired
-    }), showHelper ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.helper, helperStyle],
-      numberOfLines: 2,
-      children: helperText
-    }) : null, ownError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.Text, {
-      style: [styles.error, {
-        opacity: errorOpacity
-      }, errorStyle],
-      numberOfLines: 2,
-      accessibilityLiveRegion: "polite",
-      children: ownError
-    }) : null]
-  });
-});
-FormField.displayName = 'FormField';
-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,
-    ...(0, _index.fontFor)(theme, 'medium'),
-    color: theme.colors.text.secondary
-  },
-  labelInline: {
-    width: theme.components.formField?.inlineLabelWidth ?? '35%'
-  },
-  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 = FormField;
-//# sourceMappingURL=FormField.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.FormField=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_FormContext=require("../../form/FormContext.js"),_index=require("../../theme/index.js"),_index2=require("../FieldBase/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,l,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?i:r){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?n(o,t,l):o[t]=e[t]);return o})(e,t)}const FormField=exports.FormField=(0,_react.forwardRef)((e,t)=>{const{label:r,help:i,helperText:n,error:l,required:o=!1,name:a,children:s,layout:u="stacked",helperLines:c,labelStyle:d,helperStyle:x,errorStyle:p,containerStyle:f,inputContainerStyle:_,accessibilityLabel:m,testID:h}=e,y=(0,_index.useTheme)(),F=(0,_react.useMemo)(()=>buildStyles(y),[y]),v=(0,_FormContext.useOptionalFormContext)(),b=null!=a&&null!=v,j=b?v.getFieldProps(a):null,S="function"==typeof s,g=b?S?j?.error:void 0:l,R=(0,_index2.fieldTextAsString)(b?j?.error:l),w=(0,_react.useRef)((0,_index.createAnimatedValue)(g?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.timing(w,{toValue:g?1:0,duration:y.motion.duration.fast,useNativeDriver:!0});return e.start(),()=>e.stop()},[g,w,y.motion.duration.fast]);const T=(0,_react.useMemo)(()=>{if(m)return m;const e=(0,_index2.fieldTextAsString)(r);return e?R?`${e}, error: ${R}`:e:void 0},[m,r,R]),k=(0,_index2.hasFieldText)(r),q=(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[F.label,"inline"!==u||(0,_index2.hasFieldText)(i)?null:F.labelInline,(0,_index2.hasFieldText)(i)?F.labelShrink:null,d],children:[r,o?(0,_jsxRuntime.jsx)(_index2.RequiredMark,{}):null]}),N=k?(0,_index2.hasFieldText)(i)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[F.labelRow,"inline"===u?F.labelInline:null],children:[q,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[F.help,{marginLeft:y.spacing.xs}],children:i})]}):q:null,I="inline"===u?F.inputInline:F.inputStacked,W=(0,_index2.hasFieldText)(g),C=!W&&(0,_index2.hasFieldText)(n),L=(()=>{if(S)return j?s(j):null;if(b&&j&&_react.default.isValidElement(s)){const e=s,t=e.props.onChangeText,r=e.props.onBlur,i=e.props.onFocus;return _react.default.cloneElement(e,{value:j.value,onChangeText:e=>{j.onChangeText(e),t?.(e)},onBlur:e=>{j.onBlur(),r?.(e)},onFocus:e=>{j.onFocus(),i?.(e)},error:j.error,ref:e=>v.registerField(a,e??null)})}return s})(),M=o&&!k&&_react.default.isValidElement(L)?_react.default.cloneElement(L,{required:!0}):L;return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:["inline"===u?F.rootInline:F.rootStacked,f],accessibilityLabel:T,accessibilityHint:R||void 0,testID:h,children:[N,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[I,_],children:M}),C?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[F.helper,x],numberOfLines:c||void 0,children:n}):null,W?(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{style:[F.error,{opacity:w},p],numberOfLines:c||void 0,accessibilityLiveRegion:"polite",children:g}):null]})});FormField.displayName="FormField";const buildStyles=e=>_reactNative.StyleSheet.create({rootStacked:{flexDirection:"column",gap:e.spacing.xs},rootInline:{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:e.spacing.xs},label:{fontSize:e.typography.fontSize.sm,...(0,_index.fontFor)(e,"medium"),color:e.colors.text.secondary},labelShrink:{flexShrink:1},labelRow:{flexDirection:"row",alignItems:"center"},help:{flexShrink:0},labelInline:{width:e.components.formField?.inlineLabelWidth??"35%"},inputStacked:{width:"100%"},inputInline:{flex:1,minWidth:0},helper:{fontSize:e.typography.fontSize.sm,color:e.colors.text.tertiary},error:{fontSize:e.typography.fontSize.sm,color:e.colors.error}});var _default=exports.default=FormField;

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

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

package/lib/commonjs/components/IconBadge/IconBadge.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.IconBadge=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_jsxRuntime=require("react/jsx-runtime");const SIZE_MAP={sm:{diameter:32,icon:16},md:{diameter:40,icon:20},lg:{diameter:56,icon:28}},FILL_OPACITY=.14,inkFor=(e,r)=>{switch(r){case"secondary":return e.colors.secondary;case"success":return e.colors.success;case"warning":return e.colors.warning;case"error":return e.colors.error;case"info":return e.colors.info;case"neutral":return e.colors.text.secondary;default:return e.colors.primary}},IconBadge=exports.IconBadge=(0,_react.forwardRef)((e,r)=>{const{icon:t,iconVariant:o,size:s="md",tone:c="primary",accessibilityLabel:i,style:a,testID:n}=e,l=(0,_index.useTheme)(),d=SIZE_MAP[s],u=inkFor(l,c),m="neutral"===c?l.colors.background.tertiary:(0,_color.tintOf)(u,.14,l.colors.background.tertiary),_={color:u,size:d.icon,disabled:!1},y=void 0!==i;return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:r,testID:n,accessible:y,accessibilityRole:y?"image":void 0,accessibilityLabel:i,importantForAccessibility:y?"yes":"no",style:[styles.base,{width:d.diameter,height:d.diameter,borderRadius:d.diameter/2,..._corners.smoothCorners,backgroundColor:m},a],children:(0,_slotIcon.renderSlotIcon)(t,_,o)})});IconBadge.displayName="IconBadge";const styles=_reactNative.StyleSheet.create({base:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=IconBadge;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"IconBadge",{enumerable:!0,get:function(){return _IconBadge.IconBadge}});var _IconBadge=require("./IconBadge.js");

package/lib/commonjs/components/IconButton/IconButton.js

@@ -1,198 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.IconButton = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _usePressAnimation = require("../../hooks/usePressAnimation.js");
-var _index = require("../../theme/index.js");
-var _index2 = require("../../utils/index.js");
-var _corners = require("../../utils/corners.js");
-var _index3 = require("../Spinner/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); }
-/**
- * `glass` is a frosted white fill with a bright rim and dark ink, for a
- * button over a brand gradient or a photo (a back button on a hero). Its
- * colours are `theme.colors.glass`, the same in both schemes; the tone is
- * unused unless `active` forces the solid fill.
- */
-
-/** The glass rim, matched to Button's glass border so the two sit level in a row. */
-const GLASS_RIM_WIDTH = 1;
-const SIZE_MAP = {
-  sm: {
-    diameter: 32,
-    icon: 16
-  },
-  md: {
-    diameter: 40,
-    icon: 20
-  },
-  lg: {
-    diameter: 48,
-    icon: 24
-  }
-};
-const toneFor = (theme, tone) => {
-  switch (tone) {
-    case 'secondary':
-      return {
-        base: theme.colors.secondary,
-        on: theme.colors.onSecondary,
-        fg: theme.colors.secondary
-      };
-    case 'success':
-      return {
-        base: theme.colors.success,
-        on: theme.colors.onSuccess,
-        fg: theme.colors.success
-      };
-    case 'warning':
-      return {
-        base: theme.colors.warning,
-        on: theme.colors.onWarning,
-        fg: theme.colors.warning
-      };
-    case 'error':
-      return {
-        base: theme.colors.error,
-        on: theme.colors.onError,
-        fg: theme.colors.error
-      };
-    case 'neutral':
-      return {
-        base: theme.colors.background.tertiary,
-        on: theme.colors.text.primary,
-        fg: theme.colors.text.primary
-      };
-    case 'primary':
-    default:
-      return {
-        base: theme.colors.primary,
-        on: theme.colors.onPrimary,
-        fg: theme.colors.primary
-      };
-  }
-};
-const IconButton = exports.IconButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    icon,
-    onPress,
-    accessibilityLabel,
-    tone = 'primary',
-    variant = 'solid',
-    size = 'md',
-    shape = 'circle',
-    active = false,
-    disabled = false,
-    loading = false,
-    haptic,
-    style,
-    testID
-  } = props;
-  const theme = (0, _index.useTheme)();
-  const sizeCfg = SIZE_MAP[size];
-  const isDisabled = disabled || loading;
-  const {
-    scale,
-    pressIn,
-    pressOut
-  } = (0, _usePressAnimation.usePressAnimation)({
-    scaleTo: 0.92,
-    enabled: !isDisabled
-  });
-  const {
-    base,
-    on,
-    fg
-  } = toneFor(theme, tone);
-  const effectiveVariant = active ? 'solid' : variant;
-  let backgroundColor = 'transparent';
-  let borderColor = 'transparent';
-  let borderWidth = 0;
-  let iconColor = isDisabled ? theme.colors.text.disabled : fg;
-  if (effectiveVariant === 'solid') {
-    backgroundColor = isDisabled ? theme.colors.surface.disabled : base;
-    iconColor = isDisabled ? theme.colors.text.disabled : on;
-  } else if (effectiveVariant === 'soft') {
-    backgroundColor = isDisabled ? theme.colors.surface.disabled : `${base}22`;
-  } else if (effectiveVariant === 'outline') {
-    borderColor = isDisabled ? theme.colors.border.primary : base;
-    borderWidth = theme.colors.border.width;
-  } else if (effectiveVariant === 'glass') {
-    // The fill and rim stay while disabled; only the ink dims. An opaque
-    // disabled grey would punch a hole in the surface underneath.
-    backgroundColor = theme.colors.glass.fill;
-    borderColor = theme.colors.glass.border;
-    borderWidth = GLASS_RIM_WIDTH;
-    iconColor = isDisabled ? theme.colors.text.disabled : theme.colors.glass.on;
-  }
-  const radius = shape === 'circle' ? sizeCfg.diameter / 2 : theme.radius.md;
-  const handlePress = e => {
-    if (isDisabled) {
-      return;
-    }
-    const h = (0, _index2.resolveHaptic)(haptic, 'selection');
-    if (h) {
-      (0, _index2.triggerHaptic)(h);
-    }
-    onPress?.(e);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    ref: ref,
-    onPress: handlePress,
-    onPressIn: pressIn,
-    onPressOut: pressOut,
-    disabled: isDisabled,
-    accessibilityRole: "button",
-    accessibilityLabel: accessibilityLabel,
-    accessibilityState: {
-      disabled: isDisabled,
-      selected: active
-    },
-    hitSlop: 6,
-    testID: testID,
-    style: ({
-      pressed
-    }) => [styles.base, {
-      width: sizeCfg.diameter,
-      height: sizeCfg.diameter,
-      borderRadius: radius,
-      ..._corners.smoothCorners,
-      backgroundColor,
-      borderColor,
-      borderWidth,
-      opacity: pressed && effectiveVariant !== 'solid' ? 0.7 : 1
-    }, style],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [styles.content, {
-        transform: [{
-          scale
-        }]
-      }],
-      children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Spinner, {
-        size: "sm",
-        color: iconColor
-      }) : typeof icon === 'function' ? icon({
-        color: iconColor,
-        size: sizeCfg.icon
-      }) : icon
-    })
-  });
-});
-IconButton.displayName = 'IconButton';
-const styles = _reactNative.StyleSheet.create({
-  base: {
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  content: {
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-var _default = exports.default = IconButton;
-//# sourceMappingURL=IconButton.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.IconButton=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index3=require("../Spinner/index.js"),_jsxRuntime=require("react/jsx-runtime");const GLASS_RIM_WIDTH=1,SOFT_FILL_OPACITY=.14,SIZE_MAP={sm:{diameter:32,icon:16},md:{diameter:40,icon:20},lg:{diameter:48,icon:24}},toneFor=(e,r)=>{switch(r){case"secondary":return{base:e.colors.secondary,on:e.colors.onSecondary,fg:e.colors.secondary};case"success":return{base:e.colors.success,on:e.colors.onSuccess,fg:e.colors.success};case"warning":return{base:e.colors.warning,on:e.colors.onWarning,fg:e.colors.warning};case"error":return{base:e.colors.error,on:e.colors.onError,fg:e.colors.error};case"neutral":return{base:e.colors.background.tertiary,on:e.colors.text.primary,fg:e.colors.text.primary};default:return{base:e.colors.primary,on:e.colors.onPrimary,fg:e.colors.primary}}},IconButton=exports.IconButton=(0,_react.forwardRef)((e,r)=>{const{icon:s,iconVariant:o,onPress:t,accessibilityLabel:n,tone:i="primary",variant:c="solid",size:a="md",shape:l="circle",active:d=!1,disabled:u=!1,loading:b=!1,haptic:m,style:_,testID:y}=e,p=(0,_index.useTheme)(),x=SIZE_MAP[a],g=u||b,{scale:f,pressIn:I,pressOut:j}=(0,_usePressAnimation.usePressAnimation)({scaleTo:.92,enabled:!g}),{base:h,on:P,fg:S}=toneFor(p,i),v=d?"solid":c;let q="transparent",A="transparent",w=0,R=g?p.colors.text.disabled:S;"solid"===v?(q=g?p.colors.surface.disabled:h,R=g?p.colors.text.disabled:P):"soft"===v?q=g?p.colors.surface.disabled:(0,_color.tintOf)(h,.14,p.colors.background.secondary):"outline"===v?(A=g?p.colors.border.primary:h,w=p.colors.border.width):"glass"===v&&(q=p.colors.glass.fill,A=p.colors.glass.border,w=1,R=g?p.colors.text.disabled:p.colors.glass.on);const B={color:R,size:x.icon,disabled:g},C="circle"===l?x.diameter/2:p.radius.md;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:r,onPress:e=>{if(g)return;const r=(0,_index2.resolveHaptic)(m,"selection");r&&(0,_index2.triggerHaptic)(r),t?.(e)},onPressIn:I,onPressOut:j,disabled:g,accessibilityRole:"button",accessibilityLabel:n,accessibilityState:{disabled:g,selected:d},hitSlop:6,testID:y,style:({pressed:e})=>[styles.base,{width:x.diameter,height:x.diameter,borderRadius:C,..._corners.smoothCorners,backgroundColor:q,borderColor:A,borderWidth:w,opacity:e&&"solid"!==v?.7:1},_],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.content,{transform:[{scale:f}]}],children:b?(0,_jsxRuntime.jsx)(_index3.Spinner,{size:"sm",color:R}):(0,_slotIcon.renderSlotIcon)(s,B,o)})})});IconButton.displayName="IconButton";const styles=_reactNative.StyleSheet.create({base:{alignItems:"center",justifyContent:"center"},content:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=IconButton;

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

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "IconButton", {
-  enumerable: true,
-  get: function () {
-    return _IconButton.IconButton;
-  }
-});
-var _IconButton = require("./IconButton.js");
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return _IconButton.IconButton}});var _IconButton=require("./IconButton.js");