@webority/mobile-ui 0.0.38 → 0.1.0

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

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DateRangePicker", {
-  enumerable: true,
-  get: function () {
-    return _DateRangePicker.DateRangePicker;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _DateRangePicker.default;
-  }
-});
-var _DateRangePicker = _interopRequireWildcard(require("./DateRangePicker.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,"DateRangePicker",{enumerable:!0,get:function(){return _DateRangePicker.DateRangePicker}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _DateRangePicker.default}});var _DateRangePicker=_interopRequireWildcard(require("./DateRangePicker.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 a,i,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(a=r?n:t){if(a.has(e))return a.get(e);a.set(e,o)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((i=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(i.get||i.set)?a(o,r,i):o[r]=e[r]);return o})(e,r)}

package/lib/commonjs/components/DecimalInput/DecimalInput.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DecimalInput=void 0,exports.cleanDecimalText=cleanDecimalText,exports.default=void 0,exports.parseDecimalText=parseDecimalText;var _react=require("react"),_reactNative=require("react-native"),_index=require("../Input/index.js"),_jsxRuntime=require("react/jsx-runtime");function cleanDecimalText(e,{whole:t,signed:a,decimals:n,allowExponent:r}={}){const i=String(e??"");if(r)return i.replace(/[^\d.eE+-]/g,"");const l=Boolean(a)&&i.replace(/[^\d.-]/g,"").startsWith("-");let c=i.replace(t?/\D/g:/[^\d.]/g,"");const o=c.indexOf(".");if(-1!==o){const e=c.slice(o+1).replace(/\./g,"");c=c.slice(0,o+1)+(null==n?e:e.slice(0,n))}return(l?"-":"")+c}function parseDecimalText(e){if(""===e||"-"===e||"."===e||"-."===e)return"";const t=Number(e);return Number.isFinite(t)?t:""}const textOf=e=>null==e||""===e?"":String(e);function keyboardFor({whole:e,signed:t,allowExponent:a}){return a?"ios"===_reactNative.Platform.OS?"numbers-and-punctuation":"default":t?"numeric":e?"number-pad":"decimal-pad"}const DecimalInput=exports.DecimalInput=(0,_react.forwardRef)((e,t)=>{const{symbol:a,value:n,onChange:r,onBlur:i,min:l,max:c,whole:o=!1,signed:s=!1,decimals:u,allowExponent:d=!1,numeric:p=!1,readOnly:m=!1,disabled:x=!1,...f}=e,[D,b]=(0,_react.useState)(textOf(n));(0,_react.useEffect)(()=>{p&&b(e=>parseDecimalText(e)===n?e:textOf(n))},[p,n]);const g=m||x,_={whole:o,signed:s,decimals:u,allowExponent:d};return(0,_jsxRuntime.jsx)(_index.Input,{prefix:a,keyboardType:keyboardFor(_),autoCapitalize:"none",autoCorrect:!1,readOnly:m,disabled:x,...f,ref:t,value:p?D:textOf(n),onChangeText:g?void 0:e=>{const t=cleanDecimalText(e,_),a=d?""===t?"":Number(t):parseDecimalText(t);""!==a&&Number.isFinite(a)&&(null!=c&&a>c||null!=l&&a<l)||(p?(b(t),r?.(parseDecimalText(t))):r?.(t))},onBlur:g?void 0:i})});DecimalInput.displayName="DecimalInput";var _default=exports.default=DecimalInput;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DecimalInput",{enumerable:!0,get:function(){return _DecimalInput.DecimalInput}}),Object.defineProperty(exports,"cleanDecimalText",{enumerable:!0,get:function(){return _DecimalInput.cleanDecimalText}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _DecimalInput.default}}),Object.defineProperty(exports,"parseDecimalText",{enumerable:!0,get:function(){return _DecimalInput.parseDecimalText}});var _DecimalInput=_interopRequireWildcard(require("./DecimalInput.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 i,u,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(i=t?n:r){if(i.has(e))return i.get(e);i.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((u=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(u.get||u.set)?i(a,t,u):a[t]=e[t]);return a})(e,t)}

package/lib/commonjs/components/Descriptions/Descriptions.js

