@webority/mobile-ui 0.0.39 → 0.2.0

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

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

package/lib/commonjs/components/Timeline/Timeline.js

@@ -1,263 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Timeline = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _color = require("../../utils/color.js");
-var _corners = require("../../utils/corners.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); }
-/**
- * The status vocabulary is shared with the web library's AppTimeline so a
- * sign-off history reads identically on both surfaces.
- *
- *   upcoming  — not started yet        (muted disc)
- *   current   — in progress now        (warning)
- *   done      — completed              (success)
- *   onHold    — blocked / waiting      (info)
- *   rejected  — declined / failed      (error)
- *   cancelled — aborted                (muted)
- *   skipped   — intentionally bypassed (muted)
- *
- * Every dot sits inside a soft halo of its own colour (the accent at 16
- * percent), the web timeline's glow. The halo is a layout wrapper, not a
- * platform shadow: a shadow cannot be coloured on Android and sits outside
- * layout, while a wrapper keeps the connector spacing exact.
- */
-
-/** Same two names as the web library's AppTimeline; orthogonal to `variant`. */
-
-const DOT = 12;
-const HALO = 6;
-const RAIL = 2;
-const GAP = 4;
-const GUTTER = 28;
-const HALO_OPACITY = 0.16;
-
-/**
- * A chronological activity feed OR a status-progress tracker. Stepper covers a
- * linear "which step am I on" flow; this covers "what has happened to this
- * record", where entries carry their own status and can end in a terminal one.
- */
-const Timeline = ({
-  items,
-  variant = 'feed',
-  orientation = 'vertical',
-  style,
-  testID
-}) => {
-  const theme = (0, _index.useTheme)();
-  const tokens = theme.components.timeline;
-  const dotSize = tokens?.dotSize ?? DOT;
-  const haloWidth = tokens?.haloWidth ?? HALO;
-  const gap = tokens?.connectorGap ?? GAP;
-  const discSize = dotSize + haloWidth * 2;
-  const styles = (0, _react.useMemo)(() => buildStyles(theme, dotSize, discSize, gap), [theme, dotSize, discSize, gap]);
-  const horizontal = orientation === 'horizontal';
-  const railColor = theme.colors.border.primary;
-
-  // Horizontal columns get an explicit equal width from the measured row.
-  // `flex: 1` alone let a column with a long unbreakable word or a wide meta
-  // line take more than its share, so the dots drifted apart unevenly. Until
-  // the first layout the columns flex, so nothing jumps on mount.
-  const [rowWidth, setRowWidth] = (0, _react.useState)(0);
-  const onRowLayout = (0, _react.useCallback)(event => {
-    const {
-      width
-    } = event.nativeEvent.layout;
-    setRowWidth(prev => prev === width ? prev : width);
-  }, []);
-  const columnWidth = horizontal && rowWidth > 0 && items.length > 0 ? rowWidth / items.length : 0;
-  const colourFor = status => {
-    switch (status) {
-      case 'done':
-        return theme.colors.success;
-      case 'current':
-        return theme.colors.warning;
-      case 'onHold':
-        return theme.colors.info;
-      case 'rejected':
-        return theme.colors.error;
-      case 'cancelled':
-      case 'skipped':
-        return theme.colors.text.tertiary;
-      default:
-        return theme.colors.text.disabled;
-    }
-  };
-  const renderDisc = (item, accent) => item.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.disc,
-    children: item.icon
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.disc, {
-      backgroundColor: (0, _color.tintOf)(accent, HALO_OPACITY, theme.colors.background.tertiary)
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.dot, {
-        backgroundColor: accent
-      }]
-    })
-  });
-  const renderText = (item, status) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.title, {
-        fontSize: horizontal ? theme.typography.fontSize.sm : theme.typography.fontSize.base,
-        color: status === 'upcoming' ? theme.colors.text.secondary : theme.colors.text.primary
-      }, horizontal ? styles.centred : null],
-      children: item.title
-    }), item.meta ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.meta, {
-        fontSize: theme.typography.fontSize.xs,
-        color: theme.colors.text.tertiary
-      }, horizontal ? styles.centred : null],
-      children: item.meta
-    }) : null, item.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.description, {
-        fontSize: theme.typography.fontSize.sm,
-        color: theme.colors.text.secondary
-      }, horizontal ? styles.centred : null],
-      children: item.description
-    }) : null, item.children]
-  });
-  const entries = items.map((item, index) => {
-    const status = item.status ?? (variant === 'feed' ? 'done' : 'upcoming');
-    const accent = item.color ?? colourFor(status);
-    const isFirst = index === 0;
-    const isLast = index === items.length - 1;
-    const key = item.key ?? `${item.title}-${index}`;
-    if (horizontal) {
-      // The connector is two half segments, this column's right and the next
-      // column's left, so it runs from one halo's edge to the next with the
-      // gap either side and nothing ever passes under a translucent halo.
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [styles.hColumn, columnWidth > 0 ? {
-          width: columnWidth,
-          flex: 0
-        } : null],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.hDotRow,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.hSegment, {
-              marginRight: gap,
-              backgroundColor: isFirst ? 'transparent' : railColor
-            }]
-          }), renderDisc(item, accent), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.hSegment, {
-              marginLeft: gap,
-              backgroundColor: isLast ? 'transparent' : railColor
-            }]
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.hBody,
-          children: renderText(item, status)
-        })]
-      }, key);
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.row,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.gutter,
-        children: [renderDisc(item, accent), isLast ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.rail, {
-            backgroundColor: railColor
-          }]
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.body, {
-          paddingBottom: isLast ? 0 : theme.spacing.lg
-        }],
-        children: renderText(item, status)
-      })]
-    }, key);
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [horizontal ? styles.hRow : null, style],
-    onLayout: horizontal ? onRowLayout : undefined,
-    testID: testID,
-    children: entries
-  });
-};
-exports.Timeline = Timeline;
-const buildStyles = (theme, dotSize, discSize, gap) => _reactNative.StyleSheet.create({
-  row: {
-    flexDirection: 'row'
-  },
-  gutter: {
-    width: Math.max(GUTTER, discSize + 4),
-    alignItems: 'center'
-  },
-  disc: {
-    width: discSize,
-    height: discSize,
-    borderRadius: discSize / 2,
-    ..._corners.smoothCorners,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  dot: {
-    width: dotSize,
-    height: dotSize,
-    borderRadius: dotSize / 2,
-    ..._corners.smoothCorners
-  },
-  rail: {
-    width: RAIL,
-    flex: 1,
-    marginTop: gap,
-    borderRadius: RAIL / 2,
-    ..._corners.smoothCorners
-  },
-  body: {
-    flex: 1,
-    gap: 2,
-    // The disc fills most of the gutter, so the text needs its own inset
-    // from the halo's edge; without it the title sits against the tint.
-    paddingLeft: theme.spacing.sm
-  },
-  hRow: {
-    flexDirection: 'row',
-    alignItems: 'flex-start'
-  },
-  hColumn: {
-    flex: 1,
-    minWidth: 0,
-    alignItems: 'center'
-  },
-  hDotRow: {
-    alignSelf: 'stretch',
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  hSegment: {
-    flex: 1,
-    height: RAIL,
-    borderRadius: RAIL / 2,
-    ..._corners.smoothCorners
-  },
-  hBody: {
-    alignSelf: 'stretch',
-    alignItems: 'center',
-    paddingHorizontal: theme.spacing.xs,
-    marginTop: theme.spacing.sm,
-    gap: 2
-  },
-  centred: {
-    textAlign: 'center'
-  },
-  title: {
-    ...(0, _index.fontFor)(theme, 'semibold'),
-    fontWeight: '600'
-  },
-  meta: {
-    ...(0, _index.fontFor)(theme, 'normal')
-  },
-  description: {
-    ...(0, _index.fontFor)(theme, 'normal')
-  }
-});
-var _default = exports.default = Timeline;
-//# sourceMappingURL=Timeline.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Timeline=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.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,o,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(n=t?i:r){if(n.has(e))return n.get(e);n.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?n(s,t,o):s[t]=e[t]);return s})(e,t)}const DOT=12,HALO=6,RAIL=2,GAP=4,GUTTER=28,HALO_OPACITY=.16,Timeline=({items:e,variant:t="feed",orientation:r="vertical",style:i,testID:n})=>{const o=(0,_index.useTheme)(),s=o.components.timeline,a=s?.dotSize??12,l=s?.haloWidth??6,c=s?.connectorGap??4,d=a+2*l,u=(0,_react.useMemo)(()=>buildStyles(o,a,d,c),[o,a,d,c]),m="horizontal"===r,x=o.colors.border.primary,[_,h]=(0,_react.useState)(0),p=(0,_react.useCallback)(e=>{const{width:t}=e.nativeEvent.layout;h(e=>e===t?e:t)},[]),g=m&&_>0&&e.length>0?_/e.length:0,renderDisc=(e,t)=>e.icon?(0,_jsxRuntime.jsx)(_reactNative.View,{style:u.disc,children:e.icon}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.disc,{backgroundColor:(0,_color.tintOf)(t,.16,o.colors.background.tertiary)}],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.dot,{backgroundColor:t}]})}),renderText=(e,t)=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[u.title,{fontSize:m?o.typography.fontSize.sm:o.typography.fontSize.base,color:"upcoming"===t?o.colors.text.secondary:o.colors.text.primary},m?u.centred:null],children:e.title}),e.meta?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[u.meta,{fontSize:o.typography.fontSize.xs,color:o.colors.text.tertiary},m?u.centred:null],children:e.meta}):null,e.description?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[u.description,{fontSize:o.typography.fontSize.sm,color:o.colors.text.secondary},m?u.centred:null],children:e.description}):null,e.children]}),f=e.map((r,i)=>{const n=r.status??("feed"===t?"done":"upcoming"),s=r.color??(e=>{switch(e){case"done":return o.colors.success;case"current":return o.colors.warning;case"onHold":return o.colors.info;case"rejected":return o.colors.error;case"cancelled":case"skipped":return o.colors.text.tertiary;default:return o.colors.text.disabled}})(n),a=0===i,l=i===e.length-1,d=r.key??`${r.title}-${i}`;return m?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[u.hColumn,g>0?{width:g,flex:0}:null],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:u.hDotRow,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.hSegment,{marginRight:c,backgroundColor:a?"transparent":x}]}),renderDisc(r,s),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.hSegment,{marginLeft:c,backgroundColor:l?"transparent":x}]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:u.hBody,children:renderText(r,n)})]},d):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:u.row,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:u.gutter,children:[renderDisc(r,s),l?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.rail,{backgroundColor:x}]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.body,{paddingBottom:l?0:o.spacing.lg}],children:renderText(r,n)})]},d)});return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[m?u.hRow:null,i],onLayout:m?p:void 0,testID:n,children:f})};exports.Timeline=Timeline;const buildStyles=(e,t,r,i)=>_reactNative.StyleSheet.create({row:{flexDirection:"row"},gutter:{width:Math.max(28,r+4),alignItems:"center"},disc:{width:r,height:r,borderRadius:r/2,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},dot:{width:t,height:t,borderRadius:t/2,..._corners.smoothCorners},rail:{width:2,flex:1,marginTop:i,borderRadius:1,..._corners.smoothCorners},body:{flex:1,gap:2,paddingLeft:e.spacing.sm},hRow:{flexDirection:"row",alignItems:"flex-start"},hColumn:{flex:1,minWidth:0,alignItems:"center"},hDotRow:{alignSelf:"stretch",flexDirection:"row",alignItems:"center"},hSegment:{flex:1,height:2,borderRadius:1,..._corners.smoothCorners},hBody:{alignSelf:"stretch",alignItems:"center",paddingHorizontal:e.spacing.xs,marginTop:e.spacing.sm,gap:2},centred:{textAlign:"center"},title:{...(0,_index.fontFor)(e,"semibold"),fontWeight:"600"},meta:{...(0,_index.fontFor)(e,"normal")},description:{...(0,_index.fontFor)(e,"normal")}});var _default=exports.default=Timeline;

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

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

@@ -1,326 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Toast = 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 _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 DEFAULT_SWIPE_DISMISS_THRESHOLD = 80;
-const DEFAULT_SWIPE_VELOCITY_THRESHOLD = 0.5;
-const DEFAULT_STACK_OFFSET = 8;
-const DEFAULT_STACK_SCALE_STEP = 0.04;
-const DEFAULT_AUTO_DISMISS_MS = 3000;
-const Toast = ({
-  toast,
-  index,
-  onDismiss
-}) => {
-  const theme = (0, _index.useTheme)();
-  const variant = toast.variant ?? 'default';
-  const position = toast.position ?? 'bottom';
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const tint = (0, _react.useMemo)(() => tintFor(theme, variant), [theme, variant]);
-  const toastTokens = theme.components.toast;
-  const iconCircleSize = toastTokens?.iconCircleSize ?? 28;
-  const iconCircleBorderRadius = toastTokens?.iconCircleBorderRadius ?? 14;
-  const iconGlyphFontSize = toastTokens?.iconGlyphFontSize ?? 16;
-  const tintBarWidth = toastTokens?.tintBarWidth ?? 4;
-  const swipeDismissThreshold = toastTokens?.swipeDismissThreshold ?? DEFAULT_SWIPE_DISMISS_THRESHOLD;
-  const swipeVelocityThreshold = toastTokens?.swipeVelocityThreshold ?? DEFAULT_SWIPE_VELOCITY_THRESHOLD;
-  const stackOffset = toastTokens?.stackOffset ?? DEFAULT_STACK_OFFSET;
-  const stackScaleStep = toastTokens?.stackScaleStep ?? DEFAULT_STACK_SCALE_STEP;
-  const stackMinScale = toastTokens?.stackMinScale ?? 0.9;
-  const defaultDurationMs = toastTokens?.defaultDurationMs ?? DEFAULT_AUTO_DISMISS_MS;
-  const enableSwipeDismiss = toastTokens?.enableSwipeDismiss ?? true;
-  const enterSpringDamping = toastTokens?.enterSpringDamping ?? 18;
-  const enterSpringStiffness = toastTokens?.enterSpringStiffness ?? 180;
-  const enterSpringMass = toastTokens?.enterSpringMass ?? 1;
-  const enterFrom = position === 'top' ? -120 : 120;
-  const translateY = (0, _react.useRef)((0, _index.createAnimatedValue)(enterFrom)).current;
-  const translateX = (0, _react.useRef)((0, _index.createAnimatedValue)(0)).current;
-  const opacity = (0, _react.useRef)((0, _index.createAnimatedValue)(0)).current;
-  const dismissedRef = (0, _react.useRef)(false);
-  const stackTranslate = position === 'top' ? index * stackOffset : -index * stackOffset;
-  const stackScale = Math.max(1 - index * stackScaleStep, stackMinScale);
-
-  // The stack offset rides on its own value so the enter spring (translateY)
-  // and the layout offset compose once instead of rebuilding a fresh
-  // `new Animated.Value` + `Animated.add` node on every render. setNativeValue
-  // keeps it in sync after the node has moved to the native driver.
-  const stackTranslateY = (0, _react.useRef)((0, _index.createAnimatedValue)(stackTranslate)).current;
-  (0, _react.useEffect)(() => {
-    (0, _index.setNativeValue)(stackTranslateY, stackTranslate);
-  }, [stackTranslate, stackTranslateY]);
-  const composedTranslateY = (0, _react.useMemo)(() => _reactNative.Animated.add(translateY, stackTranslateY), [translateY, stackTranslateY]);
-  const dismiss = () => {
-    if (dismissedRef.current) {
-      return;
-    }
-    dismissedRef.current = true;
-    _reactNative.Animated.parallel([_reactNative.Animated.timing(opacity, {
-      toValue: 0,
-      duration: theme.motion.duration.fast,
-      easing: _reactNative.Easing.bezier(...theme.motion.easing.accelerate),
-      useNativeDriver: true
-    }), _reactNative.Animated.timing(translateY, {
-      toValue: enterFrom,
-      duration: theme.motion.duration.fast,
-      easing: _reactNative.Easing.bezier(...theme.motion.easing.accelerate),
-      useNativeDriver: true
-    })]).start(() => onDismiss(toast.id));
-  };
-
-  // biome-ignore lint/correctness/useExhaustiveDependencies: mount-once: a toast enters and schedules its own auto-dismiss. `dismiss` is re-created per render, so declaring it would restart the timer on every parent render and the toast would never leave
-  (0, _react.useEffect)(() => {
-    const enter = _reactNative.Animated.parallel([_reactNative.Animated.spring(translateY, {
-      toValue: 0,
-      damping: enterSpringDamping,
-      stiffness: enterSpringStiffness,
-      mass: enterSpringMass,
-      useNativeDriver: true
-    }), _reactNative.Animated.timing(opacity, {
-      toValue: 1,
-      duration: theme.motion.duration.fast,
-      useNativeDriver: true
-    })]);
-    enter.start();
-    const duration = toast.duration ?? defaultDurationMs;
-    if (duration > 0) {
-      const timer = setTimeout(() => dismiss(), duration);
-      return () => {
-        enter.stop();
-        clearTimeout(timer);
-      };
-    }
-    return () => enter.stop();
-  }, []);
-  const panResponder = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
-    onMoveShouldSetPanResponder: (_evt, gesture) => Math.abs(gesture.dx) > Math.abs(gesture.dy) && Math.abs(gesture.dx) > 6,
-    onPanResponderMove: (_evt, gesture) => {
-      (0, _index.setNativeValue)(translateX, gesture.dx);
-      const fade = 1 - Math.min(Math.abs(gesture.dx) / 200, 1) * 0.7;
-      (0, _index.setNativeValue)(opacity, fade);
-    },
-    // A stolen responder (parent scroll, system gesture) otherwise leaves the
-    // toast parked mid-swipe at reduced opacity, neither dismissed nor reset.
-    onPanResponderTerminate: () => {
-      _reactNative.Animated.parallel([_reactNative.Animated.spring(translateX, {
-        toValue: 0,
-        damping: theme.motion.spring.snappy.damping,
-        stiffness: theme.motion.spring.snappy.stiffness,
-        mass: theme.motion.spring.snappy.mass,
-        useNativeDriver: true
-      }), _reactNative.Animated.timing(opacity, {
-        toValue: 1,
-        duration: theme.motion.duration.fast,
-        useNativeDriver: true
-      })]).start();
-    },
-    onPanResponderRelease: (_evt, gesture) => {
-      if (Math.abs(gesture.dx) > swipeDismissThreshold || Math.abs(gesture.vx) > swipeVelocityThreshold) {
-        const direction = gesture.dx >= 0 ? 1 : -1;
-        _reactNative.Animated.parallel([_reactNative.Animated.timing(translateX, {
-          toValue: direction * 500,
-          duration: theme.motion.duration.fast,
-          useNativeDriver: true
-        }), _reactNative.Animated.timing(opacity, {
-          toValue: 0,
-          duration: theme.motion.duration.fast,
-          useNativeDriver: true
-        })]).start(() => {
-          dismissedRef.current = true;
-          onDismiss(toast.id);
-        });
-      } else {
-        _reactNative.Animated.parallel([_reactNative.Animated.spring(translateX, {
-          toValue: 0,
-          useNativeDriver: true
-        }), _reactNative.Animated.spring(opacity, {
-          toValue: 1,
-          useNativeDriver: true
-        })]).start();
-      }
-    }
-  }), [translateX, opacity, swipeDismissThreshold, swipeVelocityThreshold, theme.motion.duration.fast, theme.motion.spring.snappy.damping, theme.motion.spring.snappy.stiffness, theme.motion.spring.snappy.mass, onDismiss, toast.id]);
-  const handleActionPress = () => {
-    toast.action?.onPress();
-    dismiss();
-  };
-  const renderIcon = () => {
-    if (toast.icon) {
-      return toast.icon;
-    }
-    const glyph = defaultGlyph(variant);
-    if (!glyph) {
-      return null;
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.iconCircle, {
-        width: iconCircleSize,
-        height: iconCircleSize,
-        borderRadius: iconCircleBorderRadius,
-        ..._corners.smoothCorners,
-        backgroundColor: tint + '22'
-      }, toast.iconCircleStyle],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.iconGlyph, {
-          color: tint,
-          fontSize: iconGlyphFontSize
-        }],
-        accessible: false,
-        children: glyph
-      })
-    });
-  };
-  const a11yLabel = toast.description ? `${toast.message}. ${toast.description}` : toast.message;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
-    ...(enableSwipeDismiss ? panResponder.panHandlers : {}),
-    accessibilityRole: "alert",
-    accessibilityLiveRegion: "assertive",
-    accessibilityLabel: a11yLabel,
-    testID: toast.testID,
-    style: [styles.container, {
-      backgroundColor: theme.colors.background.elevated,
-      borderRadius: theme.radius.lg,
-      ..._corners.smoothCorners,
-      padding: theme.spacing.md,
-      ...theme.shadows.md,
-      shadowColor: theme.shadows.md.shadowColor,
-      opacity,
-      transform: [{
-        translateY: composedTranslateY
-      }, {
-        translateX
-      }, {
-        scale: stackScale
-      }]
-    }, toast.style, toast.containerStyle],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.tintBar, {
-        width: tintBarWidth,
-        backgroundColor: tint
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.row,
-      children: [renderIcon(), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.textBlock,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.message, {
-            color: theme.colors.text.primary,
-            fontSize: theme.typography.fontSize.base,
-            ...(0, _index.fontFor)(theme, 'semibold')
-          }, toast.textStyle, toast.messageStyle],
-          numberOfLines: 2,
-          children: toast.message
-        }), toast.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.description, {
-            color: theme.colors.text.secondary,
-            fontSize: theme.typography.fontSize.sm
-          }],
-          numberOfLines: 3,
-          children: toast.description
-        }) : null]
-      }), toast.action ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        accessibilityRole: "button",
-        accessibilityLabel: toast.action.label,
-        onPress: handleActionPress,
-        style: ({
-          pressed
-        }) => [styles.actionBtn, {
-          backgroundColor: pressed ? theme.colors.surface.pressed : 'transparent'
-        }, toast.actionButtonStyle],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: {
-            color: tint,
-            fontSize: theme.typography.fontSize.sm,
-            ...(0, _index.fontFor)(theme, 'semibold')
-          },
-          numberOfLines: 1,
-          children: toast.action.label
-        })
-      }) : null]
-    })]
-  });
-};
-exports.Toast = Toast;
-const tintFor = (theme, variant) => {
-  switch (variant) {
-    case 'success':
-      return theme.colors.success;
-    case 'error':
-      return theme.colors.error;
-    case 'warning':
-      return theme.colors.warning;
-    case 'info':
-      return theme.colors.info;
-    case 'default':
-    default:
-      return theme.colors.text.primary;
-  }
-};
-const defaultGlyph = variant => {
-  switch (variant) {
-    case 'success':
-      return '✓';
-    case 'error':
-      return '×';
-    case 'warning':
-      return '!';
-    case 'info':
-      return 'i';
-    case 'default':
-    default:
-      return '';
-  }
-};
-const buildStyles = _theme => _reactNative.StyleSheet.create({
-  container: {
-    overflow: 'hidden',
-    marginVertical: 4
-  },
-  tintBar: {
-    position: 'absolute',
-    left: 0,
-    top: 0,
-    bottom: 0
-  },
-  row: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingLeft: 8
-  },
-  iconCircle: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginRight: 12
-  },
-  iconGlyph: {
-    fontWeight: '700',
-    lineHeight: 18
-  },
-  textBlock: {
-    flex: 1,
-    paddingRight: 8
-  },
-  message: {
-    lineHeight: 20
-  },
-  description: {
-    marginTop: 2,
-    lineHeight: 18
-  },
-  actionBtn: {
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: 8,
-    ..._corners.smoothCorners,
-    marginLeft: 8
-  }
-});
-var _default = exports.default = Toast;
-//# sourceMappingURL=Toast.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Toast=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var i=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var r,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(r=t?a:i){if(r.has(e))return r.get(e);r.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?r(s,t,n):s[t]=e[t]);return s})(e,t)}const DEFAULT_SWIPE_DISMISS_THRESHOLD=80,DEFAULT_SWIPE_VELOCITY_THRESHOLD=.5,DEFAULT_STACK_OFFSET=8,DEFAULT_STACK_SCALE_STEP=.04,DEFAULT_AUTO_DISMISS_MS=3e3,Toast=({toast:e,index:t,onDismiss:i,shownAt:a})=>{const r=(0,_index.useTheme)(),n=e.variant??"default",s=e.position??"bottom",o=(0,_react.useMemo)(()=>buildStyles(r),[r]),c=(0,_react.useMemo)(()=>tintFor(r,n),[r,n]),l=r.components.toast,d=l?.iconCircleSize??28,u=l?.iconCircleBorderRadius??14,m=l?.iconGlyphFontSize??16,p=l?.tintBarWidth??4,_=l?.swipeDismissThreshold??80,f=l?.swipeVelocityThreshold??.5,g=l?.stackOffset??8,v=l?.stackScaleStep??.04,x=l?.stackMinScale??.9,h=l?.defaultDurationMs??3e3,y=l?.enableSwipeDismiss??!0,b=l?.enterSpringDamping??18,N=l?.enterSpringStiffness??180,S=l?.enterSpringMass??1,R="top"===s?-120:120,A=(0,_react.useRef)((0,_index.createAnimatedValue)(R)).current,j=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,w=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,D=(0,_react.useRef)(!1),T="top"===s?t*g:-t*g,M=Math.max(1-t*v,x),V=(0,_react.useRef)((0,_index.createAnimatedValue)(T)).current;(0,_react.useEffect)(()=>{(0,_index.setNativeValue)(V,T)},[T,V]);const C=(0,_react.useMemo)(()=>_reactNative.Animated.add(A,V),[A,V]),dismiss=()=>{D.current||(D.current=!0,_reactNative.Animated.parallel([_reactNative.Animated.timing(w,{toValue:0,duration:r.motion.duration.fast,easing:_reactNative.Easing.bezier(...r.motion.easing.accelerate),useNativeDriver:!0}),_reactNative.Animated.timing(A,{toValue:R,duration:r.motion.duration.fast,easing:_reactNative.Easing.bezier(...r.motion.easing.accelerate),useNativeDriver:!0})]).start(()=>i(e.id)))};(0,_react.useEffect)(()=>{const t=_reactNative.Animated.parallel([_reactNative.Animated.spring(A,{toValue:0,damping:b,stiffness:N,mass:S,useNativeDriver:!0}),_reactNative.Animated.timing(w,{toValue:1,duration:r.motion.duration.fast,useNativeDriver:!0})]);t.start();const i=e.duration??h;if(i>0){const e=void 0===a?0:Date.now()-a,r=setTimeout(()=>dismiss(),Math.max(i-e,0));return()=>{t.stop(),clearTimeout(r)}}return()=>t.stop()},[]);const E=(0,_react.useMemo)(()=>_reactNative.PanResponder.create({onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>Math.abs(t.dy)&&Math.abs(t.dx)>6,onPanResponderMove:(e,t)=>{(0,_index.setNativeValue)(j,t.dx);const i=1-.7*Math.min(Math.abs(t.dx)/200,1);(0,_index.setNativeValue)(w,i)},onPanResponderTerminate:()=>{_reactNative.Animated.parallel([_reactNative.Animated.spring(j,{toValue:0,damping:r.motion.spring.snappy.damping,stiffness:r.motion.spring.snappy.stiffness,mass:r.motion.spring.snappy.mass,useNativeDriver:!0}),_reactNative.Animated.timing(w,{toValue:1,duration:r.motion.duration.fast,useNativeDriver:!0})]).start()},onPanResponderRelease:(t,a)=>{if(Math.abs(a.dx)>_||Math.abs(a.vx)>f){const t=a.dx>=0?1:-1;_reactNative.Animated.parallel([_reactNative.Animated.timing(j,{toValue:500*t,duration:r.motion.duration.fast,useNativeDriver:!0}),_reactNative.Animated.timing(w,{toValue:0,duration:r.motion.duration.fast,useNativeDriver:!0})]).start(()=>{D.current=!0,i(e.id)})}else _reactNative.Animated.parallel([_reactNative.Animated.spring(j,{toValue:0,useNativeDriver:!0}),_reactNative.Animated.spring(w,{toValue:1,useNativeDriver:!0})]).start()}}),[j,w,_,f,r.motion.duration.fast,r.motion.spring.snappy.damping,r.motion.spring.snappy.stiffness,r.motion.spring.snappy.mass,i,e.id]),L=e.description?`${e.message}. ${e.description}`:e.message;return(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{...y?E.panHandlers:{},accessibilityRole:"alert",accessibilityLiveRegion:"assertive",accessibilityLabel:L,testID:e.testID,style:[o.container,{backgroundColor:r.colors.background.elevated,borderRadius:r.radius.lg,..._corners.smoothCorners,padding:r.spacing.md,...r.shadows.md,shadowColor:r.shadows.md.shadowColor,opacity:w,transform:[{translateY:C},{translateX:j},{scale:M}]},e.style,e.containerStyle],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[o.tintBar,{width:p,backgroundColor:c}]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:o.row,children:[(()=>{if(e.icon)return e.icon;const t=defaultGlyph(n);return t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[o.iconCircle,{width:d,height:d,borderRadius:u,..._corners.smoothCorners,backgroundColor:c+"22"},e.iconCircleStyle],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[o.iconGlyph,{color:c,fontSize:m}],accessible:!1,children:t})}):null})(),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:o.textBlock,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[o.message,{color:r.colors.text.primary,fontSize:r.typography.fontSize.base,...(0,_index.fontFor)(r,"semibold")},e.textStyle,e.messageStyle],numberOfLines:2,children:e.message}),e.description?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[o.description,{color:r.colors.text.secondary,fontSize:r.typography.fontSize.sm}],numberOfLines:3,children:e.description}):null]}),e.action?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:e.action.label,onPress:()=>{e.action?.onPress(),dismiss()},style:({pressed:t})=>[o.actionBtn,{backgroundColor:t?r.colors.surface.pressed:"transparent"},e.actionButtonStyle],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:c,fontSize:r.typography.fontSize.sm,...(0,_index.fontFor)(r,"semibold")},numberOfLines:1,children:e.action.label})}):null]})]})};exports.Toast=Toast;const tintFor=(e,t)=>{switch(t){case"success":return e.colors.success;case"error":return e.colors.error;case"warning":return e.colors.warning;case"info":return e.colors.info;default:return e.colors.text.primary}},defaultGlyph=e=>{switch(e){case"success":return"✓";case"error":return"×";case"warning":return"!";case"info":return"i";default:return""}},buildStyles=e=>_reactNative.StyleSheet.create({container:{overflow:"hidden",marginVertical:4},tintBar:{position:"absolute",left:0,top:0,bottom:0},row:{flexDirection:"row",alignItems:"center",paddingLeft:8},iconCircle:{alignItems:"center",justifyContent:"center",marginRight:12},iconGlyph:{fontWeight:"700",lineHeight:18},textBlock:{flex:1,paddingRight:8},message:{lineHeight:20},description:{marginTop:2,lineHeight:18},actionBtn:{paddingHorizontal:10,paddingVertical:6,borderRadius:8,..._corners.smoothCorners,marginLeft:8}});var _default=exports.default=Toast;