@webority/mobile-ui 0.0.39 → 0.2.0

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

@@ -1,4 +1 @@
-"use strict";
-
-export { default, FloatingActionButton, FloatingActionButtonGroup } from "./FloatingActionButton.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{default,FloatingActionButton,FloatingActionButtonGroup}from"./FloatingActionButton.js";

package/lib/module/components/ForceUpdateDialog/ForceUpdateDialog.js

@@ -1,84 +1 @@
-"use strict";
-
-import { Logger, VersionCheck } from '@webority/mobile-core';
-import React, { useCallback, useState } from 'react';
-import { Dialog } from "../Dialog/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Drop-in update prompt that opens the App Store / Play Store on tap.
- * Pair this with `useVersionCheck()` — render it when `isUpdateRequired` is true.
- *
- * @example
- * const { isUpdateRequired, updateUrl } = useVersionCheck(isAppReady);
- * return (
- *   <ForceUpdateDialog
- *     visible={isUpdateRequired}
- *     mandatory
- *     updateUrl={updateUrl}
- *   />
- * );
- */
-export const ForceUpdateDialog = ({
-  visible,
-  onClose,
-  mandatory = false,
-  updateUrl,
-  title = 'Update available',
-  message = 'A new version of the app is available. Please update to continue using the latest features and security improvements.',
-  updateLabel = 'Update now',
-  laterLabel = 'Later',
-  containerStyle,
-  titleStyle,
-  messageStyle,
-  testID
-}) => {
-  const [updating, setUpdating] = useState(false);
-  const handleUpdate = useCallback(() => {
-    setUpdating(true);
-    void (async () => {
-      try {
-        await VersionCheck.openUpdateUrl(updateUrl ?? null);
-      } catch (error) {
-        Logger.error('[ForceUpdateDialog] Failed to open store URL', error);
-      } finally {
-        setUpdating(false);
-      }
-    })();
-  }, [updateUrl]);
-  const handleClose = useCallback(() => {
-    if (mandatory) {
-      return;
-    }
-    onClose?.();
-  }, [mandatory, onClose]);
-  const actions = mandatory ? [{
-    label: updateLabel,
-    onPress: handleUpdate,
-    tone: 'primary',
-    loading: updating
-  }] : [{
-    label: laterLabel,
-    onPress: handleClose,
-    tone: 'neutral'
-  }, {
-    label: updateLabel,
-    onPress: handleUpdate,
-    tone: 'primary',
-    loading: updating
-  }];
-  return /*#__PURE__*/_jsx(Dialog, {
-    visible: visible,
-    onClose: handleClose,
-    title: title,
-    message: message,
-    variant: "info",
-    actions: actions,
-    dismissOnAction: false,
-    containerStyle: containerStyle,
-    titleStyle: titleStyle,
-    messageStyle: messageStyle,
-    testID: testID
-  });
-};
-export default ForceUpdateDialog;
-//# sourceMappingURL=ForceUpdateDialog.js.map
+"use strict";import{Logger,VersionCheck}from"@webority/mobile-core";import React,{useCallback,useState}from"react";import{Dialog}from"../Dialog/index.js";import{jsx as _jsx}from"react/jsx-runtime";export const ForceUpdateDialog=({visible:e,onClose:t,mandatory:a=!1,updateUrl:o,title:l="Update available",message:s="A new version of the app is available. Please update to continue using the latest features and security improvements.",updateLabel:r="Update now",laterLabel:i="Later",containerStyle:n,titleStyle:c,messageStyle:p,testID:m})=>{const[u,d]=useState(!1),g=useCallback(()=>{d(!0),(async()=>{try{await VersionCheck.openUpdateUrl(o??null)}catch(e){Logger.error("[ForceUpdateDialog] Failed to open store URL",e)}finally{d(!1)}})()},[o]),b=useCallback(()=>{a||t?.()},[a,t]);return _jsx(Dialog,{visible:e,onClose:b,title:l,message:s,variant:"info",actions:a?[{label:r,onPress:g,tone:"primary",loading:u}]:[{label:i,onPress:b,tone:"neutral"},{label:r,onPress:g,tone:"primary",loading:u}],dismissOnAction:!1,containerStyle:n,titleStyle:c,messageStyle:p,testID:m})};export default ForceUpdateDialog;

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

@@ -1,4 +1 @@
-"use strict";
-
-export { default, ForceUpdateDialog } from "./ForceUpdateDialog.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{default,ForceUpdateDialog}from"./ForceUpdateDialog.js";

package/lib/module/components/FormField/FormField.js

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

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

@@ -1,4 +1 @@
-"use strict";
-
-export { default, FormField } from "./FormField.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{default,FormField}from"./FormField.js";

package/lib/module/components/IconBadge/IconBadge.js

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

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

@@ -0,0 +1 @@
+"use strict";export{IconBadge}from"./IconBadge.js";

package/lib/module/components/IconButton/IconButton.js

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

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

@@ -1,4 +1 @@
-"use strict";
-
-export { IconButton } from "./IconButton.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{IconButton}from"./IconButton.js";