@mapples/ui 1.1.3 → 1.4.0

package/dist/components/inputs/IconButton/IconButton.js

@@ -1,66 +1,213 @@
-import { forwardRef } from 'react';
-import { styled as makeStyled, styled, StyledPressable, Styler, } from '@mapples/style';
+import { forwardRef, useCallback, useState, } from 'react';
+import { styled as makeStyled, styled, StyledPressable, StyledView, Styler, Typography, } from '@mapples/style';
 import { SvgUri } from 'react-native-svg';
+import useTones from '../../../hooks/useTones';
+import { CONTROL_SIZES, DISABLED_OPACITY, } from '../../../tokens';
+import Icon from '../../media/Icon';
 import MockIcon from './MockIcon';
 const StyledSvgUri = styled(SvgUri);
+const BADGE_MAX = 99;
 /**
- * A customizable icon button component with SVG support.
+ * An icon-only button.
  *
- * The IconButton component displays an SVG icon that can be pressed.
- * It supports both remote SVG URIs and fallback mock icons, with
- * comprehensive styling support for both the button container and the icon.
+ * With `iconName` it is a themed control: a square of `size`, painted by
+ * `variant` and `tone`, optionally a toggle (`selected`) with its own glyph,
+ * and a count badge. With only `uri` it renders the legacy SVG vector.
+ * Icon-only controls need an `accessibilityLabel`.
+ *
+ * @example
+ * ```tsx
+ * <IconButton
+ *   iconName="heart-outline"
+ *   selectedIconName="heart"
+ *   variant="standard"
+ *   selected={liked}
+ *   onSelectedChange={setLiked}
+ *   accessibilityLabel="Like"
+ * />
+ * ```
  *
  * @example
  * ```tsx
  * <IconButton
  *   uri="https://example.com/icon.svg"
  *   onPress={() => console.log('Icon pressed')}
- *   styled={{
- *     style: {
- *       width: 48,
- *       height: 48,
- *       backgroundColor: 'lightblue',
- *       borderRadius: 24,
- *     },
- *     styleSvg: {
- *       width: 24,
- *       height: 24,
- *       color: 'blue',
- *     },
- *   }}
+ *   styled={{ styleSvg: { width: 24, height: 24, color: 'blue' } }}
  * />
  * ```
  *
  * @public
  */