@@ -1,107 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Descriptions = 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); }
-/** A missing fact should read as "no value", never as a broken row. */
-const EM_DASH = '—';
-const isEmptyValue = value => value === null || value === undefined || value === '' || Array.isArray(value) && !value.length;
-
-/**
- * A labelled key-value list for record detail — the "what are this thing's
- * fields" view that every detail screen needs and that ListItem (a tappable row
- * with a title) is the wrong shape for.
- */
-const Descriptions = ({
-  items,
-  columns = 1,
-  size = 'md',
-  bordered = false,
-  title,
-  style,
-  testID
-}) => {
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const labelSize = size === 'sm' ? theme.typography.fontSize.xs : theme.typography.fontSize.sm;
-  const valueSize = size === 'sm' ? theme.typography.fontSize.sm : theme.typography.fontSize.base;
-  const rowGap = size === 'sm' ? theme.spacing.xs : theme.spacing.sm;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [{
-      gap: rowGap
-    }, style],
-    testID: testID,
-    children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.title, {
-        fontSize: theme.typography.fontSize.lg,
-        color: theme.colors.text.primary
-      }],
-      children: title
-    }) : null, items.map((item, index) => {
-      const empty = isEmptyValue(item.value);
-      const sideBySide = columns === 2 && !item.full;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [sideBySide ? styles.rowSide : styles.rowStack, {
-          paddingVertical: rowGap
-        }, bordered && index > 0 ? styles.bordered : null, bordered && index > 0 ? {
-          borderTopColor: theme.colors.border.secondary
-        } : null],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.label, {
-            fontSize: labelSize,
-            color: theme.colors.text.tertiary
-          }, sideBySide ? styles.labelSide : null],
-          children: item.label
-        }), typeof item.value === 'string' || empty ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.value, {
-            fontSize: valueSize,
-            color: empty ? theme.colors.text.tertiary : theme.colors.text.primary
-          }, sideBySide ? styles.valueSide : null],
-          children: empty ? EM_DASH : item.value
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: sideBySide ? styles.valueSide : null,
-          children: item.value
-        })]
-      }, item.key ?? `${item.label}-${index}`);
-    })]
-  });
-};
-exports.Descriptions = Descriptions;
-const buildStyles = theme => _reactNative.StyleSheet.create({
-  title: {
-    ...(0, _index.fontFor)(theme, 'semibold'),
-    fontWeight: '600'
-  },
-  rowStack: {
-    gap: 2
-  },
-  rowSide: {
-    flexDirection: 'row',
-    alignItems: 'flex-start',
-    gap: theme.spacing.md
-  },
-  bordered: {
-    borderTopWidth: _reactNative.StyleSheet.hairlineWidth
-  },
-  label: {
-    ...(0, _index.fontFor)(theme, 'semibold'),
-    fontWeight: '600'
-  },
-  labelSide: {
-    flex: 4
-  },
-  value: {
-    ...(0, _index.fontFor)(theme, 'normal')
-  },
-  valueSide: {
-    flex: 6
-  }
-});
-var _default = exports.default = Descriptions;
-//# sourceMappingURL=Descriptions.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Descriptions=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_Text=require("../Text/Text.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 l,o,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(l=t?i:r){if(l.has(e))return l.get(e);l.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?l(a,t,o):a[t]=e[t]);return a})(e,t)}const EMPTY_VALUE="-",rowKey=(e,t)=>e.key??("string"==typeof e.label?`${e.label}-${t}`:`row-${t}`),isEmptyValue=e=>null==e||""===e||Array.isArray(e)&&!e.length,Descriptions=({items:e,columns:t=1,size:r="md",bordered:i=!1,title:l,variant:o="list",style:a,testID:n})=>{const s=(0,_index.useTheme)(),c=(0,_react.useMemo)(()=>buildStyles(s),[s]),u="sm"===r?s.typography.fontSize.xs:s.typography.fontSize.sm,d="sm"===r?s.typography.fontSize.sm:s.typography.fontSize.base,x="sm"===r?s.spacing.xs:s.spacing.sm,y="summary"===o;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[y?null:{gap:x},a],testID:n,children:[l?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[c.title,{fontSize:s.typography.fontSize.lg,color:s.colors.text.primary}],children:l}):null,e.map((e,r)=>{const l=isEmptyValue(e.value),o=2===t&&!e.full,a=l?s.colors.text.tertiary:(0,_Text.resolveColor)(s,e.tone??"primary"),n=(0,_index.fontFor)(s,e.strong?"semibold":"normal");return y?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[c.summaryRow,{paddingVertical:x,borderBottomColor:s.colors.border.secondary}],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[c.summaryLabel,{fontSize:d,color:s.colors.text.secondary}],children:e.label}),"string"==typeof e.value||l?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[c.summaryValue,{fontSize:d,color:a},n],children:l?"-":e.value}):(0,_jsxRuntime.jsx)(_reactNative.View,{children:e.value})]},rowKey(e,r)):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[o?c.rowSide:c.rowStack,{paddingVertical:x},i&&r>0?c.bordered:null,i&&r>0?{borderTopColor:s.colors.border.secondary}:null],children:["string"==typeof e.label?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[c.label,{fontSize:u,color:s.colors.text.tertiary},o?c.labelSide:null],children:e.label}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:o?c.labelSide:null,children:e.label}),"string"==typeof e.value||l?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[c.value,{fontSize:d,color:a},e.strong?n:null,o?c.valueSide:null],children:l?"-":e.value}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:o?c.valueSide:null,children:e.value})]},rowKey(e,r))})]})};exports.Descriptions=Descriptions;const buildStyles=e=>_reactNative.StyleSheet.create({title:{...(0,_index.fontFor)(e,"semibold")},rowStack:{gap:2},rowSide:{flexDirection:"row",alignItems:"flex-start",gap:e.spacing.md},bordered:{borderTopWidth:_reactNative.StyleSheet.hairlineWidth},label:{...(0,_index.fontFor)(e,"semibold")},labelSide:{flex:4},value:{...(0,_index.fontFor)(e,"normal")},valueSide:{flex:6},summaryRow:{flexDirection:"row",alignItems:"center",gap:e.spacing.md,borderBottomWidth:_reactNative.StyleSheet.hairlineWidth},summaryLabel:{flex:1,...(0,_index.fontFor)(e,"normal")},summaryValue:{textAlign:"right"}});var _default=exports.default=Descriptions;

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

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Descriptions", {
-  enumerable: true,
-  get: function () {
-    return _Descriptions.Descriptions;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Descriptions.default;
-  }
-});
-var _Descriptions = _interopRequireWildcard(require("./Descriptions.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,"Descriptions",{enumerable:!0,get:function(){return _Descriptions.Descriptions}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Descriptions.default}});var _Descriptions=_interopRequireWildcard(require("./Descriptions.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 i,o,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(i=r?n:t){if(i.has(e))return i.get(e);i.set(e,u)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(o.get||o.set)?i(u,r,o):u[r]=e[r]);return u})(e,r)}

