@webority/mobile-ui 0.0.38 → 0.1.0

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

@@ -1,4 +1 @@
-"use strict";
-
-export { default, FloatingActionButton, FloatingActionButtonGroup } from "./FloatingActionButton.js";
-//# sourceMappingURL=index.js.map
+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
+import{Logger as e,VersionCheck as t}from"@webority/mobile-core";import a,{useCallback as o,useState as l}from"react";import{Dialog as r}from"../Dialog/index.js";import{jsx as i}from"react/jsx-runtime";export const ForceUpdateDialog=({visible:a,onClose:s,mandatory:n=!1,updateUrl:p,title:m="Update available",message:c="A new version of the app is available. Please update to continue using the latest features and security improvements.",updateLabel:d="Update now",laterLabel:y="Later",containerStyle:u,titleStyle:b,messageStyle:g,testID:f})=>{const[U,v]=l(!1),D=o(()=>{v(!0),(async()=>{try{await t.openUpdateUrl(p??null)}catch(t){e.error("[ForceUpdateDialog] Failed to open store URL",t)}finally{v(!1)}})()},[p]),S=o(()=>{n||s?.()},[n,s]);return i(r,{visible:a,onClose:S,title:m,message:c,variant:"info",actions:n?[{label:d,onPress:D,tone:"primary",loading:U}]:[{label:y,onPress:S,tone:"neutral"},{label:d,onPress:D,tone:"primary",loading:U}],dismissOnAction:!1,containerStyle:u,titleStyle:b,messageStyle:g,testID:f})};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
+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
+import e,{forwardRef as r,useEffect as n,useMemo as l,useRef as t}from"react";import{Animated as i,StyleSheet as o,Text as s,View as a}from"react-native";import{useOptionalFormContext as c}from"../../form/FormContext.js";import{createAnimatedValue as u,fontFor as p,useTheme as d}from"../../theme/index.js";import{fieldTextAsString as m,hasFieldText as f,RequiredMark as h}from"../FieldBase/index.js";import{jsx as y,jsxs as x}from"react/jsx-runtime";const b=r((r,o)=>{const{label:p,help:b,helperText:S,error:g,required:v=!1,name:I,children:F,layout:k="stacked",helperLines:L,labelStyle:w,helperStyle:j,errorStyle:z,containerStyle:D,inputContainerStyle:C,accessibilityLabel:T,testID:B}=r,E=d(),R=l(()=>buildStyles(E),[E]),V=c(),W=null!=I&&null!=V,q=W?V.getFieldProps(I):null,N="function"==typeof F,O=W?N?q?.error:void 0:g,$=m(W?q?.error:g),H=t(u(O?1:0)).current;n(()=>{const e=i.timing(H,{toValue:O?1:0,duration:E.motion.duration.fast,useNativeDriver:!0});return e.start(),()=>e.stop()},[O,H,E.motion.duration.fast]);const P=l(()=>{if(T)return T;const e=m(p);return e?$?`${e}, error: ${$}`:e:void 0},[T,p,$]),A=f(p),G=x(s,{style:[R.label,"inline"!==k||f(b)?null:R.labelInline,f(b)?R.labelShrink:null,w],children:[p,v?y(h,{}):null]}),J=A?f(b)?x(a,{style:[R.labelRow,"inline"===k?R.labelInline:null],children:[G,y(a,{style:[R.help,{marginLeft:E.spacing.xs}],children:b})]}):G:null,K="inline"===k?R.inputInline:R.inputStacked,M=f(O),Q=!M&&f(S),U=(()=>{if(N)return q?F(q):null;if(W&&q&&e.isValidElement(F)){const r=F,n=r.props.onChangeText,l=r.props.onBlur,t=r.props.onFocus;return e.cloneElement(r,{value:q.value,onChangeText:e=>{q.onChangeText(e),n?.(e)},onBlur:e=>{q.onBlur(),l?.(e)},onFocus:e=>{q.onFocus(),t?.(e)},error:q.error,ref:e=>V.registerField(I,e??null)})}return F})(),X=v&&!A&&e.isValidElement(U)?e.cloneElement(U,{required:!0}):U;return x(a,{ref:o,style:["inline"===k?R.rootInline:R.rootStacked,D],accessibilityLabel:P,accessibilityHint:$||void 0,testID:B,children:[J,y(a,{style:[K,C],children:X}),Q?y(s,{style:[R.helper,j],numberOfLines:L||void 0,children:S}):null,M?y(i.Text,{style:[R.error,{opacity:H},z],numberOfLines:L||void 0,accessibilityLiveRegion:"polite",children:O}):null]})});b.displayName="FormField";const buildStyles=e=>o.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,...p(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{b as FormField};export default b;

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

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

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

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

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

@@ -0,0 +1 @@
+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
+import{forwardRef as r}from"react";import{Animated as o,Pressable as s,StyleSheet as e}from"react-native";import{usePressAnimation as t}from"../../hooks/usePressAnimation.js";import{useTheme as c}from"../../theme/index.js";import{resolveHaptic as i,triggerHaptic as n}from"../../utils/index.js";import{tintOf as a}from"../../utils/color.js";import{smoothCorners as l}from"../../utils/corners.js";import{renderSlotIcon as d}from"../AppIcon/slotIcon.js";import{Spinner as m}from"../Spinner/index.js";import{jsx as b}from"react/jsx-runtime";const u={sm:{diameter:32,icon:16},md:{diameter:40,icon:20},lg:{diameter:48,icon:24}},p=r((r,e)=>{const{icon:p,iconVariant:y,onPress:g,accessibilityLabel:h,tone:x="primary",variant:j="solid",size:I="md",shape:w="circle",active:P=!1,disabled:S=!1,loading:k=!1,haptic:C,style:v,testID:z}=r,A=c(),D=u[I],L=S||k,{scale:O,pressIn:R,pressOut:V}=t({scaleTo:.92,enabled:!L}),{base:W,on:B,fg:E}=((r,o)=>{switch(o){case"secondary":return{base:r.colors.secondary,on:r.colors.onSecondary,fg:r.colors.secondary};case"success":return{base:r.colors.success,on:r.colors.onSuccess,fg:r.colors.success};case"warning":return{base:r.colors.warning,on:r.colors.onWarning,fg:r.colors.warning};case"error":return{base:r.colors.error,on:r.colors.onError,fg:r.colors.error};case"neutral":return{base:r.colors.background.tertiary,on:r.colors.text.primary,fg:r.colors.text.primary};default:return{base:r.colors.primary,on:r.colors.onPrimary,fg:r.colors.primary}}})(A,x),N=P?"solid":j;let T="transparent",q="transparent",F=0,G=L?A.colors.text.disabled:E;"solid"===N?(T=L?A.colors.surface.disabled:W,G=L?A.colors.text.disabled:B):"soft"===N?T=L?A.colors.surface.disabled:a(W,.14,A.colors.background.secondary):"outline"===N?(q=L?A.colors.border.primary:W,F=A.colors.border.width):"glass"===N&&(T=A.colors.glass.fill,q=A.colors.glass.border,F=1,G=L?A.colors.text.disabled:A.colors.glass.on);const H={color:G,size:D.icon,disabled:L},J="circle"===w?D.diameter/2:A.radius.md;return b(s,{ref:e,onPress:r=>{if(L)return;const o=i(C,"selection");o&&n(o),g?.(r)},onPressIn:R,onPressOut:V,disabled:L,accessibilityRole:"button",accessibilityLabel:h,accessibilityState:{disabled:L,selected:P},hitSlop:6,testID:z,style:({pressed:r})=>[f.base,{width:D.diameter,height:D.diameter,borderRadius:J,...l,backgroundColor:T,borderColor:q,borderWidth:F,opacity:r&&"solid"!==N?.7:1},v],children:b(o.View,{style:[f.content,{transform:[{scale:O}]}],children:k?b(m,{size:"sm",color:G}):d(p,H,y)})})});p.displayName="IconButton";const f=e.create({base:{alignItems:"center",justifyContent:"center"},content:{alignItems:"center",justifyContent:"center"}});export{p as IconButton};export default p;

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

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