-const IconButton = forwardRef(({ styled, uri, ...props }, ref) => {
+const IconButton = forwardRef(({ styled, uri, iconName, variant = 'standard', size = 'md', tone = 'primary', selected, onSelectedChange, selectedIconName, badgeCount, disabled = false, onPress, onPressIn, onPressOut, onHoverIn, onHoverOut, children, ...props }, ref) => {
     const { styleSvg, ...styledViewProps } = styled || {};
+    const tones = useTones();
+    const [pressed, setPressed] = useState(false);
+    const [hovered, setHovered] = useState(false);
+    const [internalSelected, setInternalSelected] = useState(false);
     const ejectStyle = Styler.flatten(styleSvg);
-    const getUriComponent = (Uri) => {
-        const StyledSvg = makeStyled(Uri.default);
-        return (<StyledSvg styled={{
-                width: ejectStyle?.width,
-                height: ejectStyle?.height,
-                color: ejectStyle?.color,
-                style: styleSvg,
-            }}/>);
-    };
-    return (<StyledPressable ref={ref} styled={styledViewProps} {...props}>
-        {uri ? (<>
-            {typeof uri === 'string' ? (<StyledSvgUri uri={uri} styled={{
+    const isToggle = selected !== undefined || !!onSelectedChange;
+    const isSelected = selected ?? internalSelected;
+    const handlePress = useCallback((event) => {
+        if (isToggle) {
+            const next = !isSelected;
+            if (selected === undefined)
+                setInternalSelected(next);
+            onSelectedChange?.(next);
+        }
+        onPress?.(event);
+    }, [isSelected, isToggle, onPress, onSelectedChange, selected]);
+    const handlePressIn = useCallback((event) => {
+        setPressed(true);
+        onPressIn?.(event);
+    }, [onPressIn]);
+    const handlePressOut = useCallback((event) => {
+        setPressed(false);
+        onPressOut?.(event);
+    }, [onPressOut]);
+    const handleHoverIn = useCallback((event) => {
+        setHovered(true);
+        onHoverIn?.(event);
+    }, [onHoverIn]);
+    const handleHoverOut = useCallback((event) => {
+        setHovered(false);
+        onHoverOut?.(event);
+    }, [onHoverOut]);
+    if (iconName === undefined) {
+        const getUriComponent = (Uri) => {
+            const StyledSvg = makeStyled(Uri.default);
+            return (<StyledSvg styled={{
                     width: ejectStyle?.width,
                     height: ejectStyle?.height,
                     color: ejectStyle?.color,
                     style: styleSvg,
-                }}/>) : (getUriComponent(uri))}
-          </>) : (<MockIcon styled={{
-                width: ejectStyle?.width,
-                height: ejectStyle?.height,
-                color: ejectStyle?.color,
-                style: styleSvg,
+                }}/>);
+        };
+        return (<StyledPressable ref={ref} styled={styledViewProps} disabled={disabled} onPress={onPress} onPressIn={onPressIn} onPressOut={onPressOut} onHoverIn={onHoverIn} onHoverOut={onHoverOut} {...props}>
+          {uri ? (<>
+              {typeof uri === 'string' ? (<StyledSvgUri uri={uri} styled={{
+                        width: ejectStyle?.width,
+                        height: ejectStyle?.height,
+                        color: ejectStyle?.color,
+                        style: styleSvg,
+                    }}/>) : (getUriComponent(uri))}
+            </>) : (<MockIcon styled={{
+                    width: ejectStyle?.width,
+                    height: ejectStyle?.height,
+                    color: ejectStyle?.color,
+                    style: styleSvg,
+                }}/>)}
+          {children}
+        </StyledPressable>);
+    }
+    const spec = CONTROL_SIZES[size];
+    const palette = tones.tone(tone);
+    const text = tones.resolve('theme.text.primary');
+    const isDisabled = !!disabled;
+    let background = 'transparent';
+    let glyph = text;
+    let border;
+    switch (variant) {
+        case 'filled':
+            background = palette.main;
+            glyph = palette.contrast;
+            break;
+        case 'tonal':
+            background = palette.container;
+            glyph = isSelected ? palette.main : palette.onContainer;
+            break;
+        case 'outlined':
+            border = tones.outlineStrong;
+            background = isSelected ? palette.container : 'transparent';
+            glyph = isSelected ? palette.main : text;
+            break;
+        default:
+            background = isSelected ? palette.container : 'transparent';
+            glyph = isSelected ? palette.main : text;
+    }
+    const authoredGlyph = ejectStyle?.color;
+    const glyphColor = typeof authoredGlyph === 'string' ? tones.resolve(authoredGlyph) : glyph;
+    const glyphSize = ejectStyle?.width ?? spec.iconSize + 4;
+    const showLayer = !isDisabled && (pressed || hovered);
+    const badge = typeof badgeCount === 'number' && badgeCount > 0
+        ? badgeCount > BADGE_MAX
+            ? `${BADGE_MAX}+`
+            : String(badgeCount)
+        : null;
+    return (<StyledPressable ref={ref} accessibilityRole="button" accessibilityState={{
+            disabled: isDisabled,
+            selected: isToggle ? isSelected : undefined,
+        }} disabled={isDisabled} onPress={handlePress} onPressIn={handlePressIn} onPressOut={handlePressOut} onHoverIn={handleHoverIn} onHoverOut={handleHoverOut} styled={{
+            ...styledViewProps,
+            style: [
+                styler.root,
+                {
+                    width: spec.height,
+                    height: spec.height,
+                    borderRadius: spec.height / 2,
+                    backgroundColor: background,
+                    borderWidth: border ? 1 : 0,
+                    borderColor: border ?? 'transparent',
+                },
+                styledViewProps.style,
+                isDisabled && styler.disabled,
+            ],
+        }} {...props}>
+        {showLayer && (<StyledView pointerEvents="none" styled={{
+                style: [
+                    styler.stateLayer,
+                    {
+                        backgroundColor: tones.stateLayer(glyphColor, pressed ? 'pressed' : 'hover'),
+                        borderRadius: spec.height / 2,
+                    },
+                ],
             }}/>)}
+        <Icon iconName={isSelected && selectedIconName ? selectedIconName : iconName} size={glyphSize} color={glyphColor} styled={{ styleSvg }}/>
+        {badge !== null && (<StyledView pointerEvents="none" styled={{
+                style: [
+                    styler.badge,
+                    { backgroundColor: tones.tone('error').main },
+                ],
+            }}>
+            <Typography variant="Caption" color={tones.tone('error').contrast} style={styler.badgeText}>
+              {badge}
+            </Typography>
+          </StyledView>)}
+        {children}
       </StyledPressable>);
 });
 IconButton.displayName = 'IconButton';
+const styler = Styler.create({
+    root: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        alignSelf: 'flex-start',
+    },
+    disabled: {
+        opacity: DISABLED_OPACITY,
+    },
+    stateLayer: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+    },
+    badge: {
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        minWidth: 16,
+        height: 16,
+        borderRadius: 8,
+        paddingHorizontal: 4,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    badgeText: {
+        fontSize: 10,
+        lineHeight: 12,
+        fontWeight: '700',
+    },
+});
 export default IconButton;
 //# sourceMappingURL=IconButton.js.map

package/dist/components/inputs/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/inputs/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAErE,OAAO,EACL,MAAM,IAAI,UAAU,EACpB,MAAM,EACN,eAAe,EAIf,MAAM,GAEP,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAY,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAoBlC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAEpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEtD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE5C,MAAM,eAAe,GAAG,CAAC,GAAyC,EAAE,EAAE;QACpE,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,CAAC,SAAS,CACR,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,CAC5D;QAAA,CAAC,GAAG,CAAC,CAAC,CAAC,CACL,EACE;YAAA,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC;oBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;oBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;oBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;oBACxB,KAAK,EAAE,QAAQ;iBAChB,CAAC,EACF,CACH,CAAC,CAAC,CAAC,CACF,eAAe,CAAC,GAAG,CAAC,CACrB,CACH;UAAA,GAAG,CACJ,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CACP,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CACH;MAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/inputs/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,WAAW,EACX,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,MAAM,IAAI,UAAU,EACpB,MAAM,EACN,eAAe,EAGf,UAAU,EAEV,MAAM,EACN,UAAU,GAEX,MAAM,gBAAgB,CAAC;AASxB,OAAO,EAAY,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACL,aAAa,EAEb,gBAAgB,GAGjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAwClC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAEpC,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EACE,MAAM,EACN,GAAG,EACH,QAAQ,EACR,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IACtD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE5C,MAAM,QAAQ,GAAG,QAAQ,KAAK,SAAS,IAAI,CAAC,CAAC,gBAAgB,CAAC;IAC9D,MAAM,UAAU,GAAG,QAAQ,IAAI,gBAAgB,CAAC;IAEhD,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA4B,EAAE,EAAE;QAC/B,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,IAAI,GAAG,CAAC,UAAU,CAAC;YACzB,IAAI,QAAQ,KAAK,SAAS;gBAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;YACtD,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QACD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CAC5D,CAAC;IACF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAA4B,EAAE,EAAE;QAC/B,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IACF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAA4B,EAAE,EAAE;QAC/B,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAiB,EAAE,EAAE;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IACF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAAiB,EAAE,EAAE;QACpB,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,MAAM,eAAe,GAAG,CAAC,GAAyC,EAAE,EAAE;YACpE,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAE1C,OAAO,CACL,CAAC,SAAS,CACR,MAAM,CAAC,CAAC;oBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;oBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;oBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;oBACxB,KAAK,EAAE,QAAQ;iBAChB,CAAC,EACF,CACH,CAAC;QACJ,CAAC,CAAC;QAEF,OAAO,CACL,CAAC,eAAe,CACd,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC,eAAe,CAAC,CACxB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,IAAI,KAAK,CAAC,CAEV;UAAA,CAAC,GAAG,CAAC,CAAC,CAAC,CACL,EACE;cAAA,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC;wBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;wBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;wBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;wBACxB,KAAK,EAAE,QAAQ;qBAChB,CAAC,EACF,CACH,CAAC,CAAC,CAAC,CACF,eAAe,CAAC,GAAG,CAAC,CACrB,CACH;YAAA,GAAG,CACJ,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CACP,MAAM,CAAC,CAAC;oBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;oBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;oBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;oBACxB,KAAK,EAAE,QAAQ;iBAChB,CAAC,EACF,CACH,CACD;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,eAAe,CAAC,CACnB,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,CAAC,CAAC,QAAQ,CAAC;IAE9B,IAAI,UAAU,GAAG,aAAa,CAAC;IAC/B,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,IAAI,MAA0B,CAAC;IAC/B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;YAC1B,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC;YACzB,MAAM;QACR,KAAK,OAAO;YACV,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC;YAC/B,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC;YACxD,MAAM;QACR,KAAK,UAAU;YACb,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;YAC7B,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC;YAC5D,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACzC,MAAM;QACR;YACE,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC;YAC5D,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C,CAAC;IACD,MAAM,aAAa,GAAG,UAAU,EAAE,KAAK,CAAC;IACxC,MAAM,UAAU,GACd,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3E,MAAM,SAAS,GACZ,UAAU,EAAE,KAA4B,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,CAAC,UAAU,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,CAAC;IACtD,MAAM,KAAK,GACT,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,GAAG,CAAC;QAC9C,CAAC,CAAC,UAAU,GAAG,SAAS;YACtB,CAAC,CAAC,GAAG,SAAS,GAAG;YACjB,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;QACtB,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,CACL,CAAC,eAAe,CACd,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC;YAClB,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;SAC5C,CAAC,CACF,QAAQ,CAAC,CAAC,UAAU,CAAC,CACrB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,UAAU,CAAC,CAAC,cAAc,CAAC,CAC3B,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,UAAU,CAAC,CAAC,cAAc,CAAC,CAC3B,MAAM,CAAC,CAAC;YACN,GAAG,eAAe;YAClB,KAAK,EAAE;gBACL,MAAM,CAAC,IAAI;gBACX;oBACE,KAAK,EAAE,IAAI,CAAC,MAAM;oBAClB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,YAAY,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC;oBAC7B,eAAe,EAAE,UAAU;oBAC3B,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC3B,WAAW,EAAE,MAAM,IAAI,aAAa;iBACrC;gBACD,eAAe,CAAC,KAAK;gBACrB,UAAU,IAAI,MAAM,CAAC,QAAQ;aAC9B;SACF,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,SAAS,IAAI,CACZ,CAAC,UAAU,CACT,aAAa,CAAC,MAAM,CACpB,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE;oBACL,MAAM,CAAC,UAAU;oBACjB;wBACE,eAAe,EAAE,KAAK,CAAC,UAAU,CAC/B,UAAU,EACV,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAC9B;wBACD,YAAY,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC;qBAC9B;iBACF;aACF,CAAC,EACF,CACH,CACD;QAAA,CAAC,IAAI,CACH,QAAQ,CAAC,CACP,UAAU,IAAI,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,QACtD,CAAC,CACD,IAAI,CAAC,CAAC,SAAS,CAAC,CAChB,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAEvB;QAAA,CAAC,KAAK,KAAK,IAAI,IAAI,CACjB,CAAC,UAAU,CACT,aAAa,CAAC,MAAM,CACpB,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE;oBACL,MAAM,CAAC,KAAK;oBACZ,EAAE,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE;iBAC9C;aACF,CAAC,CAEF;YAAA,CAAC,UAAU,CACT,OAAO,CAAC,SAAS,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CACpC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAExB;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,UAAU,CACd;UAAA,EAAE,UAAU,CAAC,CACd,CACD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,YAAY;KACxB;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,gBAAgB;KAC1B;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,CAAC;QACf,iBAAiB,EAAE,CAAC;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/components/inputs/TextInput/TextInput.d.ts

@@ -6,6 +6,11 @@ import { TextInputProps, TextInput as RNTextInput } from 'react-native';
  * capabilities through the @mapples/style system. It supports all standard
  * TextInput properties and behaviors.
  *
+ * The text is always passed to the native input as a string: while `value` is
+ * undefined the component keeps the typed text itself, so a data binding that
+ * resolves later (page variables register after the first render) does not
+ * flip the input from uncontrolled to controlled.
+ *
  * @example
  * ```tsx
  * <TextInput

package/dist/components/inputs/TextInput/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/TextInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,SAAS;;+CAId,CAAC;AAGF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/TextInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,QAAA,MAAM,SAAS;;+CAsBd,CAAC;AAGF,eAAe,SAAS,CAAC"}

package/dist/components/inputs/TextInput/TextInput.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback, useState } from 'react';
 import { StyledTextInput } from '@mapples/style';
 /**
  * A customizable text input component with built-in styling support.
@@ -7,6 +7,11 @@ import { StyledTextInput } from '@mapples/style';
  * capabilities through the @mapples/style system. It supports all standard
  * TextInput properties and behaviors.
  *
+ * The text is always passed to the native input as a string: while `value` is
+ * undefined the component keeps the typed text itself, so a data binding that
+ * resolves later (page variables register after the first render) does not
+ * flip the input from uncontrolled to controlled.
+ *
  * @example
  * ```tsx
  * <TextInput
@@ -26,8 +31,15 @@ import { StyledTextInput } from '@mapples/style';
  *
  * @public
  */
-const TextInput = forwardRef(({ children, ...props }, ref) => {
-    return <StyledTextInput ref={ref} {...props}/>;
+const TextInput = forwardRef(({ children, value, defaultValue, onChangeText, ...props }, ref) => {
+    const [internal, setInternal] = useState(defaultValue ?? '');
+    const controlled = value !== undefined;
+    const handleChangeText = useCallback((next) => {
+        if (!controlled)
+            setInternal(next);
+        onChangeText?.(next);
+    }, [controlled, onChangeText]);
+    return (<StyledTextInput ref={ref} {...props} value={controlled ? value : internal} onChangeText={handleChangeText}/>);
 });
 TextInput.displayName = 'TextInput';
 export default TextInput;

package/dist/components/inputs/TextInput/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9B,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,CAAC;IAEvC,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,IAAY,EAAE,EAAE;QACf,IAAI,CAAC,UAAU;YAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QACnC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAC;IAEF,OAAO,CACL,CAAC,eAAe,CACd,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CACrC,YAAY,CAAC,CAAC,gBAAgB,CAAC,EAC/B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,eAAe,SAAS,CAAC"}

package/dist/components/media/BarCode/BarCodeEncoder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BarCodeEncoder.d.ts","sourceRoot":"","sources":["../../../../src/components/media/BarCode/BarCodeEncoder.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,MAAM,GACN,KAAK,GACL,OAAO,GACP,KAAK,GACL,YAAY,GACZ,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,gEAAgE;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAC;CACH;AAED;;;GAGG;AACH,MAAM,MAAM,cAAc,GACtB;IACE,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,IAAI,EAAE,MAAM,CAAC;CACd,GACD,qBAAqB,EAAE,CAAC;AA0D5B;;GAEG;AACH,cAAM,cAAc;IAClB;;;;;;;;OAQG;IACH,MAAM,CACJ,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,aAAa,EACrB,OAAO,GAAE,oBAAyB,GACjC,cAAc;IA6DjB;;OAEG;IACH,mBAAmB,IAAI,MAAM,EAAE;CAGhC;;AAED,wBAAoC"}
+{"version":3,"file":"BarCodeEncoder.d.ts","sourceRoot":"","sources":["../../../../src/components/media/BarCode/BarCodeEncoder.ts"],"names":[],"mappings":"AAuBA;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,MAAM,GACN,KAAK,GACL,OAAO,GACP,KAAK,GACL,YAAY,GACZ,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,gEAAgE;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAC;CACH;AAED;;;GAGG;AACH,MAAM,MAAM,cAAc,GACtB;IACE,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,IAAI,EAAE,MAAM,CAAC;CACd,GACD,qBAAqB,EAAE,CAAC;AA0D5B;;GAEG;AACH,cAAM,cAAc;IAClB;;;;;;;;OAQG;IACH,MAAM,CACJ,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,aAAa,EACrB,OAAO,GAAE,oBAAyB,GACjC,cAAc;IAsEjB;;OAEG;IACH,mBAAmB,IAAI,MAAM,EAAE;CAGhC;;AAED,wBAAoC"}

package/dist/components/media/BarCode/BarCodeEncoder.js

@@ -1,5 +1,23 @@
-// @ts-expect-error - jsbarcode/src/barcodes doesn't have type definitions
-import barcodes from 'jsbarcode/src/barcodes';
+/**
+ * `jsbarcode` is an **optional peer dependency** of `@mapples/ui` (Project
+ * settings → Packages → "Barcode"): resolved lazily so apps without a barcode
+ * element don't have to install it. When absent, encoding throws.
+ */
+let barcodes = null;
+try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    barcodes = require('jsbarcode/src/barcodes').default;
+}
+catch {
+    barcodes = null;
+}
+const requireBarcodes = () => {
+    if (!barcodes) {
+        throw new Error('BarCode needs jsbarcode: enable the "Barcode" package in Project ' +
+            'settings → Packages.');
+    }
+    return barcodes;
+};
 /**
  * Maps format names to jsbarcode format names
  * Some formats might have different names in jsbarcode
@@ -61,6 +79,7 @@ class BarcodeEncoder {
      * @throws Error if text is invalid, format is not supported, or encoding fails
      */
     encode(text, format, options = {}) {
+        const barcodes = requireBarcodes();
         // Find the correct format name in jsbarcode
         const jsbarcodeFormat = findFormat(format, barcodes);
         if (!jsbarcodeFormat) {
@@ -105,7 +124,7 @@ class BarcodeEncoder {
      * Gets list of available barcode formats
      */
     getAvailableFormats() {
-        return Object.keys(barcodes);
+        return Object.keys(requireBarcodes());
     }
 }
 export default new BarcodeEncoder();

package/dist/components/media/BarCode/BarCodeEncoder.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarCodeEncoder.js","sourceRoot":"","sources":["../../../../src/components/media/BarCode/BarCodeEncoder.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BarCodeEncoder.js","sourceRoot":"","sources":["../../../../src/components/media/BarCode/BarCodeEncoder.ts"],"names":[],"mappings":"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"}

package/dist/components/media/Icon/Icon.d.ts

@@ -1,56 +1,75 @@
 import { PropsWithChildren } from 'react';
 import { StyledProp, StyledProps, SvgStyle, WithStyledProps } from '@mapples/style';
-import { SvgSource } from '@mapples/types';
-import { View, ViewProps } from 'react-native';
+import { ColorValue, View, ViewProps } from 'react-native';
+import { IconFamilyKey } from './families';
 /**
  * Props for the Icon component.
  *
  * @public
  */
 export type IconProps = PropsWithChildren<Omit<WithStyledProps<ViewProps>, 'styled'> & {
-    /** Styling configuration for the icon container and SVG */
+    /** Styling configuration for the icon container and glyph */
     styled?: StyledProps<ViewProps> & {
-        /** SVG-specific styling (width, height, color) */
+        /** Glyph-specific styling (width, height, color) */
         styleSvg?: StyledProp<SvgStyle>;
     };
 }> & {
-    /** URI of the SVG icon — either a remote URL string or a local `SvgSource` module reference */
-    uri?: string | SvgSource;
+    /**
+     * Icon family override for direct (chrome/chat) use. Canvas elements leave
+     * this unset — the family then comes from the project style config
+     * (`themeConfig.icons.family`), set in the styles modal.
+     */
+    iconStyle?: IconFamilyKey;
+    /** Glyph name within the selected family */
+    iconName?: string;
+    /** Glyph font size — overrides the `styleSvg` width for direct use */
+    size?: number;
+    /** Glyph color — theme tokens allowed, overrides the `styleSvg` color */
+    color?: ColorValue;
 };
 /**
- * Renders an SVG icon from a URI or falls back to a placeholder `MockIcon`.
- *
- * Accepts either a remote URL string or a local `SvgSource` module reference
- * via the `uri` prop. When no `uri` is provided the `MockIcon` placeholder is
- * shown instead, which is useful during development or when the icon asset is
- * optional.
+ * Renders a font glyph from one of the bundled `@react-native-vector-icons`
+ * families. The family comes from the project style config
+ * (`themeConfig.icons.family`) unless overridden per instance via `iconStyle`;
+ * the glyph is selected by `iconName`. Without a family or a name the
+ * `MockIcon` placeholder is shown; a family whose package is not installed
+ * (every pack is an optional peer) throws.
  *
  * @example
  * ```tsx
- * // Remote URL
+ * // Canvas usage — family from the project style config
  * <Icon
- *   uri="https://example.com/icon.svg"
+ *   iconName="star"
  *   styled={{ styleSvg: { width: 24, height: 24, color: '#333' } }}
  * />
  *
- * // Local SVG module
- * import MyIcon from './my-icon.svg';
- * <Icon uri={MyIcon} styled={{ styleSvg: { width: 24, height: 24 } }} />
+ * // Direct usage — chrome/chat surfaces pin the family
+ * <Icon iconStyle="ionicons" iconName="close" size={14} color="theme.text.tertiary" />
  * ```
  *
  * @public
  */
 declare const Icon: import("react").ForwardRefExoticComponent<Omit<WithStyledProps<ViewProps>, "styled"> & {
-    /** Styling configuration for the icon container and SVG */
+    /** Styling configuration for the icon container and glyph */
     styled?: StyledProps<ViewProps> & {
-        /** SVG-specific styling (width, height, color) */
+        /** Glyph-specific styling (width, height, color) */
         styleSvg?: StyledProp<SvgStyle>;
     };
 } & {
     children?: import("react").ReactNode | undefined;
 } & {
-    /** URI of the SVG icon — either a remote URL string or a local `SvgSource` module reference */
-    uri?: string | SvgSource;
+    /**
+     * Icon family override for direct (chrome/chat) use. Canvas elements leave
+     * this unset — the family then comes from the project style config
+     * (`themeConfig.icons.family`), set in the styles modal.
+     */
+    iconStyle?: IconFamilyKey;
+    /** Glyph name within the selected family */
+    iconName?: string;
+    /** Glyph font size — overrides the `styleSvg` width for direct use */
+    size?: number;
+    /** Glyph color — theme tokens allowed, overrides the `styleSvg` color */
+    color?: ColorValue;
 } & import("react").RefAttributes<View>>;
 export default Icon;
 //# sourceMappingURL=Icon.d.ts.map

package/dist/components/media/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAEL,UAAU,EACV,WAAW,EACX,QAAQ,EAGR,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK/C;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC3C,2DAA2D;IAC3D,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,kDAAkD;QAClD,QAAQ,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;KACjC,CAAC;CACH,CACF,GAAG;IACF,+FAA+F;IAC/F,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,IAAI;IApCN,2DAA2D;aAClD,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,kDAAkD;QAClD,QAAQ,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;KACjC;;;;IAGH,+FAA+F;UACzF,MAAM,GAAG,SAAS;wCAgFzB,CAAC;AAGF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,UAAU,EACV,WAAW,EAGX,QAAQ,EAER,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,UAAU,EAGV,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,EAAgB,aAAa,EAAE,MAAM,YAAY,CAAC;AAEzD;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC3C,6DAA6D;IAC7D,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,oDAAoD;QACpD,QAAQ,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;KACjC,CAAC;CACH,CACF,GAAG;IACF;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,IAAI;IA3CN,6DAA6D;aACpD,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,oDAAoD;QACpD,QAAQ,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;KACjC;;;;IAGH;;;;OAIG;gBACS,aAAa;IACzB,4CAA4C;eACjC,MAAM;IACjB,sEAAsE;WAC/D,MAAM;IACb,yEAAyE;YACjE,UAAU;wCAqEnB,CAAC;AAGF,eAAe,IAAI,CAAC"}

package/dist/components/media/Icon/Icon.js

@@ -1,52 +1,50 @@
 import { forwardRef } from 'react';
-import { styled as makeStyled, StyledView, Styler, } from '@mapples/style';
-import { SvgUri } from 'react-native-svg';
-import MockIcon from './MockIcon';
-const StyledSvgUri = makeStyled(SvgUri);
+import { StyledView, Styler, useStyle, } from '@mapples/style';
+import MockIcon from '../Vector/MockIcon';
+import { IconFamilies } from './families';
 /**
- * Renders an SVG icon from a URI or falls back to a placeholder `MockIcon`.
- *
- * Accepts either a remote URL string or a local `SvgSource` module reference
- * via the `uri` prop. When no `uri` is provided the `MockIcon` placeholder is
- * shown instead, which is useful during development or when the icon asset is
- * optional.
+ * Renders a font glyph from one of the bundled `@react-native-vector-icons`
+ * families. The family comes from the project style config
+ * (`themeConfig.icons.family`) unless overridden per instance via `iconStyle`;
+ * the glyph is selected by `iconName`. Without a family or a name the
+ * `MockIcon` placeholder is shown; a family whose package is not installed
+ * (every pack is an optional peer) throws.
  *
  * @example
  * ```tsx
- * // Remote URL
+ * // Canvas usage — family from the project style config
  * <Icon
- *   uri="https://example.com/icon.svg"
+ *   iconName="star"
  *   styled={{ styleSvg: { width: 24, height: 24, color: '#333' } }}
  * />
  *
- * // Local SVG module
- * import MyIcon from './my-icon.svg';
- * <Icon uri={MyIcon} styled={{ styleSvg: { width: 24, height: 24 } }} />
+ * // Direct usage — chrome/chat surfaces pin the family
+ * <Icon iconStyle="ionicons" iconName="close" size={14} color="theme.text.tertiary" />
  * ```
  *
  * @public
  */
-const Icon = forwardRef(({ styled, uri, ...props }, ref) => {
+const Icon = forwardRef(({ styled, iconStyle, iconName, size, color, ...props }, ref) => {
+    const { themeConfig } = useStyle();
     const { styleSvg, ...styledViewProps } = styled || {};
     const ejectStyle = Styler.flatten(styleSvg);
-    const getUriComponent = (Uri) => {
-        const StyledSvg = makeStyled(Uri.default);
-        return (<StyledSvg styled={{
-                width: ejectStyle?.width,
-                height: ejectStyle?.height,
-                color: ejectStyle?.color,
-                style: styleSvg,
-            }}/>);
-    };
+    const familyKey = iconStyle ?? themeConfig.icons?.family;
+    const family = familyKey
+        ? IconFamilies[familyKey]
+        : undefined;
+    if (family && !family.installed) {
+        // The project selected a family whose package isn't installed — a
+        // configuration error, not a missing glyph: surface it instead of
+        // drawing the placeholder.
+        throw new Error(`Icon family "${family.key}" is not installed: add ${family.npm} to ` +
+            'the project (Project settings → Packages) to render it.');
+    }
     return (<StyledView ref={ref} styled={styledViewProps} {...props}>
-        {uri ? (<>
-            {typeof uri === 'string' ? (<StyledSvgUri uri={uri} styled={{
-                    width: ejectStyle?.width,
-                    height: ejectStyle?.height,
-                    color: ejectStyle?.color,
-                    style: styleSvg,
-                }}/>) : (getUriComponent(uri))}
-          </>) : (<MockIcon styled={{
+        {family && iconName ? (<family.Component name={iconName} styled={{
+                size: size ?? ejectStyle?.width,
+                color: color ?? ejectStyle?.color,
+                style: styleSvg,
+            }}/>) : (<MockIcon styled={{
                 width: ejectStyle?.width,
                 height: ejectStyle?.height,
                 color: ejectStyle?.color,

package/dist/components/media/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/media/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAErE,OAAO,EACL,MAAM,IAAI,UAAU,EAIpB,UAAU,EACV,MAAM,GAEP,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,MAAM,EAAY,MAAM,kBAAkB,CAAC;AAEpD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAoBlC,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEtD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE5C,MAAM,eAAe,GAAG,CAAC,GAAyC,EAAE,EAAE;QACpE,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,CAAC,SAAS,CACR,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,CACvD;QAAA,CAAC,GAAG,CAAC,CAAC,CAAC,CACL,EACE;YAAA,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC;oBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;oBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;oBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;oBACxB,KAAK,EAAE,QAAQ;iBAChB,CAAC,EACF,CACH,CAAC,CAAC,CAAC,CACF,eAAe,CAAC,GAAG,CAAC,CACrB,CACH;UAAA,GAAG,CACJ,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CACP,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CACH;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/media/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAGL,UAAU,EACV,MAAM,EAEN,QAAQ,GAET,MAAM,gBAAgB,CAAC;AASxB,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAiB,MAAM,YAAY,CAAC;AA8BzD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAC;IACnC,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEtD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,SAAS,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC;IACzD,MAAM,MAAM,GAAG,SAAS;QACtB,CAAC,CAAC,YAAY,CAAC,SAA0B,CAAC;QAC1C,CAAC,CAAC,SAAS,CAAC;IACd,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;QAChC,kEAAkE;QAClE,kEAAkE;QAClE,2BAA2B;QAC3B,MAAM,IAAI,KAAK,CACb,gBAAgB,MAAM,CAAC,GAAG,2BAA2B,MAAM,CAAC,GAAG,MAAM;YACnE,yDAAyD,CAC5D,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,CACvD;QAAA,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,CACpB,CAAC,MAAM,CAAC,SAAS,CACf,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,MAAM,CAAC,CAAC;gBACN,IAAI,EAAE,IAAI,IAAK,UAAU,EAAE,KAAgB;gBAC3C,KAAK,EAAE,KAAK,IAAI,UAAU,EAAE,KAAK;gBACjC,KAAK,EAAE,QAA4C;aACpD,CAAC,EACF,CACH,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CACP,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CACH;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,eAAe,IAAI,CAAC"}