package/lib/commonjs/components/Dialog/Dialog.js

@@ -1,248 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Dialog = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _corners = require("../../utils/corners.js");
-var _hapticUtils = require("../../utils/hapticUtils.js");
-var _Modal = require("../Modal/Modal.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 Dialog = props => {
-  const {
-    visible,
-    onClose,
-    title,
-    message,
-    icon,
-    variant = 'default',
-    actions,
-    dismissOnAction = true,
-    accessibilityLabel,
-    contentStyle,
-    containerStyle,
-    titleStyle,
-    messageStyle,
-    iconWrapperStyle,
-    actionsRowStyle,
-    actionButtonStyle,
-    actionTextStyle,
-    haptic,
-    testID
-  } = props;
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const variantTint = (0, _react.useMemo)(() => tintForVariant(theme, variant), [theme, variant]);
-  const dialogTokens = theme.components.dialog;
-  const iconWrapperSize = dialogTokens?.iconWrapperSize ?? 48;
-  const iconWrapperBorderRadius = dialogTokens?.iconWrapperBorderRadius ?? 24;
-  const actionButtonMinHeight = dialogTokens?.actionButtonMinHeight ?? 44;
-  const handleAction = (0, _react.useCallback)(action => {
-    if (action.loading) {
-      return;
-    }
-    const h = (0, _hapticUtils.resolveHaptic)(haptic, 'selection');
-    if (h) {
-      (0, _hapticUtils.triggerHaptic)(h);
-    }
-    if (dismissOnAction) {
-      // Close first, run the action after the native modal has dismissed.
-      // Running it in the same commit can unmount this tree while Android's
-      // ReactModalHostView is mid-dismiss (NPE crash). The timeout is
-      // deliberately not cleared on unmount — the action (e.g. logout)
-      // must still run even though the dialog is gone.
-      onClose();
-      setTimeout(action.onPress, _Modal.MODAL_DISMISS_GRACE_MS);
-    } else {
-      action.onPress();
-    }
-  }, [dismissOnAction, onClose, haptic]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
-    visible: visible,
-    onRequestClose: onClose
-    // Without this the backdrop tap resolves Modal's OWN (undefined) haptic
-    // to 'selection', so haptic={false} on the Dialog was ignored.
-    ,
-    haptic: haptic,
-    presentation: "centered",
-    accessibilityLabel: accessibilityLabel ?? title,
-    contentStyle: contentStyle,
-    testID: testID,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      accessibilityRole: "alert",
-      accessibilityLabel: accessibilityLabel ?? title,
-      style: [styles.container, containerStyle],
-      children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.iconWrapper, {
-          width: iconWrapperSize,
-          height: iconWrapperSize,
-          borderRadius: iconWrapperBorderRadius,
-          ..._corners.smoothCorners,
-          backgroundColor: variantTint.muted,
-          marginBottom: theme.spacing.md
-        }, iconWrapperStyle],
-        children: icon
-      }) : null, title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.title, {
-          color: theme.colors.text.primary,
-          fontSize: theme.typography.fontSize.xl,
-          ...(0, _index.fontFor)(theme, 'semibold'),
-          marginBottom: message ? theme.spacing.sm : theme.spacing.md
-        }, titleStyle],
-        accessibilityRole: "header",
-        children: title
-      }) : null, typeof message === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.message, {
-          color: theme.colors.text.secondary,
-          fontSize: theme.typography.fontSize.base,
-          lineHeight: theme.typography.fontSize.base * theme.typography.lineHeight.normal,
-          marginBottom: actions && actions.length > 0 ? theme.spacing.lg : 0
-        }, messageStyle],
-        children: message
-      }) : message ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          marginBottom: actions && actions.length > 0 ? theme.spacing.lg : 0
-        },
-        children: message
-      }) : null, actions && actions.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.actionsRow, actionsRowStyle],
-        children: actions.map((action, index) => {
-          const tone = action.tone ?? 'primary';
-          const buttonStyle = actionStyleFor(theme, tone, variant);
-          const isLast = index === actions.length - 1;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-            onPress: () => handleAction(action),
-            disabled: action.loading,
-            accessibilityRole: "button",
-            accessibilityLabel: action.label,
-            accessibilityState: {
-              busy: action.loading,
-              disabled: action.loading
-            },
-            style: ({
-              pressed
-            }) => [styles.actionButton, {
-              minHeight: actionButtonMinHeight,
-              backgroundColor: buttonStyle.backgroundColor,
-              borderColor: buttonStyle.borderColor,
-              borderWidth: buttonStyle.borderWidth,
-              borderRadius: theme.radius.md,
-              ..._corners.smoothCorners,
-              paddingVertical: theme.spacing.md - 2,
-              paddingHorizontal: theme.spacing.lg,
-              marginRight: isLast ? 0 : theme.spacing.sm,
-              opacity: action.loading ? 0.7 : pressed ? 0.85 : 1
-            }, actionButtonStyle],
-            children: action.loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-              size: "small",
-              color: buttonStyle.textColor
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [{
-                color: buttonStyle.textColor,
-                fontSize: theme.typography.fontSize.base,
-                ...(0, _index.fontFor)(theme, 'semibold'),
-                textAlign: 'center'
-              }, actionTextStyle],
-              numberOfLines: 1,
-              children: action.label
-            })
-          }, `${action.label}-${index}`);
-        })
-      }) : null]
-    })
-  });
-};
-exports.Dialog = Dialog;
-Dialog.displayName = 'Dialog';
-const tintForVariant = (theme, variant) => {
-  switch (variant) {
-    case 'success':
-      return {
-        base: theme.colors.success,
-        muted: theme.colors.background.secondary
-      };
-    case 'warning':
-      return {
-        base: theme.colors.warning,
-        muted: theme.colors.background.secondary
-      };
-    case 'error':
-      return {
-        base: theme.colors.error,
-        muted: theme.colors.background.secondary
-      };
-    case 'info':
-      return {
-        base: theme.colors.info,
-        muted: theme.colors.background.secondary
-      };
-    case 'default':
-    default:
-      return {
-        base: theme.colors.primary,
-        muted: theme.colors.primaryMuted
-      };
-  }
-};
-const actionStyleFor = (theme, tone, variant) => {
-  const variantBase = tintForVariant(theme, variant).base;
-  switch (tone) {
-    case 'primary':
-      {
-        const bg = variant === 'default' ? theme.colors.primary : variantBase;
-        return {
-          backgroundColor: bg,
-          borderColor: 'transparent',
-          borderWidth: 0,
-          textColor: theme.colors.text.inverse
-        };
-      }
-    case 'error':
-      return {
-        backgroundColor: theme.colors.error,
-        borderColor: 'transparent',
-        borderWidth: 0,
-        textColor: theme.colors.text.inverse
-      };
-    case 'neutral':
-    default:
-      return {
-        backgroundColor: 'transparent',
-        borderColor: theme.colors.border.primary,
-        borderWidth: 1,
-        textColor: theme.colors.text.primary
-      };
-  }
-};
-const buildStyles = _theme => _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'stretch'
-  },
-  iconWrapper: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    alignSelf: 'center'
-  },
-  title: {
-    textAlign: 'center'
-  },
-  message: {
-    textAlign: 'center'
-  },
-  actionsRow: {
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    alignItems: 'center'
-  },
-  actionButton: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-var _default = exports.default = Dialog;
-//# sourceMappingURL=Dialog.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Dialog=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_Modal=require("../Modal/Modal.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,n,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(i=t?o:r){if(i.has(e))return i.get(e);i.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?i(a,t,n):a[t]=e[t]);return a})(e,t)}const Dialog=e=>{const{visible:t,onClose:r,title:o,message:i,children:n,icon:a,variant:s="default",actions:l,dismissOnAction:c=!0,accessibilityLabel:d,contentStyle:u,containerStyle:p,titleStyle:g,messageStyle:b,iconWrapperStyle:m,actionsRowStyle:y,actionButtonStyle:_,actionTextStyle:x,haptic:h,testID:f}=e,j=(0,_index.useTheme)(),S=(0,_react.useMemo)(()=>buildStyles(j),[j]),C=(0,_react.useMemo)(()=>tintForVariant(j,s),[j,s]),R=j.components.dialog,v=R?.iconWrapperSize??48,M=R?.iconWrapperBorderRadius??24,W=R?.actionButtonMinHeight??44,w=Boolean(l&&l.length>0),D=(0,_react.useCallback)(e=>{if(e.loading||e.disabled)return;const t=(0,_hapticUtils.resolveHaptic)(h,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),c?(r(),setTimeout(e.onPress,_Modal.MODAL_DISMISS_GRACE_MS)):e.onPress()},[c,r,h]);return(0,_jsxRuntime.jsx)(_Modal.Modal,{visible:t,onRequestClose:r,haptic:h,presentation:"centered",accessibilityLabel:d??o,contentStyle:u,testID:f,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{accessibilityRole:"alert",accessibilityLabel:d??o,style:[S.container,p],children:[a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[S.iconWrapper,{width:v,height:v,borderRadius:M,..._corners.smoothCorners,backgroundColor:C.muted,marginBottom:j.spacing.md},m],children:a}):null,o?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[S.title,{color:j.colors.text.primary,fontSize:j.typography.fontSize.xl,...(0,_index.fontFor)(j,"semibold"),marginBottom:i||null!=n?j.spacing.sm:j.spacing.md},g],accessibilityRole:"header",children:o}):null,i?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[S.message,{color:j.colors.text.secondary,fontSize:j.typography.fontSize.base,lineHeight:j.typography.fontSize.base*j.typography.lineHeight.normal,marginBottom:null!=n?j.spacing.md:w?j.spacing.lg:0},b],children:i}):null,null!=n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginBottom:w?j.spacing.lg:0},children:n}):null,l&&l.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[S.actionsRow,y],children:l.map((e,t)=>{const r=e.tone??"primary",o=Boolean(e.disabled),i=actionStyleFor(j,r,s,o),n=t===l.length-1;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>D(e),disabled:e.loading||o,accessibilityRole:"button",accessibilityLabel:e.label,accessibilityState:{busy:e.loading,disabled:Boolean(e.loading)||o},style:({pressed:t})=>[S.actionButton,{minHeight:W,backgroundColor:i.backgroundColor,borderColor:i.borderColor,borderWidth:i.borderWidth,borderRadius:j.radius.md,..._corners.smoothCorners,paddingVertical:j.spacing.md-2,paddingHorizontal:j.spacing.lg,marginRight:n?0:j.spacing.sm,opacity:e.loading?.7:t&&!o?.85:1},_],children:e.loading?(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{size:"small",color:i.textColor}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:i.textColor,fontSize:j.typography.fontSize.base,...(0,_index.fontFor)(j,"semibold"),textAlign:"center"},x],numberOfLines:1,children:e.label})},`${e.label}-${t}`)})}):null]})})};exports.Dialog=Dialog,Dialog.displayName="Dialog";const tintForVariant=(e,t)=>{const r=e.colors.background.secondary;switch(t){case"success":return{base:e.colors.success,on:e.colors.onSuccess,muted:r};case"warning":return{base:e.colors.warning,on:e.colors.onWarning,muted:r};case"error":return{base:e.colors.error,on:e.colors.onError,muted:r};case"info":return{base:e.colors.info,on:e.colors.onInfo,muted:r};default:return{base:e.colors.primary,on:e.colors.onPrimary,muted:e.colors.primaryMuted}}},actionStyleFor=(e,t,r,o)=>{if(o)return{backgroundColor:"neutral"===t?"transparent":e.colors.surface.disabled,borderColor:"neutral"===t?e.colors.border.primary:"transparent",borderWidth:"neutral"===t?1:0,textColor:e.colors.text.disabled};switch(t){case"primary":{const t=tintForVariant(e,r);return{backgroundColor:t.base,borderColor:"transparent",borderWidth:0,textColor:t.on}}case"error":return{backgroundColor:e.colors.error,borderColor:"transparent",borderWidth:0,textColor:e.colors.onError};default:return{backgroundColor:"transparent",borderColor:e.colors.border.primary,borderWidth:1,textColor:e.colors.text.primary}}},buildStyles=e=>_reactNative.StyleSheet.create({container:{alignItems:"stretch"},iconWrapper:{alignItems:"center",justifyContent:"center",alignSelf:"center"},title:{textAlign:"center"},message:{textAlign:"center"},actionsRow:{flexDirection:"row",justifyContent:"flex-end",alignItems:"center"},actionButton:{flex:1,alignItems:"center",justifyContent:"center"}});var _default=exports.default=Dialog;

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

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

