@webority/mobile-ui 0.0.38 → 0.1.0

package/lib/commonjs/components/PickerTrigger/PickerTrigger.js

@@ -1,150 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.PickerTrigger = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _index2 = require("../FieldBase/index.js");
-var _Chevron = require("../FieldBase/Chevron.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); }
-/**
- * PickerTrigger — the tappable input field that opens a modal picker.
- *
- * Standalone read-only field built on FieldBase, used by DatePicker,
- * TimePicker and DateRangePicker (and any consumer-built picker) to render
- * the closed-state row that matches Input / Select pixel-for-pixel.
- *
- * The component is purely visual + interactive — it does not own picker
- * state. Consumers either:
- *   - Use the built-in trigger mode on a picker, which composes this
- *     internally and manages its own open/close.
- *   - Render PickerTrigger themselves alongside a controlled picker.
- */
-
-const PickerTrigger = exports.PickerTrigger = /*#__PURE__*/(0, _react.forwardRef)((props, _ref) => {
-  const {
-    value,
-    placeholder,
-    label,
-    helperText,
-    error,
-    required = false,
-    onPress,
-    clearable = false,
-    onClear,
-    leadingIcon,
-    trailing,
-    disabled = false,
-    size = 'md',
-    variant,
-    style,
-    triggerStyle,
-    valueStyle,
-    labelStyle,
-    messageStyle,
-    accessibilityLabel,
-    testID
-  } = props;
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const sizeTokens = (0, _index2.resolveFieldSize)(theme, size);
-  const fieldText = (0, _index2.resolveFieldTextStyle)(theme, {
-    disabled
-  });
-  const hasValue = typeof value === 'string' && value.length > 0;
-  const hasError = typeof error === 'string' && error.length > 0;
-  const displayText = hasValue ? value : placeholder ?? 'Select…';
-  const valueColor = hasValue ? fieldText.color : fieldText.placeholderColor;
-  const a11ySummary = hasValue ? `${label ?? 'Selection'}: ${value}` : placeholder ?? 'No selection';
-  const a11yLabel = accessibilityLabel ?? a11ySummary;
-  const a11yState = {
-    disabled
-  };
-  const handleClear = () => {
-    if (disabled) {
-      return;
-    }
-    onClear?.();
-  };
-  const showChevron = trailing === undefined;
-  const showClear = clearable && hasValue && !disabled;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.root, style],
-    testID: testID,
-    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.FieldLabel, {
-      size: size,
-      required: required,
-      style: labelStyle,
-      children: label
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.FieldBase, {
-      size: size,
-      variant: variant,
-      disabled: disabled,
-      error: hasError,
-      filled: hasValue,
-      onPress: onPress,
-      leading: leadingIcon,
-      trailing: showClear || showChevron || trailing !== null ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.trailingRow,
-        children: [showClear ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          onPress: handleClear,
-          accessibilityRole: "button",
-          accessibilityLabel: "Clear",
-          style: {
-            fontSize: sizeTokens.iconSize,
-            color: theme.colors.text.secondary,
-            paddingHorizontal: 4
-          },
-          children: "\xD7"
-        }) : null, trailing !== undefined ? trailing : showChevron ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chevron.Chevron, {
-          size: sizeTokens.iconSize,
-          color: disabled ? theme.colors.text.disabled : theme.colors.text.tertiary
-        }) : null]
-      }) : null,
-      accessibilityLabel: a11yLabel,
-      accessibilityState: a11yState,
-      accessibilityRole: "button",
-      style: triggerStyle,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        numberOfLines: 1,
-        style: [styles.valueText, {
-          color: valueColor,
-          fontSize: sizeTokens.fontSize,
-          ...fieldText.weightStyle
-        }, valueStyle],
-        children: [displayText, !hasValue && required && !label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.RequiredMark, {}) : null]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.FieldMessage, {
-      size: size,
-      error: hasError,
-      text: hasError ? error : helperText,
-      style: messageStyle
-    })]
-  });
-});
-PickerTrigger.displayName = 'PickerTrigger';
-const buildStyles = _theme => _reactNative.StyleSheet.create({
-  root: {
-    width: '100%'
-  },
-  label: {
-    includeFontPadding: false
-  },
-  valueText: {
-    flex: 1,
-    includeFontPadding: false
-  },
-  message: {
-    includeFontPadding: false
-  },
-  trailingRow: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  }
-});
-var _default = exports.default = PickerTrigger;
-//# sourceMappingURL=PickerTrigger.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PickerTrigger=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../FieldBase/index.js"),_Chevron=require("../FieldBase/Chevron.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,i){if("function"==typeof WeakMap)var t=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,i){if(!i&&e&&e.__esModule)return e;var l,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(l=i?r:t){if(l.has(e))return l.get(e);l.set(e,s)}for(const i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((n=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,i))&&(n.get||n.set)?l(s,i,n):s[i]=e[i]);return s})(e,i)}const PickerTrigger=exports.PickerTrigger=(0,_react.forwardRef)((e,i)=>{const{value:t,placeholder:r,label:l,help:n,helperText:s,error:a,required:o=!1,onPress:d,clearable:c=!1,onClear:u,leadingIcon:x,trailing:_,disabled:g=!1,size:y="md",variant:f,style:b,triggerStyle:p,valueStyle:j,labelStyle:v,messageStyle:h,accessibilityLabel:m,testID:S}=e,R=(0,_index.useTheme)(),P=(0,_react.useMemo)(()=>buildStyles(R),[R]),T=(0,_index2.resolveFieldSize)(R,y),q=(0,_index2.resolveFieldTextStyle)(R,{disabled:g}),w="string"==typeof t&&t.length>0,z=(0,_index2.hasFieldText)(a),F=(0,_index2.hasFieldText)(l),k=w?t:r??"Select…",M=w?q.color:q.placeholderColor,N=w?`${(0,_index2.fieldTextAsString)(l)??"Selection"}: ${t}`:r??"No selection",C=m??N,O={disabled:g},W=void 0===_,L=c&&w&&!g;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[P.root,b],testID:S,children:[F?(0,_jsxRuntime.jsx)(_index2.FieldLabel,{size:y,required:o,help:n,style:v,children:l}):null,(0,_jsxRuntime.jsx)(_index2.FieldBase,{size:y,variant:f,disabled:g,error:z,filled:w,onPress:d,leading:x,trailing:L||W||null!==_?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:P.trailingRow,children:[L?(0,_jsxRuntime.jsx)(_reactNative.Text,{onPress:()=>{g||u?.()},accessibilityRole:"button",accessibilityLabel:"Clear",style:{fontSize:T.iconSize,color:R.colors.text.secondary,paddingHorizontal:4},children:"×"}):null,void 0!==_?_:W?(0,_jsxRuntime.jsx)(_Chevron.Chevron,{size:T.iconSize,color:g?R.colors.text.disabled:R.colors.text.tertiary}):null]}):null,accessibilityLabel:C,accessibilityState:O,accessibilityRole:"button",style:p,children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{numberOfLines:1,style:[P.valueText,{color:M,fontSize:T.fontSize,...q.weightStyle},j],children:[k,w||!o||F?null:(0,_jsxRuntime.jsx)(_index2.RequiredMark,{})]})}),(0,_jsxRuntime.jsx)(_index2.FieldMessage,{size:y,error:z,text:z?a:s,style:h})]})});PickerTrigger.displayName="PickerTrigger";const buildStyles=e=>_reactNative.StyleSheet.create({root:{width:"100%"},label:{includeFontPadding:!1},valueText:{flex:1,includeFontPadding:!1},message:{includeFontPadding:!1},trailingRow:{flexDirection:"row",alignItems:"center"}});var _default=exports.default=PickerTrigger;

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

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

