@webority/mobile-ui 0.0.38 → 0.1.0

package/lib/module/components/AppBar/AppBar.js

@@ -1,354 +1 @@
-"use strict";
-
-import React, { forwardRef, useMemo } from 'react';
-import { Animated, Pressable, StyleSheet, Text, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { usePressAnimation } from "../../hooks/usePressAnimation.js";
-import { useTheme } from "../../theme/index.js";
-import { smoothCorners } from "../../utils/corners.js";
-import { resolveHaptic, triggerHaptic } from "../../utils/hapticUtils.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const variantSize = (theme, variant) => {
-  switch (variant) {
-    case 'compact':
-      return {
-        height: 44,
-        titleSize: theme.typography.fontSize.lg,
-        titleWeight: 'semibold',
-        alignBottom: false
-      };
-    case 'large':
-      return {
-        height: 96,
-        titleSize: theme.typography.fontSize['2xl'],
-        titleWeight: 'bold',
-        alignBottom: true
-      };
-    case 'default':
-    default:
-      return {
-        height: 56,
-        titleSize: theme.typography.fontSize.lg,
-        titleWeight: 'semibold',
-        alignBottom: false
-      };
-  }
-};
-const ActionButton = ({
-  action,
-  side,
-  badgeStyle,
-  haptic
-}) => {
-  const theme = useTheme();
-  const {
-    scale,
-    pressIn,
-    pressOut
-  } = usePressAnimation({
-    enabled: true
-  });
-  const styles = useMemo(() => buildActionStyles(theme), [theme]);
-  const onPress = () => {
-    const h = resolveHaptic(haptic, 'selection');
-    if (h) {
-      triggerHaptic(h);
-    }
-    action.onPress();
-  };
-  const badgeValue = action.badge;
-  const badgeIsDot = typeof badgeValue === 'number' && badgeValue === 0;
-  return /*#__PURE__*/_jsx(Animated.View, {
-    style: {
-      transform: [{
-        scale
-      }]
-    },
-    children: /*#__PURE__*/_jsxs(Pressable, {
-      onPress: onPress,
-      onPressIn: pressIn,
-      onPressOut: pressOut,
-      accessibilityRole: "button",
-      accessibilityLabel: action.accessibilityLabel,
-      testID: action.testID,
-      android_ripple: {
-        color: theme.colors.surface.pressed,
-        borderless: true
-      },
-      style: ({
-        pressed
-      }) => [styles.actionButton, side === 'left' ? styles.actionLeft : styles.actionRight, pressed ? styles.actionPressed : null],
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.iconWrap,
-        children: action.icon
-      }), badgeValue !== undefined && !badgeIsDot ? /*#__PURE__*/_jsx(View, {
-        style: [styles.badge, badgeStyle],
-        pointerEvents: "none",
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.badgeText,
-          numberOfLines: 1,
-          children: String(badgeValue)
-        })
-      }) : null]
-    })
-  });
-};
-const COLLAPSE_RANGE = 60;
-const LARGE_TITLE_SCALE_END = 0.71; // 2xl(24) -> lg(~17) ≈ 0.71
-
-const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    title,
-    subtitle,
-    titleAlignment = 'left',
-    leftAction,
-    rightActions,
-    variant = 'default',
-    transparent = false,
-    scrollY,
-    style,
-    containerStyle,
-    titleStyle,
-    subtitleStyle,
-    badgeStyle,
-    haptic,
-    testID
-  } = props;
-  const theme = useTheme();
-  const insets = useSafeAreaInsets();
-  const v = useMemo(() => variantSize(theme, variant), [theme, variant]);
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-  const isCollapsing = variant === 'large' && scrollY !== undefined;
-
-  // Interpolations for the collapsing-app-bar behaviour. Native driver supports
-  // transform/opacity; height + borderBottomWidth must run on the JS driver and
-  // are wired through the same scrollY (RN coalesces the listener).
-  const collapseTranslateDistance = theme.components.appBar?.collapseTranslateDistance ?? -20;
-  const collapse = useMemo(() => {
-    if (!scrollY) {
-      return null;
-    }
-    const clamp = {
-      inputRange: [0, COLLAPSE_RANGE],
-      extrapolate: 'clamp'
-    };
-    return {
-      titleScale: scrollY.interpolate({
-        ...clamp,
-        outputRange: [1, LARGE_TITLE_SCALE_END]
-      }),
-      // Translate the large title from bottom-left up into the compact bar
-      // area. Approximate vertical travel = (large 96 - default 56) / 2.
-      titleTranslateY: scrollY.interpolate({
-        ...clamp,
-        outputRange: [0, collapseTranslateDistance]
-      }),
-      titleTranslateX: scrollY.interpolate({
-        ...clamp,
-        // Left-align large -> centred compact: nudge slightly toward centre.
-        outputRange: titleAlignment === 'center' ? [0, 0] : [0, 8]
-      }),
-      subtitleOpacity: scrollY.interpolate({
-        inputRange: [0, COLLAPSE_RANGE / 2],
-        outputRange: [1, 0],
-        extrapolate: 'clamp'
-      }),
-      barHeight: scrollY.interpolate({
-        ...clamp,
-        outputRange: [96, 56]
-      }),
-      borderOpacity: scrollY.interpolate({
-        ...clamp,
-        outputRange: [0, 1]
-      })
-    };
-  }, [scrollY, titleAlignment, collapseTranslateDistance]);
-  const titleNode = title ? /*#__PURE__*/_jsx(Animated.Text, {
-    style: [styles.title, {
-      fontSize: v.titleSize,
-      fontWeight: theme.typography.fontWeight[v.titleWeight],
-      textAlign: titleAlignment === 'center' ? 'center' : 'left'
-    }, isCollapsing && collapse ? {
-      transform: [{
-        translateX: collapse.titleTranslateX
-      }, {
-        translateY: collapse.titleTranslateY
-      }, {
-        scale: collapse.titleScale
-      }]
-    } : null, titleStyle],
-    numberOfLines: 1,
-    children: title
-  }) : null;
-  const subtitleNode = subtitle ? /*#__PURE__*/_jsx(Animated.Text, {
-    style: [styles.subtitle, {
-      textAlign: titleAlignment === 'center' ? 'center' : 'left'
-    }, isCollapsing && collapse ? {
-      opacity: collapse.subtitleOpacity
-    } : null, subtitleStyle],
-    numberOfLines: 1,
-    children: subtitle
-  }) : null;
-  const titleBlock = /*#__PURE__*/_jsxs(View, {
-    style: [styles.titleColumn, titleAlignment === 'center' ? styles.titleColumnCenter : null, v.alignBottom ? styles.titleColumnBottom : null],
-    children: [titleNode, subtitleNode]
-  });
-
-  // Whole-bar height needs the JS driver (height isn't transform/opacity).
-  // Border opacity is animated via a dedicated overlay so the underlying
-  // background stays on the native driver.
-  const RootContainer = isCollapsing ? Animated.View : View;
-  const rootHeightStyle = isCollapsing && collapse ? {
-    height: Animated.add(collapse.barHeight, new Animated.Value(insets.top))
-  } : {
-    height: v.height + insets.top
-  };
-  return /*#__PURE__*/_jsxs(RootContainer, {
-    ref: ref,
-    accessibilityRole: "header",
-    testID: testID,
-    style: [styles.root, {
-      paddingTop: insets.top,
-      backgroundColor: transparent ? 'transparent' : theme.colors.background.elevated
-    }, rootHeightStyle,
-    // Static border for non-collapsing case; collapsing case overlays an
-    // animated border below.
-    !isCollapsing ? {
-      borderBottomWidth: transparent ? 0 : StyleSheet.hairlineWidth,
-      borderBottomColor: theme.colors.border.primary
-    } : null, style, containerStyle],
-    children: [isCollapsing && collapse && !transparent ? /*#__PURE__*/_jsx(Animated.View, {
-      pointerEvents: "none",
-      style: [styles.animatedBorder, {
-        backgroundColor: theme.colors.border.primary,
-        opacity: collapse.borderOpacity
-      }]
-    }) : null, /*#__PURE__*/_jsxs(View, {
-      style: [styles.row, v.alignBottom ? styles.rowAlignBottom : null, {
-        flex: 1
-      }],
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.sideSlot,
-        children: leftAction ? /*#__PURE__*/_jsx(ActionButton, {
-          action: leftAction,
-          side: "left",
-          haptic: haptic
-        }) : null
-      }), /*#__PURE__*/_jsx(View, {
-        style: [styles.center, titleAlignment === 'center' ? styles.centerAligned : styles.centerLeft],
-        children: titleBlock
-      }), /*#__PURE__*/_jsx(View, {
-        style: [styles.sideSlot, styles.sideSlotRight],
-        children: rightActions?.map((action, index) => /*#__PURE__*/_jsx(ActionButton, {
-          action: action,
-          side: "right",
-          badgeStyle: badgeStyle,
-          haptic: haptic
-        }, `appbar-right-${index}`))
-      })]
-    })]
-  });
-});
-AppBar.displayName = 'AppBar';
-const buildStyles = theme => StyleSheet.create({
-  root: {
-    width: '100%'
-  },
-  row: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: theme.spacing.xs
-  },
-  rowAlignBottom: {
-    alignItems: 'flex-end',
-    paddingBottom: theme.spacing.sm
-  },
-  sideSlot: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    minWidth: theme.components.appBar?.sideSlotMinWidth ?? 48
-  },
-  sideSlotRight: {
-    justifyContent: 'flex-end'
-  },
-  center: {
-    flex: 1,
-    paddingHorizontal: theme.spacing.xs
-  },
-  centerAligned: {
-    alignItems: 'center'
-  },
-  centerLeft: {
-    alignItems: 'flex-start'
-  },
-  titleColumn: {
-    flexDirection: 'column'
-  },
-  titleColumnCenter: {
-    alignItems: 'center'
-  },
-  titleColumnBottom: {
-    justifyContent: 'flex-end'
-  },
-  title: {
-    color: theme.colors.text.primary
-  },
-  subtitle: {
-    marginTop: theme.components.appBar?.subtitleMarginTop ?? 2,
-    color: theme.colors.text.tertiary,
-    fontSize: theme.typography.fontSize.sm,
-    fontWeight: theme.typography.fontWeight.normal
-  },
-  animatedBorder: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: StyleSheet.hairlineWidth
-  }
-});
-const buildActionStyles = theme => StyleSheet.create({
-  actionButton: {
-    width: theme.components.appBar?.actionButtonSize ?? 40,
-    height: theme.components.appBar?.actionButtonSize ?? 40,
-    borderRadius: theme.radius.full,
-    ...smoothCorners,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  actionLeft: {
-    marginRight: theme.spacing.xs
-  },
-  actionRight: {
-    marginLeft: theme.spacing.xs
-  },
-  actionPressed: {
-    backgroundColor: theme.colors.surface.pressed
-  },
-  iconWrap: {
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  badge: {
-    position: 'absolute',
-    top: theme.components.appBar?.badgeOffset ?? 4,
-    right: theme.components.appBar?.badgeOffset ?? 4,
-    minWidth: theme.components.appBar?.badgeMinWidth ?? 16,
-    height: theme.components.appBar?.badgeHeight ?? 16,
-    paddingHorizontal: theme.components.appBar?.badgePaddingHorizontal ?? 4,
-    borderRadius: theme.radius.full,
-    ...smoothCorners,
-    backgroundColor: theme.colors.error,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  badgeText: {
-    color: theme.colors.text.inverse,
-    fontSize: theme.components.appBar?.badgeFontSize ?? 10,
-    fontWeight: theme.typography.fontWeight.semibold,
-    lineHeight: theme.components.appBar?.badgeLineHeight ?? 12
-  }
-});
-export { AppBar };
-export default AppBar;
-//# sourceMappingURL=AppBar.js.map
+import t,{forwardRef as e,useMemo as i}from"react";import{Animated as n,Pressable as o,StyleSheet as r,Text as a,View as l}from"react-native";import{useSafeAreaInsets as s}from"react-native-safe-area-context";import{usePressAnimation as c}from"../../hooks/usePressAnimation.js";import{fontFor as p,useTheme as d}from"../../theme/index.js";import{smoothCorners as g}from"../../utils/corners.js";import{resolveHaptic as m,triggerHaptic as u}from"../../utils/hapticUtils.js";import{AppIcon as h}from"../AppIcon/AppIcon.js";import{Text as f}from"../Text/Text.js";import{jsx as b,jsxs as y}from"react/jsx-runtime";const ActionButton=({action:t,side:e,badgeStyle:r,haptic:s,flush:p})=>{const g=d(),{scale:h,pressIn:f,pressOut:x}=c({enabled:!0}),B=i(()=>buildActionStyles(g),[g]),S=t.badge,z=void 0!==S&&0!==S,C=void 0!==t.text;return b(n.View,{style:{transform:[{scale:h}]},children:y(o,{onPress:()=>{const e=m(s,"selection");e&&u(e),t.onPress()},onPressIn:f,onPressOut:x,accessibilityRole:"button",accessibilityLabel:t.accessibilityLabel??t.text,testID:t.testID,android_ripple:{color:g.colors.surface.pressed,borderless:!C},style:({pressed:t})=>[C?B.textButton:B.actionButton,p?null:"left"===e?B.actionLeft:B.actionRight,t&&!C?B.actionPressed:null,t&&C?B.textPressed:null],children:[C?b(a,{style:B.actionText,numberOfLines:1,children:t.text}):b(l,{style:B.iconWrap,children:t.icon}),z?b(l,{style:[B.badge,r],pointerEvents:"none",children:b(a,{style:B.badgeText,numberOfLines:1,children:String(S)})}):null,t.dot?b(l,{testID:t.testID?`${t.testID}-dot`:"appbar-action-dot",style:B.dot,pointerEvents:"none"}):null]})})},x=e((t,e)=>{const{title:o,subtitle:a,titleAlignment:c="left",leftAction:p,rightActions:g,leading:m,trailing:u,onBack:x,gutter:B,titleVariant:S,titleOffset:z,height:C,divider:W,variant:I="default",transparent:R=!1,scrollY:v,style:T,containerStyle:w,titleStyle:L,subtitleStyle:O,badgeStyle:j,haptic:A,testID:P}=t,D=d(),H=s(),k=i(()=>((t,e)=>{switch(e){case"compact":return{height:44,titleSize:t.typography.fontSize.lg,titleWeight:"semibold",alignBottom:!1};case"large":return{height:96,titleSize:t.typography.fontSize["2xl"],titleWeight:"bold",alignBottom:!0};default:return{height:56,titleSize:t.typography.fontSize.lg,titleWeight:"semibold",alignBottom:!1}}})(D,I),[D,I]),V=i(()=>buildStyles(D),[D]),M="large"===I&&void 0!==v,E=D.components.appBar?.iconSize??24,Y=D.components.appBar?.actionButtonSize??44,X=p??(x?{icon:b(h,{name:"arrow-left",size:E,color:D.colors.text.primary}),onPress:x,accessibilityLabel:"Back"}:void 0),F=u?void 0:g?.[g.length-1],opticalInset=t=>void 0===t?0:void 0!==t.text?D.spacing.sm:Math.max((Y-E)/2,0),$=void 0===B?null:{paddingLeft:Math.max(B-opticalInset(X),0),paddingRight:Math.max(B-opticalInset(F),0)},N=void 0!==z,U=Boolean(X)||Boolean(m),_=W??!R,q=D.components.appBar?.dividerWidth??r.hairlineWidth,G=D.components.appBar?.collapseTranslateDistance??-20,J=i(()=>{if(!v)return null;const t={inputRange:[0,60],extrapolate:"clamp"};return{titleScale:v.interpolate({...t,outputRange:[1,.71]}),titleTranslateY:v.interpolate({...t,outputRange:[0,G]}),titleTranslateX:v.interpolate({...t,outputRange:"center"===c?[0,0]:[0,8]}),subtitleOpacity:v.interpolate({inputRange:[0,30],outputRange:[1,0],extrapolate:"clamp"}),barHeight:v.interpolate({...t,outputRange:[96,56]}),borderOpacity:v.interpolate({...t,outputRange:[0,1]})}},[v,c,G]),K=M&&J?{transform:[{translateX:J.titleTranslateX},{translateY:J.titleTranslateY},{scale:J.titleScale}]}:null,Q=o?S?b(n.View,{style:K,children:b(f,{variant:S,align:"center"===c?"center":"left",accessibilityRole:"header",numberOfLines:1,style:[V.titleVariant,L],children:o})}):b(n.Text,{accessibilityRole:"header",style:[V.title,{fontSize:k.titleSize,fontWeight:D.typography.fontWeight[k.titleWeight],textAlign:"center"===c?"center":"left"},K,L],numberOfLines:1,children:o}):null,Z=a?b(n.Text,{style:[V.subtitle,{textAlign:"center"===c?"center":"left"},M&&J?{opacity:J.subtitleOpacity}:null,O],numberOfLines:1,children:a}):null,tt=y(l,{style:[V.titleColumn,"center"===c?V.titleColumnCenter:null,k.alignBottom?V.titleColumnBottom:null],children:[Q,Z]}),et=M?n.View:l,it=M&&J?{height:n.add(J.barHeight,new n.Value(H.top))}:{height:(C??k.height)+H.top};return y(et,{ref:e,testID:P,style:[V.root,{paddingTop:H.top,backgroundColor:R?"transparent":D.colors.background.elevated},it,!M&&_?{borderBottomWidth:q,borderBottomColor:D.colors.border.primary}:null,T,w],children:[M&&J&&_?b(n.View,{pointerEvents:"none",style:[V.animatedBorder,{backgroundColor:D.colors.border.primary,opacity:J.borderOpacity}]}):null,y(l,{style:[V.row,k.alignBottom?V.rowAlignBottom:null,$,{flex:1}],children:[y(l,{style:[V.sideSlot,N?V.sideSlotCompact:null],children:[X?b(ActionButton,{action:X,side:"left",haptic:A,flush:N}):null,m]}),b(l,{pointerEvents:"none",style:[V.center,"center"===c?V.centerAligned:V.centerLeft,N?{paddingLeft:U?z:0,paddingRight:0}:null],children:tt}),y(l,{style:[V.sideSlot,V.sideSlotRight,N?V.sideSlotCompact:null],children:[g?.map((t,e)=>b(ActionButton,{action:t,side:"right",badgeStyle:j,haptic:A,flush:N},`appbar-right-${e}`)),u]})]})]})});x.displayName="AppBar";const buildStyles=t=>r.create({root:{width:"100%"},row:{flexDirection:"row",alignItems:"center",paddingHorizontal:t.spacing.xs},rowAlignBottom:{alignItems:"flex-end",paddingBottom:t.spacing.sm},sideSlot:{flexDirection:"row",alignItems:"center",minWidth:t.components.appBar?.sideSlotMinWidth??48},sideSlotRight:{justifyContent:"flex-end"},sideSlotCompact:{minWidth:0},center:{flex:1,paddingHorizontal:t.spacing.xs},centerAligned:{alignItems:"center"},centerLeft:{alignItems:"flex-start"},titleColumn:{flexDirection:"column"},titleColumnCenter:{alignItems:"center"},titleColumnBottom:{justifyContent:"flex-end"},title:{color:t.colors.text.primary},titleVariant:{includeFontPadding:!1,textAlignVertical:"center"},subtitle:{marginTop:t.components.appBar?.subtitleMarginTop??2,color:t.colors.text.tertiary,fontSize:t.typography.fontSize.sm,fontWeight:t.typography.fontWeight.normal},animatedBorder:{position:"absolute",left:0,right:0,bottom:0,height:r.hairlineWidth}}),buildActionStyles=t=>r.create({actionButton:{width:t.components.appBar?.actionButtonSize??44,height:t.components.appBar?.actionButtonSize??44,borderRadius:t.radius.full,...g,alignItems:"center",justifyContent:"center"},actionLeft:{marginRight:t.spacing.xs},actionRight:{marginLeft:t.spacing.xs},actionPressed:{backgroundColor:t.colors.surface.pressed},textButton:{minWidth:44,minHeight:44,paddingHorizontal:t.spacing.sm,alignItems:"center",justifyContent:"center"},textPressed:{opacity:.6},actionText:{color:t.colors.text.link,fontSize:t.typography.fontSize.base,...p(t,"semibold")},dot:{position:"absolute",top:t.components.appBar?.dotOffset??10,right:t.components.appBar?.dotOffset??10,width:t.components.appBar?.dotSize??8,height:t.components.appBar?.dotSize??8,borderRadius:t.radius.full,backgroundColor:t.colors.error},iconWrap:{alignItems:"center",justifyContent:"center"},badge:{position:"absolute",top:t.components.appBar?.badgeOffset??4,right:t.components.appBar?.badgeOffset??4,minWidth:t.components.appBar?.badgeMinWidth??16,height:t.components.appBar?.badgeHeight??16,paddingHorizontal:t.components.appBar?.badgePaddingHorizontal??4,borderRadius:t.radius.full,...g,backgroundColor:t.colors.error,alignItems:"center",justifyContent:"center"},badgeText:{color:t.colors.onError,fontSize:t.components.appBar?.badgeFontSize??10,fontWeight:t.typography.fontWeight.semibold,lineHeight:t.components.appBar?.badgeLineHeight??12}});export{x as AppBar};export default x;

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

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

package/lib/module/components/AppIcon/AppIcon.js

@@ -1,136 +1 @@
-"use strict";
-
-/**
- * AppIcon — the design system's icon set, on mobile.
- *
- * Draws the same Iconsax glyphs webority-ui's `AppIcon` draws on the web,
- * keyed by the same names, so a feature that says `<AppIcon name="send" />`
- * looks identical in the portal and in the app. Two tiers, both generated
- * from webority-ui by `scripts/sync-icons.mjs` (never hand-edit them):
- *
- *   - the curated set: the design system's semantic names ("plus",
- *     "eye-off", "alert-circle") in `glyphs.g.ts` (linear, evaluated at
- *     import) and `variants.g.ts` (the five other styles, on first use);
- *   - the full Iconsax catalogue: every name, every style, as one module per
- *     style and first letter under `catalog/`, reached through the static
- *     require map in `catalog.g.ts`. A shard is evaluated the first time an
- *     icon from it is drawn, so app start does not pay for the catalogue.
- *
- * Rendering: the bodies are 24x24 SVG markup with `currentColor`; we wrap
- * them in an `<svg>` at the requested size, substitute the colour, and hand
- * the string to react-native-svg's `SvgXml`.
- */
-
-import { Logger } from '@webority/mobile-core';
-import React, { useMemo } from 'react';
-import { SvgXml } from 'react-native-svg';
-import { useTheme } from "../../theme/index.js";
-import { CATALOG_LOADERS, ICON_NAMES } from "./catalog.g.js";
-import { CURATED_ICON_NAMES, GLYPHS } from "./glyphs.g.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export { CURATED_ICON_NAMES, ICON_NAMES };
-
-/** `linear` is the default Iconsax style; the rest come from the lazy modules. */
-
-/** Pixel sizes behind the size tokens; a raw number is accepted too. */
-export const APP_ICON_SIZES = {
-  xs: 14,
-  sm: 18,
-  md: 22,
-  lg: 28,
-  xl: 36
-};
-/**
- * The lazy tiers are reached through literal `require` calls (Metro inlines
- * them). A bundler with no `require` at runtime (the Vite web demo) throws
- * `require is not defined` the first time one runs; there the tier is simply
- * absent and the caller falls back to the curated linear glyph or nothing,
- * which beats taking the screen down for an icon style.
- */
-const tryRequire = load => {
-  try {
-    return load();
-  } catch {
-    return null;
-  }
-};
-let curatedVariants = null;
-const loadCuratedVariants = () => {
-  if (!curatedVariants) {
-    // A literal require so Metro can inline it: evaluated here, on first use.
-    curatedVariants = tryRequire(() => require('./variants.g').VARIANT_GLYPHS) ?? {};
-  }
-  return curatedVariants;
-};
-
-/** Memoised per-shard lookups so a letter module is required at most once. */
-const shardCache = new Map();
-const loadShard = (style, name) => {
-  const letter = name[0]?.toLowerCase() ?? '';
-  const key = `${style}:${letter}`;
-  const cached = shardCache.get(key);
-  if (cached !== undefined) {
-    return cached;
-  }
-  const loader = CATALOG_LOADERS[style]?.[letter];
-  const shard = loader ? tryRequire(loader) : null;
-  shardCache.set(key, shard);
-  return shard;
-};
-const warned = new Set();
-
-/** Resolve the SVG body for a name + variant, or null when the name is unknown. */
-export const resolveGlyph = (name, variant = 'linear') => {
-  // Curated names first: the semantic set is the design system's contract.
-  const curatedLinear = GLYPHS[name];
-  if (curatedLinear) {
-    if (variant === 'linear') {
-      return curatedLinear;
-    }
-    return loadCuratedVariants()[variant]?.[name] ?? curatedLinear;
-  }
-  // Then the full catalogue: the requested style, falling back to linear.
-  const styled = loadShard(variant, name)?.[name];
-  if (styled) {
-    return styled;
-  }
-  return variant === 'linear' ? null : loadShard('linear', name)?.[name] ?? null;
-};
-
-/** Build the complete SVG document AppIcon hands to react-native-svg. */
-export const buildIconXml = (body, size, color) => `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none">${body.replace(/currentColor/g, color)}</svg>`;
-export const AppIcon = ({
-  name,
-  size = 'md',
-  color,
-  variant = 'linear',
-  style,
-  accessibilityLabel,
-  testID
-}) => {
-  const theme = useTheme();
-  const px = typeof size === 'number' ? size : APP_ICON_SIZES[size];
-  const resolvedColor = color ?? theme.colors.text.primary;
-  const body = resolveGlyph(name, variant);
-  const xml = useMemo(() => body ? buildIconXml(body, px, resolvedColor) : null, [body, px, resolvedColor]);
-  if (!xml) {
-    if (__DEV__ && !warned.has(name)) {
-      warned.add(name);
-      Logger.warn(`[AppIcon] Unknown icon "${name}". Names come from webority-ui's icon map and the Iconsax catalogue; run scripts/sync-icons.mjs after adding one there.`);
-    }
-    return null;
-  }
-  return /*#__PURE__*/_jsx(SvgXml, {
-    xml: xml,
-    width: px,
-    height: px,
-    style: style,
-    accessible: accessibilityLabel != null,
-    accessibilityLabel: accessibilityLabel,
-    accessibilityRole: accessibilityLabel != null ? 'image' : undefined,
-    testID: testID
-  });
-};
-AppIcon.displayName = 'AppIcon';
-export default AppIcon;
-//# sourceMappingURL=AppIcon.js.map
+import{Logger as e}from"@webority/mobile-core";import t,{useMemo as o}from"react";import{SvgXml as n}from"react-native-svg";import{useTheme as r}from"../../theme/index.js";import{CATALOG_LOADERS as l,ICON_NAMES as s}from"./catalog.g.js";import{CURATED_ICON_NAMES as i,GLYPHS as c}from"./glyphs.g.js";import{jsx as a}from"react/jsx-runtime";export{i as CURATED_ICON_NAMES,s as ICON_NAMES};export const ICONSAX_SUFFIX="-iconsax";export const APP_ICON_SIZES={xs:14,sm:18,md:22,lg:28,xl:36};const tryRequire=e=>{try{return e()}catch{return null}};let p=null;const m=new Map,loadShard=(e,t)=>{const o=t[0]?.toLowerCase()??"",n=`${e}:${o}`,r=m.get(n);if(void 0!==r)return r;const s=l[e]?.[o],i=s?tryRequire(s):null;return m.set(n,i),i},u=new Set,resolveCatalogue=(e,t)=>{const o=loadShard(t,e)?.[e];return o||("linear"===t?null:loadShard("linear",e)?.[e]??null)};export const resolveGlyph=(e,t="linear")=>{if(e.endsWith("-iconsax")){const o=e.slice(0,-8);return o in c?resolveCatalogue(o,t):null}const o=c[e];return o?"linear"===t?o:(p||(p=tryRequire(()=>require("./variants.g").VARIANT_GLYPHS)??{}),p)[t]?.[e]??o:resolveCatalogue(e,t)};export const buildIconXml=(e,t,o)=>`<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none">${e.replace(/currentColor/g,o)}</svg>`;export const AppIcon=({name:t,size:l="md",color:s,variant:i="linear",style:c,accessibilityLabel:p,testID:m})=>{const x=r(),g="number"==typeof l?l:APP_ICON_SIZES[l],d=s??x.colors.text.primary,I=resolveGlyph(t,i),h=o(()=>I?buildIconXml(I,g,d):null,[I,g,d]);return h?a(n,{xml:h,width:g,height:g,style:c,accessible:null!=p,accessibilityLabel:p,accessibilityRole:null!=p?"image":void 0,testID:m}):(__DEV__&&!u.has(t)&&(u.add(t),e.warn(`[AppIcon] Unknown icon "${t}". Names come from webority-ui's icon map and the Iconsax catalogue; run scripts/sync-icons.mjs after adding one there.`)),null)};AppIcon.displayName="AppIcon";export default AppIcon;