@@ -1,117 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Divider = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _jsxRuntime = require("react/jsx-runtime");
-const spacingFor = (theme, spacing) => {
-  switch (spacing) {
-    case 'sm':
-      return theme.spacing.sm;
-    case 'md':
-      return theme.spacing.md;
-    case 'lg':
-      return theme.spacing.lg;
-    case 'none':
-    default:
-      return 0;
-  }
-};
-const Divider = exports.Divider = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    orientation = 'horizontal',
-    thickness = 1,
-    color,
-    spacing = 'none',
-    inset = 0,
-    label,
-    labelPosition = 'center',
-    style,
-    testID
-  } = props;
-  const theme = (0, _index.useTheme)();
-  const lineColor = color ?? theme.colors.border.primary;
-  const margin = spacingFor(theme, spacing);
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  if (orientation === 'vertical') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      ref: ref,
-      accessibilityRole: "none",
-      testID: testID,
-      style: [styles.vertical, {
-        width: thickness,
-        backgroundColor: lineColor,
-        marginHorizontal: margin,
-        marginTop: inset
-      }, style]
-    });
-  }
-  if (label) {
-    const startFlex = labelPosition === 'start' ? 0 : labelPosition === 'end' ? 1 : 1;
-    const endFlex = labelPosition === 'end' ? 0 : labelPosition === 'start' ? 1 : 1;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      ref: ref,
-      accessibilityRole: "none",
-      testID: testID,
-      style: [styles.horizontalRow, {
-        marginVertical: margin,
-        marginLeft: inset
-      }, style],
-      children: [startFlex > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.horizontalLine, {
-          height: thickness,
-          backgroundColor: lineColor,
-          flex: startFlex
-        }]
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.label,
-        numberOfLines: 1,
-        children: label
-      }), endFlex > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.horizontalLine, {
-          height: thickness,
-          backgroundColor: lineColor,
-          flex: endFlex
-        }]
-      }) : null]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    ref: ref,
-    accessibilityRole: "none",
-    testID: testID,
-    style: [styles.horizontalLine, {
-      height: thickness,
-      backgroundColor: lineColor,
-      marginVertical: margin,
-      marginLeft: inset
-    }, style]
-  });
-});
-Divider.displayName = 'Divider';
-const buildStyles = theme => _reactNative.StyleSheet.create({
-  horizontalRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    width: '100%'
-  },
-  horizontalLine: {
-    width: '100%',
-    alignSelf: 'stretch'
-  },
-  vertical: {
-    alignSelf: 'stretch'
-  },
-  label: {
-    marginHorizontal: theme.spacing.sm,
-    color: theme.colors.text.tertiary,
-    fontSize: theme.typography.fontSize.sm,
-    fontWeight: theme.typography.fontWeight.medium
-  }
-});
-var _default = exports.default = Divider;
-//# sourceMappingURL=Divider.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Divider=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_jsxRuntime=require("react/jsx-runtime");const spacingFor=(e,t)=>{switch(t){case"sm":return e.spacing.sm;case"md":return e.spacing.md;case"lg":return e.spacing.lg;default:return 0}},Divider=exports.Divider=(0,_react.forwardRef)((e,t)=>{const{orientation:i="horizontal",thickness:r=1,color:a,spacing:n="none",inset:o=0,label:s,labelPosition:l="center",style:c,testID:u}=e,d=(0,_index.useTheme)(),g=a??d.colors.border.primary,m=spacingFor(d,n),h=(0,_react.useMemo)(()=>buildStyles(d),[d]);if("vertical"===i)return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessibilityRole:"none",testID:u,style:[h.vertical,{width:r,backgroundColor:g,marginHorizontal:m,marginTop:o},c]});if(s){const e="start"===l?0:1,i="end"===l?0:1;return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,accessibilityRole:"none",testID:u,style:[h.horizontalRow,{marginVertical:m,marginLeft:o},c],children:[e>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[h.horizontalLine,{height:r,backgroundColor:g,flex:e}]}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:h.label,numberOfLines:1,children:s}),i>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[h.horizontalLine,{height:r,backgroundColor:g,flex:i}]}):null]})}return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessibilityRole:"none",testID:u,style:[h.horizontalLine,{height:r,backgroundColor:g,marginVertical:m,marginLeft:o},c]})});Divider.displayName="Divider";const buildStyles=e=>_reactNative.StyleSheet.create({horizontalRow:{flexDirection:"row",alignItems:"center",width:"100%"},horizontalLine:{width:"100%",alignSelf:"stretch"},vertical:{alignSelf:"stretch"},label:{marginHorizontal:e.spacing.sm,color:e.colors.text.tertiary,fontSize:e.typography.fontSize.sm,fontWeight:e.typography.fontWeight.medium}});var _default=exports.default=Divider;

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

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