@@ -1,214 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ProfileCompletion = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _corners = require("../../utils/corners.js");
-var _index2 = require("../AppIcon/index.js");
-var _index3 = require("../Avatar/index.js");
-var _index4 = require("../ProgressRing/index.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * ProfileCompletion: the profile header that shows how complete a profile
- * is. The avatar sits inside a ProgressRing on the left; title, subtitle
- * and description stack on the right, with an optional trailing slot (an
- * Edit link). The form itself stays in the app: pass `progress` as a
- * percentage, usually `useFormCompletion(form.values, fields).percent`, and
- * the ring sweeps to it.
- *
- * No card and no radius of its own: the app wraps it in a Card when the
- * design wants one.
- */
-
-/** The Avatar's own tone set; kept under this name for the component's public surface. */
-
-/**
- * How the ring is coloured. `'banded'` changes colour by thirds of progress
- * (red, amber, green); `'single'` keeps one colour at every progress.
- */
-
-const DEFAULT_AVATAR_SIZE = 56;
-const DEFAULT_RING_WIDTH = 3;
-const DEFAULT_RING_GAP = 1;
-const ProfileCompletion = exports.ProfileCompletion = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    progress,
-    title,
-    subtitle,
-    description,
-    source,
-    ImageComponent,
-    size = DEFAULT_AVATAR_SIZE,
-    avatarTone = 'neutral',
-    avatarBackgroundColor,
-    avatarColor,
-    ringWidth: ringWidthProp,
-    ringGap = DEFAULT_RING_GAP,
-    ringVariant = 'banded',
-    tone,
-    ringColor,
-    animated = true,
-    showCompleteBadge = true,
-    trailing,
-    accessibilityLabel,
-    style,
-    titleStyle,
-    subtitleStyle,
-    descriptionStyle,
-    testID
-  } = props;
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const ringWidth = ringWidthProp ?? theme.components.progressRing?.strokeWidth ?? DEFAULT_RING_WIDTH;
-  // A hair of air between picture and ring, so the ring reads as a ring,
-  // not a border. The ring's own stroke sits outside that gap.
-  const ringSize = size + (ringGap + ringWidth) * 2;
-  // `progress` is a percentage; the ring takes the same share as a fraction.
-  const clampedPercent = Math.min(100, Math.max(0, Number.isNaN(progress) ? 0 : progress));
-  const percent = Math.round(clampedPercent);
-  const a11yLabel = accessibilityLabel ?? `${title}, profile ${percent}% complete`;
-  const idBase = testID ?? 'profile-completion';
-
-  // The tick badge is the verified seal (the Avatar's own: a star-edged
-  // badge with the tick cut out) on the ring at its bottom-right diagonal (45
-  // degrees), centred on the stroke. A disc of the card colour behind it cuts
-  // the seal out of the ring and shows through the tick. It takes the colour
-  // the ring reaches at 100%.
-  // Only a truly full profile: 99.6 reads as 100% but gets no tick.
-  const complete = showCompleteBadge && clampedPercent >= 100;
-  const badgeSize = Math.max(16, Math.round(ringSize * 0.3));
-  const badgeCentre = ringSize / 2 * (1 + Math.SQRT1_2) - ringWidth / 2;
-  const badgeColor = ringColor ?? (ringVariant === 'banded' && tone == null ? theme.colors.success : tone === 'success' ? theme.colors.success : tone === 'warning' ? theme.colors.warning : tone === 'error' ? theme.colors.error : theme.colors.primary);
-
-  // The ring and the text are one screen-reader element (name, percent);
-  // the trailing slot stays outside it so an Edit link in there remains
-  // focusable on its own. An `accessible` root would swallow it.
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    ref: ref,
-    style: [styles.root, style],
-    testID: testID,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.summary,
-      accessible: true,
-      accessibilityRole: "summary",
-      accessibilityLabel: a11yLabel,
-      accessibilityValue: {
-        min: 0,
-        max: 100,
-        now: percent
-      },
-      testID: `${idBase}-summary`,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: {
-          width: ringSize,
-          height: ringSize
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.ProgressRing, {
-          progress: clampedPercent / 100,
-          size: ringSize,
-          strokeWidth: ringWidth,
-          tone: tone ?? 'primary',
-          ringColor: ringColor,
-          colorByProgress: ringVariant === 'banded' && tone == null && ringColor == null,
-          animated: animated,
-          testID: `${idBase}-ring`,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Avatar, {
-            name: title,
-            source: source,
-            ImageComponent: ImageComponent,
-            size: size,
-            tone: avatarTone,
-            backgroundColor: avatarBackgroundColor,
-            color: avatarColor,
-            accessibilityLabel: `${title}'s avatar`
-          })
-        }), complete ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          pointerEvents: "none",
-          style: [styles.badge, {
-            width: badgeSize,
-            height: badgeSize,
-            borderRadius: badgeSize / 2,
-            ..._corners.smoothCorners,
-            left: badgeCentre - badgeSize / 2,
-            top: badgeCentre - badgeSize / 2,
-            backgroundColor: theme.colors.background.elevated
-          }],
-          testID: `${idBase}-complete-badge`,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.AppIcon, {
-            name: "verify",
-            variant: "bold",
-            size: badgeSize - 2,
-            color: badgeColor
-          })
-        }) : null]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.body,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.title, titleStyle],
-          numberOfLines: 2,
-          children: title
-        }), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.subtitle, subtitleStyle],
-          numberOfLines: 1,
-          children: subtitle
-        }) : null, description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.description, descriptionStyle],
-          children: description
-        }) : null]
-      })]
-    }), trailing != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.trailing,
-      children: trailing
-    }) : null]
-  });
-});
-ProfileCompletion.displayName = 'ProfileCompletion';
-const buildStyles = theme => _reactNative.StyleSheet.create({
-  root: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    columnGap: theme.spacing.md
-  },
-  summary: {
-    flex: 1,
-    flexDirection: 'row',
-    alignItems: 'center',
-    columnGap: theme.spacing.md
-  },
-  body: {
-    flex: 1,
-    rowGap: 2
-  },
-  badge: {
-    position: 'absolute',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  title: {
-    fontSize: theme.typography.fontSize.xl,
-    lineHeight: theme.typography.fontSize.xl * theme.typography.lineHeight.tight,
-    color: theme.colors.text.primary,
-    ...(0, _index.fontFor)(theme, 'semibold')
-  },
-  subtitle: {
-    fontSize: theme.typography.fontSize.sm,
-    color: theme.colors.text.tertiary,
-    textTransform: 'uppercase',
-    letterSpacing: theme.typography.letterSpacing.wide,
-    ...(0, _index.fontFor)(theme, 'medium')
-  },
-  description: {
-    fontSize: theme.typography.fontSize.base,
-    color: theme.colors.text.secondary,
-    ...(0, _index.fontFor)(theme, 'normal')
-  },
-  trailing: {
-    alignSelf: 'flex-start'
-  }
-});
-var _default = exports.default = ProfileCompletion;
-//# sourceMappingURL=ProfileCompletion.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ProfileCompletion=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_index2=require("../AppIcon/index.js"),_index3=require("../Avatar/index.js"),_index4=require("../ProgressRing/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_AVATAR_SIZE=56,DEFAULT_RING_WIDTH=3,DEFAULT_RING_GAP=1,ProfileCompletion=exports.ProfileCompletion=(0,_react.forwardRef)((e,t)=>{const{progress:r,title:i,subtitle:o,description:n,source:s,ImageComponent:a,size:l=DEFAULT_AVATAR_SIZE,avatarTone:c="neutral",avatarBackgroundColor:d,avatarColor:u,ringWidth:m,ringGap:x=DEFAULT_RING_GAP,ringVariant:p="banded",tone:_,ringColor:g,animated:y=!0,showCompleteBadge:h=!0,trailing:f,accessibilityLabel:b,style:j,titleStyle:v,subtitleStyle:R,descriptionStyle:S,testID:I}=e,N=(0,_index.useTheme)(),w=(0,_react.useMemo)(()=>buildStyles(N),[N]),A=m??N.components.progressRing?.strokeWidth??3,C=l+2*(x+A),T=Math.min(100,Math.max(0,Number.isNaN(r)?0:r)),D=Math.round(T),P=b??`${i}, profile ${D}% complete`,z=I??"profile-completion",L=h&&T>=100,V=Math.max(16,Math.round(.3*C)),G=C/2*(1+Math.SQRT1_2)-A/2,q=g??("banded"===p&&null==_||"success"===_?N.colors.success:"warning"===_?N.colors.warning:"error"===_?N.colors.error:N.colors.primary);return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:[w.root,j],testID:I,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:w.summary,accessible:!0,accessibilityRole:"summary",accessibilityLabel:P,accessibilityValue:{min:0,max:100,now:D},testID:`${z}-summary`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{width:C,height:C},children:[(0,_jsxRuntime.jsx)(_index4.ProgressRing,{progress:T/100,size:C,strokeWidth:A,tone:_??"primary",ringColor:g,colorByProgress:"banded"===p&&null==_&&null==g,animated:y,testID:`${z}-ring`,children:(0,_jsxRuntime.jsx)(_index3.Avatar,{name:i,source:s,ImageComponent:a,size:l,tone:c,backgroundColor:d,color:u,accessibilityLabel:`${i}'s avatar`})}),L?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[w.badge,{width:V,height:V,borderRadius:V/2,..._corners.smoothCorners,left:G-V/2,top:G-V/2,backgroundColor:N.colors.background.elevated}],testID:`${z}-complete-badge`,children:(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"verify",variant:"bold",size:V-2,color:q})}):null]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:w.body,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.title,v],numberOfLines:2,children:i}),o?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.subtitle,R],numberOfLines:1,children:o}):null,n?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.description,S],children:n}):null]})]}),null!=f?(0,_jsxRuntime.jsx)(_reactNative.View,{style:w.trailing,children:f}):null]})});ProfileCompletion.displayName="ProfileCompletion";const buildStyles=e=>_reactNative.StyleSheet.create({root:{flexDirection:"row",alignItems:"center",columnGap:e.spacing.md},summary:{flex:1,flexDirection:"row",alignItems:"center",columnGap:e.spacing.md},body:{flex:1,rowGap:2},badge:{position:"absolute",alignItems:"center",justifyContent:"center"},title:{fontSize:e.typography.fontSize.xl,lineHeight:e.typography.fontSize.xl*e.typography.lineHeight.tight,color:e.colors.text.primary,...(0,_index.fontFor)(e,"semibold")},subtitle:{fontSize:e.typography.fontSize.sm,color:e.colors.text.tertiary,textTransform:"uppercase",letterSpacing:e.typography.letterSpacing.wide,...(0,_index.fontFor)(e,"medium")},description:{fontSize:e.typography.fontSize.base,color:e.colors.text.secondary,...(0,_index.fontFor)(e,"normal")},trailing:{alignSelf:"flex-start"}});var _default=exports.default=ProfileCompletion;

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

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