@lmb-it/kitsconcerto-native 0.1.277 → 0.1.285

package/components/Banner/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","sources":["../../../../src/components/Banner/banner.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex, Text, Icon } from \"../../_compat\";\nimport {\n    AlertTriangle,\n    ArrowLeft,\n    ArrowRight,\n    CheckCircle2,\n    Info,\n    CircleX,\n    X,\n} from \"lucide-react-native\";\nimport { useSeverityColors } from \"../../hooks/useSeverityColors\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport { useLanguage } from \"../../hooks\";\nimport type { BannerAction, IBannerProps, BannerStatus } from \"@lmb-it/kitsconcerto-types\";\nimport type { Severity } from \"@lmb-it/kitsconcerto-types\";\nimport { Pressable } from \"react-native\";\n\nconst icons: Record<string, any> = {\n    error: CircleX,\n    success: CheckCircle2,\n    warning: AlertTriangle,\n    info: Info,\n};\n\nfunction statusToSeverity(status: BannerStatus): Severity {\n    if (status === \"error\") return \"danger\";\n    return status;\n}\n\nconst Banner: React.FC<IBannerProps> = ({\n    status: statusProp,\n    headerTitle,\n    headerIcon = true,\n    title,\n    description,\n    withIcon = true,\n    actions = [],\n    onDismiss,\n    children,\n    className,\n    textDirection,\n}) => {\n    const { theme } = useKitsTheme();\n    const { t, isRTL, isKeyExists } = useLanguage();\n    const hasActions = actions.length > 0;\n    const status = statusProp ?? (hasActions ? \"error\" : \"info\");\n    const sev = useSeverityColors(statusToSeverity(status));\n\n    /*\n     * ⛔ THE HEADING IS THE CONSUMER'S TO WRITE. This read\n     * `hasActions ? \"Action required…\" : headerTitle`, so a caller that passed\n     * a translated `headerTitle` AND any actions had it thrown away and an\n     * ENGLISH LITERAL rendered instead — with no prop, theme value or locale\n     * key able to reach it.\n     *\n     * ⛔ FOUND IN AN ARABIC APP, 19 September 2026: AlphaMatch's Me tab showed\n     * \"Action required\" in English on an otherwise fully Arabic screen, while\n     * the app's OWN translated string for it sat unused one call away. Grepping\n     * the app for the English text finds only its locale file, which is exactly\n     * why it reads as an app bug and is not one.\n     *\n     * ⚠️ THE FALLBACK IS LOCALISED, BUT ONLY WHERE A TRANSLATION EXISTS.\n     * `isKeyExists` is checked first so a language without the key keeps\n     * today's English rather than rendering the raw key at a user — 38 of this\n     * library's 40 locale files have not been given this string, and a visible\n     * `actionRequired` would be a worse defect than the one being fixed.\n     *\n     * ⚠️ THE COUNT SUFFIX BELONGS TO THE FALLBACK, NOT TO THE CONSUMER. A title\n     * someone wrote is a complete sentence; appending \"(3)\" to it is the\n     * library talking over them.\n     */\n    const actionRequiredLabel = isKeyExists?.(\"actionRequired\")\n        ? t(\"actionRequired\")\n        : \"Action required\";\n    const computedHeaderTitle = hasActions\n        ? headerTitle ??\n          `${actionRequiredLabel}${actions.length > 1 ? ` (${actions.length})` : \"\"}`\n        : headerTitle;\n\n    const hasHeader = !!computedHeaderTitle;\n    const hasBody = !!(title || description || children);\n\n    /*\n     * ⛔ THE DIRECTION DEFAULTS TO THE ACTIVE LANGUAGE, NOT TO ENGLISH. This\n     * prop defaulted to `\"ltr\"`, so every caller that did not pass it — which\n     * was all of them — got a left-to-right banner in an Arabic app, and none\n     * of them could find out. A library shipping to an RTL product reads the\n     * direction itself; the prop stays, for the caller that needs to override.\n     */\n    const resolvedDirection = textDirection ?? (isRTL ? \"rtl\" : \"ltr\");\n    const rowDirection = resolvedDirection === \"rtl\" ? \"row-reverse\" : \"row\";\n\n    const headerIconNode = (() => {\n        if (!headerIcon) return null;\n        if (status === \"brand\" && theme.config.logo) return <>{theme.config.logo}</>;\n        if (hasActions) return <Icon name={AlertTriangle} color={sev.solidText} size=\"sm\" />;\n        const IconComp = icons[status];\n        return IconComp ? <Icon name={IconComp} color={sev.solidText} size=\"sm\" /> : null;\n    })();\n\n    const bodyIconNode = (() => {\n        if (!withIcon) return null;\n        if (status === \"brand\" && theme.config.logo) return <>{theme.config.logo}</>;\n        const IconComp = icons[status];\n        return IconComp ? <Icon name={IconComp} color={sev.iconFg} size=\"sm\" /> : null;\n    })();\n\n    const renderActionRow = (bannerAction: BannerAction, index: number) => (\n        <Flex\n            key={bannerAction.id}\n            flexDirection={rowDirection}\n            alignItems=\"flex-start\"\n            gap={10}\n            style={{\n                padding: 12,\n                borderTopWidth: index > 0 ? 1 : 0,\n                borderTopColor: sev.border,\n            }}\n        >\n            <Flex\n                alignItems=\"center\"\n                justifyContent=\"center\"\n                style={{\n                    width: 28,\n                    height: 28,\n                    borderRadius: 8,\n                    backgroundColor: \"#fff\",\n                    borderWidth: 1,\n                    borderColor: sev.border,\n                    flexShrink: 0,\n                }}\n            >\n                {bannerAction.icon ?? <Icon name={AlertTriangle} color={sev.iconFg} size=\"sm\" />}\n            </Flex>\n            <Flex flexDirection=\"column\" gap={2} style={{ flex: 1 }}>\n                <Text fontWeight=\"bold\" size=\"sm\" style={{ color: sev.text }}>\n                    {bannerAction.label}\n                </Text>\n                {bannerAction.detail && (\n                    <Text size=\"xs\" style={{ color: sev.text, lineHeight: 17 }}>\n                        {bannerAction.detail}\n                    </Text>\n                )}\n            </Flex>\n            {bannerAction.cta && (\n                <Pressable\n                    onPress={bannerAction.onCta}\n                    style={{\n                        backgroundColor: sev.solid,\n                        borderRadius: 999,\n                        paddingHorizontal: 12,\n                        paddingVertical: 7,\n                        // ⛔ `rowDirection`, NOT a hardcoded \"row\". This was the\n                        // one row in the component that ignored the direction\n                        // every other row obeyed, so even a caller that DID\n                        // pass textDirection=\"rtl\" got this pill backwards.\n                        flexDirection: rowDirection,\n                        alignItems: \"center\",\n                        gap: 4,\n                        flexShrink: 0,\n                    }}\n                >\n                    <Text\n                        fontWeight=\"bold\"\n                        size=\"xs\"\n                        style={{ color: sev.solidText }}\n                    >\n                        {bannerAction.cta}\n                    </Text>\n                    {/* ⛔ THE ARROW MEANS \"ONWARDS\", SO IT FOLLOWS THE READER.\n                        It was always ArrowRight, which in Arabic points back\n                        the way the eye came — on the one control the banner\n                        exists to get pressed. */}\n                    {resolvedDirection === \"rtl\" ? (\n                        <ArrowLeft size={12} color={sev.solidText} />\n                    ) : (\n                        <ArrowRight size={12} color={sev.solidText} />\n                    )}\n                </Pressable>\n            )}\n        </Flex>\n    );\n\n    return (\n        <Flex\n            flexDirection=\"column\"\n            className={className}\n            style={{\n                borderRadius: 8,\n                overflow: \"hidden\",\n                writingDirection: resolvedDirection,\n            }}\n        >\n            {/* Header bar */}\n            {hasHeader && (\n                <Flex\n                    flexDirection={rowDirection}\n                    alignItems=\"center\"\n                    gap={6}\n                    style={{\n                        backgroundColor: sev.solid,\n                        paddingVertical: 8,\n                        paddingHorizontal: 12,\n                    }}\n                >\n                    {headerIconNode}\n                    <Text fontWeight=\"bold\" size=\"sm\" style={{ color: sev.solidText, flex: 1 }}>\n                        {computedHeaderTitle}\n                    </Text>\n                    {onDismiss && (\n                        <Pressable\n                            accessibilityLabel=\"Dismiss\"\n                            onPress={onDismiss}\n                            style={{\n                                width: 24,\n                                height: 24,\n                                borderRadius: 999,\n                                backgroundColor: \"rgba(255, 255, 255, 0.2)\",\n                                alignItems: \"center\",\n                                justifyContent: \"center\",\n                            }}\n                        >\n                            <X size={14} color={sev.solidText} />\n                        </Pressable>\n                    )}\n                </Flex>\n            )}\n\n            {/* Body section */}\n            {hasActions ? (\n                <Flex\n                    flexDirection=\"column\"\n                    style={{\n                        backgroundColor: sev.bgTint,\n                    }}\n                >\n                    {actions.map(renderActionRow)}\n                </Flex>\n            ) : hasBody && (\n                <Flex\n                    flexDirection={rowDirection}\n                    alignItems=\"center\"\n                    gap={12}\n                    style={{\n                        backgroundColor: sev.bgTint,\n                        padding: 12,\n                        justifyContent: \"space-between\",\n                    }}\n                >\n                    <Flex flexDirection=\"column\" gap={4} style={{ flex: 1 }}>\n                        {(withIcon || title) && (\n                            <Flex flexDirection={rowDirection} alignItems=\"center\" gap={6}>\n                                {bodyIconNode}\n                                {title && (\n                                    <Text fontWeight=\"bold\" size=\"sm\" style={{ color: sev.text }}>\n                                        {title}\n                                    </Text>\n                                )}\n                            </Flex>\n                        )}\n                        {description && (\n                            <Text size=\"xs\" style={{ color: sev.text }}>\n                                {description}\n                            </Text>\n                        )}\n                        {children}\n                    </Flex>\n                </Flex>\n            )}\n        </Flex>\n    );\n};\n\nexport default Banner;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"banner.js","sources":["../../../../src/components/Banner/banner.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex, Text, Icon } from \"../../_compat\";\nimport {\n    AlertTriangle,\n    ArrowLeft,\n    ArrowRight,\n    CheckCircle2,\n    Info,\n    CircleX,\n    X,\n} from \"lucide-react-native\";\nimport { useSeverityColors } from \"../../hooks/useSeverityColors\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport { useLanguage } from \"../../hooks\";\nimport type { BannerAction, IBannerProps, BannerStatus } from \"@lmb-it/kitsconcerto-types\";\nimport type { Severity } from \"@lmb-it/kitsconcerto-types\";\nimport { Pressable } from \"react-native\";\n\nconst icons: Record<string, any> = {\n    error: CircleX,\n    success: CheckCircle2,\n    warning: AlertTriangle,\n    info: Info,\n};\n\nfunction statusToSeverity(status: BannerStatus): Severity {\n    if (status === \"error\") return \"danger\";\n    return status;\n}\n\nconst Banner: React.FC<IBannerProps> = ({\n    status: statusProp,\n    headerTitle,\n    headerIcon = true,\n    title,\n    description,\n    withIcon = true,\n    actions = [],\n    onDismiss,\n    children,\n    className,\n    textDirection,\n}) => {\n    const { theme } = useKitsTheme();\n    const { t, isRTL, isKeyExists } = useLanguage();\n    const hasActions = actions.length > 0;\n    const status = statusProp ?? (hasActions ? \"error\" : \"info\");\n    const sev = useSeverityColors(statusToSeverity(status));\n\n    /*\n     * ⛔ THE HEADING IS THE CONSUMER'S TO WRITE. This read\n     * `hasActions ? \"Action required…\" : headerTitle`, so a caller that passed\n     * a translated `headerTitle` AND any actions had it thrown away and an\n     * ENGLISH LITERAL rendered instead — with no prop, theme value or locale\n     * key able to reach it.\n     *\n     * ⛔ FOUND IN AN ARABIC APP, 19 September 2026: AlphaMatch's Me tab showed\n     * \"Action required\" in English on an otherwise fully Arabic screen, while\n     * the app's OWN translated string for it sat unused one call away. Grepping\n     * the app for the English text finds only its locale file, which is exactly\n     * why it reads as an app bug and is not one.\n     *\n     * ⚠️ THE FALLBACK IS LOCALISED, BUT ONLY WHERE A TRANSLATION EXISTS.\n     * `isKeyExists` is checked first so a language without the key keeps\n     * today's English rather than rendering the raw key at a user — 38 of this\n     * library's 40 locale files have not been given this string, and a visible\n     * `actionRequired` would be a worse defect than the one being fixed.\n     *\n     * ⚠️ THE COUNT SUFFIX BELONGS TO THE FALLBACK, NOT TO THE CONSUMER. A title\n     * someone wrote is a complete sentence; appending \"(3)\" to it is the\n     * library talking over them.\n     */\n    const actionRequiredLabel = isKeyExists?.(\"actionRequired\")\n        ? t(\"actionRequired\")\n        : \"Action required\";\n    const computedHeaderTitle = hasActions\n        ? headerTitle ??\n          `${actionRequiredLabel}${actions.length > 1 ? ` (${actions.length})` : \"\"}`\n        : headerTitle;\n\n    const hasHeader = !!computedHeaderTitle;\n    const hasBody = !!(title || description || children);\n\n    /*\n     * ⛔ THE DIRECTION DEFAULTS TO THE ACTIVE LANGUAGE, NOT TO ENGLISH. This\n     * prop defaulted to `\"ltr\"`, so every caller that did not pass it — which\n     * was all of them — got a left-to-right banner in an Arabic app, and none\n     * of them could find out. A library shipping to an RTL product reads the\n     * direction itself; the prop stays, for the caller that needs to override.\n     */\n    const resolvedDirection = textDirection ?? (isRTL ? \"rtl\" : \"ltr\");\n    const rowDirection = resolvedDirection === \"rtl\" ? \"row-reverse\" : \"row\";\n\n    const headerIconNode = (() => {\n        if (!headerIcon) return null;\n        if (status === \"brand\" && theme.config.logo) return <>{theme.config.logo}</>;\n        if (hasActions) return <Icon name={AlertTriangle} color={sev.solidText} size=\"sm\" />;\n        const IconComp = icons[status];\n        return IconComp ? <Icon name={IconComp} color={sev.solidText} size=\"sm\" /> : null;\n    })();\n\n    const bodyIconNode = (() => {\n        if (!withIcon) return null;\n        if (status === \"brand\" && theme.config.logo) return <>{theme.config.logo}</>;\n        const IconComp = icons[status];\n        return IconComp ? <Icon name={IconComp} color={sev.iconFg} size=\"sm\" /> : null;\n    })();\n\n    const renderActionRow = (bannerAction: BannerAction, index: number) => (\n        <Flex\n            key={bannerAction.id}\n            flexDirection={rowDirection}\n            alignItems=\"flex-start\"\n            gap={10}\n            style={{\n                padding: 12,\n                borderTopWidth: index > 0 ? 1 : 0,\n                borderTopColor: sev.border,\n            }}\n        >\n            <Flex\n                alignItems=\"center\"\n                justifyContent=\"center\"\n                style={{\n                    width: 28,\n                    height: 28,\n                    borderRadius: 8,\n                    backgroundColor: \"#fff\",\n                    borderWidth: 1,\n                    borderColor: sev.border,\n                    flexShrink: 0,\n                }}\n            >\n                {bannerAction.icon ?? <Icon name={AlertTriangle} color={sev.iconFg} size=\"sm\" />}\n            </Flex>\n            <Flex flexDirection=\"column\" gap={2} style={{ flex: 1 }}>\n                <Text fontWeight=\"bold\" size=\"sm\" style={{ color: sev.text }}>\n                    {bannerAction.label}\n                </Text>\n                {bannerAction.detail && (\n                    <Text size=\"xs\" style={{ color: sev.text, lineHeight: 17 }}>\n                        {bannerAction.detail}\n                    </Text>\n                )}\n            </Flex>\n            {bannerAction.cta && (\n                <Pressable\n                    onPress={bannerAction.onCta}\n                    style={{\n                        backgroundColor: sev.solid,\n                        borderRadius: 999,\n                        paddingHorizontal: 12,\n                        paddingVertical: 7,\n                        // ⛔ `rowDirection`, NOT a hardcoded \"row\". This was the\n                        // one row in the component that ignored the direction\n                        // every other row obeyed, so even a caller that DID\n                        // pass textDirection=\"rtl\" got this pill backwards.\n                        flexDirection: rowDirection,\n                        alignItems: \"center\",\n                        gap: 4,\n                        flexShrink: 0,\n                    }}\n                >\n                    <Text\n                        fontWeight=\"bold\"\n                        size=\"xs\"\n                        style={{ color: sev.solidText }}\n                    >\n                        {bannerAction.cta}\n                    </Text>\n                    {/* ⛔ THE ARROW MEANS \"ONWARDS\", SO IT FOLLOWS THE READER.\n                        It was always ArrowRight, which in Arabic points back\n                        the way the eye came — on the one control the banner\n                        exists to get pressed. */}\n                    {resolvedDirection === \"rtl\" ? (\n                        <ArrowLeft size={12} color={sev.solidText} />\n                    ) : (\n                        <ArrowRight size={12} color={sev.solidText} />\n                    )}\n                </Pressable>\n            )}\n        </Flex>\n    );\n\n    return (\n        <Flex\n            flexDirection=\"column\"\n            className={className}\n            style={{\n                borderRadius: 8,\n                overflow: \"hidden\",\n                writingDirection: resolvedDirection,\n            }}\n        >\n            {/* Header bar */}\n            {hasHeader && (\n                <Flex\n                    flexDirection={rowDirection}\n                    alignItems=\"center\"\n                    gap={6}\n                    style={{\n                        backgroundColor: sev.solid,\n                        paddingVertical: 8,\n                        paddingHorizontal: 12,\n                    }}\n                >\n                    {headerIconNode}\n                    <Text fontWeight=\"bold\" size=\"sm\" style={{ color: sev.solidText, flex: 1 }}>\n                        {computedHeaderTitle}\n                    </Text>\n                    {onDismiss && (\n                        <Pressable\n                            accessibilityLabel=\"Dismiss\"\n                            onPress={onDismiss}\n                            style={{\n                                width: 24,\n                                height: 24,\n                                borderRadius: 999,\n                                backgroundColor: \"rgba(255, 255, 255, 0.2)\",\n                                alignItems: \"center\",\n                                justifyContent: \"center\",\n                            }}\n                        >\n                            <X size={14} color={sev.solidText} />\n                        </Pressable>\n                    )}\n                </Flex>\n            )}\n\n            {/* Body section */}\n            {hasActions ? (\n                <Flex\n                    flexDirection=\"column\"\n                    style={{\n                        backgroundColor: sev.bgTint,\n                    }}\n                >\n                    {actions.map(renderActionRow)}\n                </Flex>\n            ) : hasBody && (\n                <Flex\n                    flexDirection={rowDirection}\n                    alignItems=\"center\"\n                    gap={12}\n                    style={{\n                        backgroundColor: sev.bgTint,\n                        padding: 12,\n                        justifyContent: \"space-between\",\n                    }}\n                >\n                    <Flex flexDirection=\"column\" gap={4} style={{ flex: 1 }}>\n                        {(withIcon || title) && (\n                            <Flex flexDirection={rowDirection} alignItems=\"center\" gap={6}>\n                                {bodyIconNode}\n                                {title && (\n                                    <Text fontWeight=\"bold\" size=\"sm\" style={{ color: sev.text }}>\n                                        {title}\n                                    </Text>\n                                )}\n                            </Flex>\n                        )}\n                        {description && (\n                            <Text size=\"xs\" style={{ color: sev.text }}>\n                                {description}\n                            </Text>\n                        )}\n                        {children}\n                    </Flex>\n                </Flex>\n            )}\n        </Flex>\n    );\n};\n\nexport default Banner;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAkBA,MAAM,KAAA,GAA6B;AAAA,EAC/B,KAAA,EAAO,OAAA;AAAA,EACP,OAAA,EAAS,YAAA;AAAA,EACT,OAAA,EAAS,aAAA;AAAA,EACT,IAAA,EAAM;AACV,CAAA;AAEA,SAAS,iBAAiB,MAAA,EAAgC;AACtD,EAAA,IAAI,MAAA,KAAW,SAAS,OAAO,QAAA;AAC/B,EAAA,OAAO,MAAA;AACX;AAEA,MAAM,SAAiC,CAAC;AAAA,EACpC,MAAA,EAAQ,UAAA;AAAA,EACR,WAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAU,EAAC;AAAA,EACX,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACJ,CAAA,KAAM;AACF,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,YAAA,EAAa;AAC/B,EAAA,MAAM,EAAE,CAAA,EAAG,KAAA,EAAO,WAAA,KAAgB,WAAA,EAAY;AAC9C,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAA,GAAS,CAAA;AACpC,EAAA,MAAM,MAAA,GAAS,UAAA,KAAe,UAAA,GAAa,OAAA,GAAU,MAAA,CAAA;AACrD,EAAA,MAAM,GAAA,GAAM,iBAAA,CAAkB,gBAAA,CAAiB,MAAM,CAAC,CAAA;AAyBtD,EAAA,MAAM,sBAAsB,WAAA,GAAc,gBAAgB,CAAA,GACpD,CAAA,CAAE,gBAAgB,CAAA,GAClB,iBAAA;AACN,EAAA,MAAM,mBAAA,GAAsB,UAAA,GACtB,WAAA,IACA,CAAA,EAAG,mBAAmB,CAAA,EAAG,OAAA,CAAQ,MAAA,GAAS,CAAA,GAAI,CAAA,EAAA,EAAK,OAAA,CAAQ,MAAM,CAAA,CAAA,CAAA,GAAM,EAAE,CAAA,CAAA,GACzE,WAAA;AAEN,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,mBAAA;AACpB,EAAA,MAAM,OAAA,GAAU,CAAC,EAAE,KAAA,IAAS,WAAA,IAAe,QAAA,CAAA;AAS3C,EAAA,MAAM,iBAAA,GAAoB,aAAA,KAAkB,KAAA,GAAQ,KAAA,GAAQ,KAAA,CAAA;AAC5D,EAAA,MAAM,YAAA,GAAe,iBAAA,KAAsB,KAAA,GAAQ,aAAA,GAAgB,KAAA;AAEnE,EAAA,MAAM,kBAAkB,MAAM;AAC1B,IAAA,IAAI,CAAC,YAAY,OAAO,IAAA;AACxB,IAAA,IAAI,MAAA,KAAW,WAAW,KAAA,CAAM,MAAA,CAAO,MAAM,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,KAAA,CAAM,MAAA,CAAO,IAAA,EAAK,CAAA;AACzE,IAAA,IAAI,UAAA,EAAY,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,eAAe,KAAA,EAAO,GAAA,CAAI,SAAA,EAAW,IAAA,EAAK,IAAA,EAAK,CAAA;AAClF,IAAA,MAAM,QAAA,GAAW,MAAM,MAAM,CAAA;AAC7B,IAAA,OAAO,QAAA,mBAAW,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,QAAA,EAAU,OAAO,GAAA,CAAI,SAAA,EAAW,IAAA,EAAK,IAAA,EAAK,CAAA,GAAK,IAAA;AAAA,EACjF,CAAA,GAAG;AAEH,EAAA,MAAM,gBAAgB,MAAM;AACxB,IAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AACtB,IAAA,IAAI,MAAA,KAAW,WAAW,KAAA,CAAM,MAAA,CAAO,MAAM,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,KAAA,CAAM,MAAA,CAAO,IAAA,EAAK,CAAA;AACzE,IAAA,MAAM,QAAA,GAAW,MAAM,MAAM,CAAA;AAC7B,IAAA,OAAO,QAAA,mBAAW,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,QAAA,EAAU,OAAO,GAAA,CAAI,MAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,CAAA,GAAK,IAAA;AAAA,EAC9E,CAAA,GAAG;AAEH,EAAA,MAAM,eAAA,GAAkB,CAAC,YAAA,EAA4B,KAAA,qBACjD,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MAEG,aAAA,EAAe,YAAA;AAAA,MACf,UAAA,EAAW,YAAA;AAAA,MACX,GAAA,EAAK,EAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACH,OAAA,EAAS,EAAA;AAAA,QACT,cAAA,EAAgB,KAAA,GAAQ,CAAA,GAAI,CAAA,GAAI,CAAA;AAAA,QAChC,gBAAgB,GAAA,CAAI;AAAA,OACxB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,UAAA,EAAW,QAAA;AAAA,YACX,cAAA,EAAe,QAAA;AAAA,YACf,KAAA,EAAO;AAAA,cACH,KAAA,EAAO,EAAA;AAAA,cACP,MAAA,EAAQ,EAAA;AAAA,cACR,YAAA,EAAc,CAAA;AAAA,cACd,eAAA,EAAiB,MAAA;AAAA,cACjB,WAAA,EAAa,CAAA;AAAA,cACb,aAAa,GAAA,CAAI,MAAA;AAAA,cACjB,UAAA,EAAY;AAAA,aAChB;AAAA,YAEC,QAAA,EAAA,YAAA,CAAa,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,eAAe,KAAA,EAAO,GAAA,CAAI,MAAA,EAAQ,IAAA,EAAK,IAAA,EAAK;AAAA;AAAA,SAClF;AAAA,wBACA,IAAA,CAAC,IAAA,EAAA,EAAK,aAAA,EAAc,QAAA,EAAS,GAAA,EAAK,GAAG,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAE,EAClD,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,UAAA,EAAW,MAAA,EAAO,IAAA,EAAK,IAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA,CAAI,IAAA,EAAK,EACtD,QAAA,EAAA,YAAA,CAAa,KAAA,EAClB,CAAA;AAAA,UACC,YAAA,CAAa,MAAA,oBACV,GAAA,CAAC,IAAA,EAAA,EAAK,MAAK,IAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,IAAI,IAAA,EAAM,UAAA,EAAY,EAAA,EAAG,EACpD,uBAAa,MAAA,EAClB;AAAA,SAAA,EAER,CAAA;AAAA,QACC,aAAa,GAAA,oBACV,IAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACG,SAAS,YAAA,CAAa,KAAA;AAAA,YACtB,KAAA,EAAO;AAAA,cACH,iBAAiB,GAAA,CAAI,KAAA;AAAA,cACrB,YAAA,EAAc,GAAA;AAAA,cACd,iBAAA,EAAmB,EAAA;AAAA,cACnB,eAAA,EAAiB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAKjB,aAAA,EAAe,YAAA;AAAA,cACf,UAAA,EAAY,QAAA;AAAA,cACZ,GAAA,EAAK,CAAA;AAAA,cACL,UAAA,EAAY;AAAA,aAChB;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACG,UAAA,EAAW,MAAA;AAAA,kBACX,IAAA,EAAK,IAAA;AAAA,kBACL,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA,CAAI,SAAA,EAAU;AAAA,kBAE7B,QAAA,EAAA,YAAA,CAAa;AAAA;AAAA,eAClB;AAAA,cAKC,sBAAsB,KAAA,mBACnB,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,IAAI,KAAA,EAAO,GAAA,CAAI,SAAA,EAAW,CAAA,uBAE1C,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,KAAA,EAAO,IAAI,SAAA,EAAW;AAAA;AAAA;AAAA;AAEpD;AAAA,KAAA;AAAA,IArEC,YAAA,CAAa;AAAA,GAuEtB;AAGJ,EAAA,uBACI,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACG,aAAA,EAAc,QAAA;AAAA,MACd,SAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACH,YAAA,EAAc,CAAA;AAAA,QACd,QAAA,EAAU,QAAA;AAAA,QACV,gBAAA,EAAkB;AAAA,OACtB;AAAA,MAGC,QAAA,EAAA;AAAA,QAAA,SAAA,oBACG,IAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,aAAA,EAAe,YAAA;AAAA,YACf,UAAA,EAAW,QAAA;AAAA,YACX,GAAA,EAAK,CAAA;AAAA,YACL,KAAA,EAAO;AAAA,cACH,iBAAiB,GAAA,CAAI,KAAA;AAAA,cACrB,eAAA,EAAiB,CAAA;AAAA,cACjB,iBAAA,EAAmB;AAAA,aACvB;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,cAAA;AAAA,8BACD,GAAA,CAAC,IAAA,EAAA,EAAK,UAAA,EAAW,MAAA,EAAO,MAAK,IAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA,CAAI,SAAA,EAAW,IAAA,EAAM,CAAA,IAClE,QAAA,EAAA,mBAAA,EACL,CAAA;AAAA,cACC,SAAA,oBACG,GAAA;AAAA,gBAAC,SAAA;AAAA,gBAAA;AAAA,kBACG,kBAAA,EAAmB,SAAA;AAAA,kBACnB,OAAA,EAAS,SAAA;AAAA,kBACT,KAAA,EAAO;AAAA,oBACH,KAAA,EAAO,EAAA;AAAA,oBACP,MAAA,EAAQ,EAAA;AAAA,oBACR,YAAA,EAAc,GAAA;AAAA,oBACd,eAAA,EAAiB,0BAAA;AAAA,oBACjB,UAAA,EAAY,QAAA;AAAA,oBACZ,cAAA,EAAgB;AAAA,mBACpB;AAAA,kBAEA,8BAAC,CAAA,EAAA,EAAE,IAAA,EAAM,EAAA,EAAI,KAAA,EAAO,IAAI,SAAA,EAAW;AAAA;AAAA;AACvC;AAAA;AAAA,SAER;AAAA,QAIH,UAAA,mBACG,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,aAAA,EAAc,QAAA;AAAA,YACd,KAAA,EAAO;AAAA,cACH,iBAAiB,GAAA,CAAI;AAAA,aACzB;AAAA,YAEC,QAAA,EAAA,OAAA,CAAQ,IAAI,eAAe;AAAA;AAAA,YAEhC,OAAA,oBACA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,aAAA,EAAe,YAAA;AAAA,YACf,UAAA,EAAW,QAAA;AAAA,YACX,GAAA,EAAK,EAAA;AAAA,YACL,KAAA,EAAO;AAAA,cACH,iBAAiB,GAAA,CAAI,MAAA;AAAA,cACrB,OAAA,EAAS,EAAA;AAAA,cACT,cAAA,EAAgB;AAAA,aACpB;AAAA,YAEA,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,aAAA,EAAc,QAAA,EAAS,GAAA,EAAK,GAAG,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAE,EAChD,QAAA,EAAA;AAAA,cAAA,CAAA,QAAA,IAAY,KAAA,0BACT,IAAA,EAAA,EAAK,aAAA,EAAe,cAAc,UAAA,EAAW,QAAA,EAAS,KAAK,CAAA,EACvD,QAAA,EAAA;AAAA,gBAAA,YAAA;AAAA,gBACA,KAAA,oBACG,GAAA,CAAC,IAAA,EAAA,EAAK,UAAA,EAAW,MAAA,EAAO,IAAA,EAAK,IAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA,CAAI,IAAA,IACjD,QAAA,EAAA,KAAA,EACL;AAAA,eAAA,EAER,CAAA;AAAA,cAEH,WAAA,oBACG,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA,CAAI,IAAA,EAAK,EACpC,QAAA,EAAA,WAAA,EACL,CAAA;AAAA,cAEH;AAAA,aAAA,EACL;AAAA;AAAA;AACJ;AAAA;AAAA,GAER;AAER;;;;"}

package/components/BottomTabBar/index.cjs

@@ -89,6 +89,7 @@ var index_native = require('../../primitives/Icon/index.cjs');
 var index = require('../../layout/Flex/index.cjs');
 require('../../contexts/DialogContext.cjs');
 require('../../contexts/PermissionsContext.cjs');
+require('../../contexts/BreadcrumbContext.cjs');
 var useComponentDefaults = require('../../hooks/useComponentDefaults.cjs');
 
 const BAR_MIN_HEIGHT = 60;

package/components/BottomTabBar/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/BottomTabBar/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {Pressable, Text, View} from \"react-native\";\nimport {useSafeAreaInsets} from \"react-native-safe-area-context\";\nimport {resolveThemeTokenForNative} from \"@lmb-it/kitsconcertomobile\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\nimport type {IBottomTabBarProps, ITabBarItem} from \"@lmb-it/kitsconcerto-types\";\nimport {Icon} from \"../../primitives\";\nimport {Box} from \"../../primitives\";\nimport Flex from \"../../layout/Flex\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n// Mirrors the app's AMTabBar geometry (App/src/components/shared/layout).\nconst BAR_MIN_HEIGHT = 60;\nconst FAB_SIZE = 56;\n\nfunction Badge({badge, barBg, dangerColor}: {badge: number | boolean; barBg: string; dangerColor: string}) {\n    const isDot = badge === true || badge === 0;\n    if (isDot) {\n        return (\n            <Box\n                style={{\n                    position: \"absolute\",\n                    top: -2,\n                    right: -2,\n                    width: 10,\n                    height: 10,\n                    borderRadius: 5,\n                    backgroundColor: dangerColor,\n                    borderWidth: 1.5,\n                    borderColor: barBg,\n                    zIndex: 10,\n                }}\n            />\n        );\n    }\n    const count = typeof badge === \"number\" ? (badge > 99 ? \"99+\" : String(badge)) : \"\";\n    return (\n        <Box\n            style={{\n                position: \"absolute\",\n                top: -6,\n                right: -10,\n                minWidth: 16,\n                height: 16,\n                borderRadius: 8,\n                paddingHorizontal: 4,\n                backgroundColor: dangerColor,\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                borderWidth: 1.5,\n                borderColor: barBg,\n                zIndex: 10,\n            }}\n        >\n            <Text style={{color: \"#FFFFFF\", fontSize: 9, fontWeight: \"700\", lineHeight: 11}}>{count}</Text>\n        </Box>\n    );\n}\n\n/**\n * BottomTabBar — iOS/Android bottom navigation with an elevated center FAB.\n *\n * Layout mirrors the app's working `AMTabBar`: a `row` / `space-between` bar\n * with four `flex:1` **column** slots and a content-width centre slot holding\n * the FAB. The FAB is lifted with `marginTop:-26` and ringed with a 3px\n * border so it sits above the bar plane — never absolutely positioned.\n * Presentational + controlled (router-agnostic).\n */\nexport function BottomTabBar<K extends string = string>(rawProps: IBottomTabBarProps<K>) {\n    const props = useComponentDefaults<IBottomTabBarProps<K>>(\"BottomTabBar\", rawProps).mergedProps;\n    const {\n        items,\n        value,\n        onChange,\n        activeColor = \"brand\",\n        inactiveColor = \"text-secondary\",\n        background = \"surface-card\",\n        fabColor,\n        showLabels = true,\n        testID,\n    } = props;\n    /*\n     * ⛔ ARABIC CLIPS WITHOUT AN EXPLICIT LINE BOX — a raw react-native <Text>\n     * with a fontSize and no lineHeight gets the FONT'S natural box, and\n     * NotoKufiArabic's is too short for its own ascenders. In an RTL script\n     * that reads as a BAD TRANSLATION rather than as clipping: ش/س, غ/ع and\n     * ة/ه differ only by marks above the baseline.\n     * ⚠️ undefined in LTR, so no English layout moves.\n     */\n    const rtlLineHeight = useRtlLineHeight(undefined, 11);\n\n    const insets = useSafeAreaInsets();\n\n    // Resolve tokens → hex with the standalone resolver (the one `Icon` uses),\n    // so colors apply on raw RN elements in both app and Storybook contexts.\n    const activeC = resolveThemeTokenForNative(activeColor);\n    const inactiveC = resolveThemeTokenForNative(inactiveColor);\n    const bg = resolveThemeTokenForNative(background);\n    const border = resolveThemeTokenForNative(\"surface-border\");\n    const fabBg = resolveThemeTokenForNative(fabColor ?? activeColor);\n    const danger = resolveThemeTokenForNative(\"danger\");\n\n    return (\n        <View\n            testID={testID}\n            style={{\n                width: \"100%\",\n                flexDirection: \"row\",\n                alignItems: \"center\",\n                justifyContent: \"space-between\",\n                minHeight: BAR_MIN_HEIGHT,\n                paddingHorizontal: 20,\n                paddingTop: 10,\n                paddingBottom: Math.max(insets.bottom, 12),\n                backgroundColor: bg,\n                borderTopWidth: 1,\n                borderTopColor: border,\n            }}\n        >\n            {items.map((item: ITabBarItem<K>) => {\n                const active = item.key === value;\n\n                // Centre FAB — a content-width slot (NOT flex:1) so the four\n                // side slots distribute evenly; the FAB is lifted in-flow.\n                if (item.fab) {\n                    return (\n                        <Flex key={item.key} style={{alignItems: \"center\", justifyContent: \"center\"}}>\n                            <Pressable\n                                onPress={() => onChange(item.key)}\n                                accessibilityRole=\"button\"\n                                accessibilityState={{selected: active}}\n                                hitSlop={8}\n                                style={({pressed}) => [\n                                    {\n                                        width: FAB_SIZE,\n                                        height: FAB_SIZE,\n                                        borderRadius: FAB_SIZE / 2,\n                                        marginTop: -26,\n                                        alignItems: \"center\",\n                                        justifyContent: \"center\",\n                                        backgroundColor: fabBg,\n                                        borderWidth: 3,\n                                        borderColor: bg,\n                                        shadowColor: fabBg,\n                                        shadowOffset: {width: 0, height: 6},\n                                        shadowOpacity: 0.35,\n                                        shadowRadius: 12,\n                                        elevation: 8,\n                                    },\n                                    pressed && {opacity: 0.9},\n                                ]}\n                            >\n                                <Icon name={item.icon as never} size={26} color=\"#FFFFFF\" />\n                            </Pressable>\n                        </Flex>\n                    );\n                }\n\n                const color = active ? activeC : inactiveC;\n                const iconName = active && item.activeIcon != null ? item.activeIcon : item.icon;\n\n                return (\n                    <Pressable\n                        key={item.key}\n                        onPress={() => onChange(item.key)}\n                        accessibilityRole=\"button\"\n                        accessibilityState={{selected: active}}\n                        style={({pressed}) => [\n                            {\n                                flex: 1,\n                                flexDirection: \"column\",\n                                alignItems: \"center\",\n                                justifyContent: \"center\",\n                                gap: 4,\n                                paddingVertical: 6,\n                                paddingHorizontal: 4,\n                                minHeight: 44,\n                            },\n                            pressed && {opacity: 0.7},\n                        ]}\n                    >\n                        <View style={{alignItems: \"center\", justifyContent: \"center\", position: \"relative\"}}>\n                            <Icon name={iconName as never} size={24} color={color} />\n                            {item.badge != null && item.badge !== false && (\n                                <Badge badge={item.badge} barBg={bg} dangerColor={danger} />\n                            )}\n                        </View>\n                        {showLabels && item.label != null && (\n                            <Text numberOfLines={1} style={{fontSize: 11, fontWeight: \"500\", color, ...(rtlLineHeight != null ? {lineHeight: rtlLineHeight} : {})}}>\n                                {item.label}\n                            </Text>\n                        )}\n                    </Pressable>\n                );\n            })}\n        </View>\n    );\n}\n\nexport default BottomTabBar;\n"],"names":["jsx","Box","Text","useComponentDefaults","useRtlLineHeight","useSafeAreaInsets","resolveThemeTokenForNative","View","Flex","Pressable","Icon","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,cAAA,GAAiB,EAAA;AACvB,MAAM,QAAA,GAAW,EAAA;AAEjB,SAAS,KAAA,CAAM,EAAC,KAAA,EAAO,KAAA,EAAO,aAAW,EAAkE;AACvG,EAAA,MAAM,KAAA,GAAQ,KAAA,KAAU,IAAA,IAAQ,KAAA,KAAU,CAAA;AAC1C,EAAA,IAAI,KAAA,EAAO;AACP,IAAA,uBACIA,cAAA;AAAA,MAACC,eAAA;AAAA,MAAA;AAAA,QACG,KAAA,EAAO;AAAA,UACH,QAAA,EAAU,UAAA;AAAA,UACV,GAAA,EAAK,EAAA;AAAA,UACL,KAAA,EAAO,EAAA;AAAA,UACP,KAAA,EAAO,EAAA;AAAA,UACP,MAAA,EAAQ,EAAA;AAAA,UACR,YAAA,EAAc,CAAA;AAAA,UACd,eAAA,EAAiB,WAAA;AAAA,UACjB,WAAA,EAAa,GAAA;AAAA,UACb,WAAA,EAAa,KAAA;AAAA,UACb,MAAA,EAAQ;AAAA;AACZ;AAAA,KACJ;AAAA,EAER;AACA,EAAA,MAAM,KAAA,GAAQ,OAAO,KAAA,KAAU,QAAA,GAAY,QAAQ,EAAA,GAAK,KAAA,GAAQ,MAAA,CAAO,KAAK,CAAA,GAAK,EAAA;AACjF,EAAA,uBACID,cAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACG,KAAA,EAAO;AAAA,QACH,QAAA,EAAU,UAAA;AAAA,QACV,GAAA,EAAK,EAAA;AAAA,QACL,KAAA,EAAO,GAAA;AAAA,QACP,QAAA,EAAU,EAAA;AAAA,QACV,MAAA,EAAQ,EAAA;AAAA,QACR,YAAA,EAAc,CAAA;AAAA,QACd,iBAAA,EAAmB,CAAA;AAAA,QACnB,eAAA,EAAiB,WAAA;AAAA,QACjB,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,WAAA,EAAa,GAAA;AAAA,QACb,WAAA,EAAa,KAAA;AAAA,QACb,MAAA,EAAQ;AAAA,OACZ;AAAA,MAEA,QAAA,kBAAAD,cAAA,CAACE,gBAAA,EAAA,EAAK,KAAA,EAAO,EAAC,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,CAAA,EAAG,UAAA,EAAY,KAAA,EAAO,UAAA,EAAY,EAAA,IAAM,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA,GAC5F;AAER;AAWO,SAAS,aAAwC,QAAA,EAAiC;AACrF,EAAA,MAAM,KAAA,GAAQC,4BAAA,CAA4C,cAAA,EAAgB,QAAQ,CAAA,CAAE,WAAA;AACpF,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,GAAc,OAAA;AAAA,IACd,aAAA,GAAgB,gBAAA;AAAA,IAChB,UAAA,GAAa,cAAA;AAAA,IACb,QAAA;AAAA,IACA,UAAA,GAAa,IAAA;AAAA,IACb;AAAA,GACJ,GAAI,KAAA;AASJ,EAAA,MAAM,aAAA,GAAgBC,wBAAA,CAAiB,MAAA,EAAW,EAAE,CAAA;AAEpD,EAAA,MAAM,SAASC,4CAAA,EAAkB;AAIjC,EAAA,MAAM,OAAA,GAAUC,iCAA2B,WAAW,CAAA;AACtD,EAAA,MAAM,SAAA,GAAYA,iCAA2B,aAAa,CAAA;AAC1D,EAAA,MAAM,EAAA,GAAKA,iCAA2B,UAAU,CAAA;AAChD,EAAA,MAAM,MAAA,GAASA,iCAA2B,gBAAgB,CAAA;AAC1D,EAAA,MAAM,KAAA,GAAQA,gCAAA,CAA2B,QAAA,IAAY,WAAW,CAAA;AAChE,EAAA,MAAM,MAAA,GAASA,iCAA2B,QAAQ,CAAA;AAElD,EAAA,uBACIN,cAAA;AAAA,IAACO,gBAAA;AAAA,IAAA;AAAA,MACG,MAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACH,KAAA,EAAO,MAAA;AAAA,QACP,aAAA,EAAe,KAAA;AAAA,QACf,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,eAAA;AAAA,QAChB,SAAA,EAAW,cAAA;AAAA,QACX,iBAAA,EAAmB,EAAA;AAAA,QACnB,UAAA,EAAY,EAAA;AAAA,QACZ,aAAA,EAAe,IAAA,CAAK,GAAA,CAAI,MAAA,CAAO,QAAQ,EAAE,CAAA;AAAA,QACzC,eAAA,EAAiB,EAAA;AAAA,QACjB,cAAA,EAAgB,CAAA;AAAA,QAChB,cAAA,EAAgB;AAAA,OACpB;AAAA,MAEC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAyB;AACjC,QAAA,MAAM,MAAA,GAAS,KAAK,GAAA,KAAQ,KAAA;AAI5B,QAAA,IAAI,KAAK,GAAA,EAAK;AACV,UAAA,uBACIP,cAAA,CAACQ,iBAAoB,KAAA,EAAO,EAAC,YAAY,QAAA,EAAU,cAAA,EAAgB,UAAQ,EACvE,QAAA,kBAAAR,cAAA;AAAA,YAACS,qBAAA;AAAA,YAAA;AAAA,cACG,OAAA,EAAS,MAAM,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA;AAAA,cAChC,iBAAA,EAAkB,QAAA;AAAA,cAClB,kBAAA,EAAoB,EAAC,QAAA,EAAU,MAAA,EAAM;AAAA,cACrC,OAAA,EAAS,CAAA;AAAA,cACT,KAAA,EAAO,CAAC,EAAC,OAAA,EAAO,KAAM;AAAA,gBAClB;AAAA,kBACI,KAAA,EAAO,QAAA;AAAA,kBACP,MAAA,EAAQ,QAAA;AAAA,kBACR,cAAc,QAAA,GAAW,CAAA;AAAA,kBACzB,SAAA,EAAW,GAAA;AAAA,kBACX,UAAA,EAAY,QAAA;AAAA,kBACZ,cAAA,EAAgB,QAAA;AAAA,kBAChB,eAAA,EAAiB,KAAA;AAAA,kBACjB,WAAA,EAAa,CAAA;AAAA,kBACb,WAAA,EAAa,EAAA;AAAA,kBACb,WAAA,EAAa,KAAA;AAAA,kBACb,YAAA,EAAc,EAAC,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAC;AAAA,kBAClC,aAAA,EAAe,IAAA;AAAA,kBACf,YAAA,EAAc,EAAA;AAAA,kBACd,SAAA,EAAW;AAAA,iBACf;AAAA,gBACA,OAAA,IAAW,EAAC,OAAA,EAAS,GAAA;AAAG,eAC5B;AAAA,cAEA,QAAA,kBAAAT,cAAA,CAACU,qBAAK,IAAA,EAAM,IAAA,CAAK,MAAe,IAAA,EAAM,EAAA,EAAI,OAAM,SAAA,EAAU;AAAA;AAAA,WAC9D,EAAA,EA3BO,KAAK,GA4BhB,CAAA;AAAA,QAER;AAEA,QAAA,MAAM,KAAA,GAAQ,SAAS,OAAA,GAAU,SAAA;AACjC,QAAA,MAAM,WAAW,MAAA,IAAU,IAAA,CAAK,cAAc,IAAA,GAAO,IAAA,CAAK,aAAa,IAAA,CAAK,IAAA;AAE5E,QAAA,uBACIC,eAAA;AAAA,UAACF,qBAAA;AAAA,UAAA;AAAA,YAEG,OAAA,EAAS,MAAM,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA;AAAA,YAChC,iBAAA,EAAkB,QAAA;AAAA,YAClB,kBAAA,EAAoB,EAAC,QAAA,EAAU,MAAA,EAAM;AAAA,YACrC,KAAA,EAAO,CAAC,EAAC,OAAA,EAAO,KAAM;AAAA,cAClB;AAAA,gBACI,IAAA,EAAM,CAAA;AAAA,gBACN,aAAA,EAAe,QAAA;AAAA,gBACf,UAAA,EAAY,QAAA;AAAA,gBACZ,cAAA,EAAgB,QAAA;AAAA,gBAChB,GAAA,EAAK,CAAA;AAAA,gBACL,eAAA,EAAiB,CAAA;AAAA,gBACjB,iBAAA,EAAmB,CAAA;AAAA,gBACnB,SAAA,EAAW;AAAA,eACf;AAAA,cACA,OAAA,IAAW,EAAC,OAAA,EAAS,GAAA;AAAG,aAC5B;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAAE,eAAA,CAACJ,gBAAA,EAAA,EAAK,OAAO,EAAC,UAAA,EAAY,UAAU,cAAA,EAAgB,QAAA,EAAU,QAAA,EAAU,UAAA,EAAU,EAC9E,QAAA,EAAA;AAAA,gCAAAP,cAAA,CAACU,iBAAA,EAAA,EAAK,IAAA,EAAM,QAAA,EAAmB,IAAA,EAAM,IAAI,KAAA,EAAc,CAAA;AAAA,gBACtD,IAAA,CAAK,KAAA,IAAS,IAAA,IAAQ,IAAA,CAAK,UAAU,KAAA,oBAClCV,cAAA,CAAC,KAAA,EAAA,EAAM,KAAA,EAAO,IAAA,CAAK,KAAA,EAAO,KAAA,EAAO,EAAA,EAAI,aAAa,MAAA,EAAQ;AAAA,eAAA,EAElE,CAAA;AAAA,cACC,UAAA,IAAc,IAAA,CAAK,KAAA,IAAS,IAAA,oBACzBA,cAAA,CAACE,gBAAA,EAAA,EAAK,aAAA,EAAe,CAAA,EAAG,KAAA,EAAO,EAAC,QAAA,EAAU,EAAA,EAAI,UAAA,EAAY,OAAO,KAAA,EAAO,GAAI,aAAA,IAAiB,IAAA,GAAO,EAAC,UAAA,EAAY,aAAA,EAAa,GAAI,EAAC,EAAE,EAChI,QAAA,EAAA,IAAA,CAAK,KAAA,EACV;AAAA;AAAA,WAAA;AAAA,UA3BC,IAAA,CAAK;AAAA,SA6Bd;AAAA,MAER,CAAC;AAAA;AAAA,GACL;AAER;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/BottomTabBar/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {Pressable, Text, View} from \"react-native\";\nimport {useSafeAreaInsets} from \"react-native-safe-area-context\";\nimport {resolveThemeTokenForNative} from \"@lmb-it/kitsconcertomobile\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\nimport type {IBottomTabBarProps, ITabBarItem} from \"@lmb-it/kitsconcerto-types\";\nimport {Icon} from \"../../primitives\";\nimport {Box} from \"../../primitives\";\nimport Flex from \"../../layout/Flex\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n// Mirrors the app's AMTabBar geometry (App/src/components/shared/layout).\nconst BAR_MIN_HEIGHT = 60;\nconst FAB_SIZE = 56;\n\nfunction Badge({badge, barBg, dangerColor}: {badge: number | boolean; barBg: string; dangerColor: string}) {\n    const isDot = badge === true || badge === 0;\n    if (isDot) {\n        return (\n            <Box\n                style={{\n                    position: \"absolute\",\n                    top: -2,\n                    right: -2,\n                    width: 10,\n                    height: 10,\n                    borderRadius: 5,\n                    backgroundColor: dangerColor,\n                    borderWidth: 1.5,\n                    borderColor: barBg,\n                    zIndex: 10,\n                }}\n            />\n        );\n    }\n    const count = typeof badge === \"number\" ? (badge > 99 ? \"99+\" : String(badge)) : \"\";\n    return (\n        <Box\n            style={{\n                position: \"absolute\",\n                top: -6,\n                right: -10,\n                minWidth: 16,\n                height: 16,\n                borderRadius: 8,\n                paddingHorizontal: 4,\n                backgroundColor: dangerColor,\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                borderWidth: 1.5,\n                borderColor: barBg,\n                zIndex: 10,\n            }}\n        >\n            <Text style={{color: \"#FFFFFF\", fontSize: 9, fontWeight: \"700\", lineHeight: 11}}>{count}</Text>\n        </Box>\n    );\n}\n\n/**\n * BottomTabBar — iOS/Android bottom navigation with an elevated center FAB.\n *\n * Layout mirrors the app's working `AMTabBar`: a `row` / `space-between` bar\n * with four `flex:1` **column** slots and a content-width centre slot holding\n * the FAB. The FAB is lifted with `marginTop:-26` and ringed with a 3px\n * border so it sits above the bar plane — never absolutely positioned.\n * Presentational + controlled (router-agnostic).\n */\nexport function BottomTabBar<K extends string = string>(rawProps: IBottomTabBarProps<K>) {\n    const props = useComponentDefaults<IBottomTabBarProps<K>>(\"BottomTabBar\", rawProps).mergedProps;\n    const {\n        items,\n        value,\n        onChange,\n        activeColor = \"brand\",\n        inactiveColor = \"text-secondary\",\n        background = \"surface-card\",\n        fabColor,\n        showLabels = true,\n        testID,\n    } = props;\n    /*\n     * ⛔ ARABIC CLIPS WITHOUT AN EXPLICIT LINE BOX — a raw react-native <Text>\n     * with a fontSize and no lineHeight gets the FONT'S natural box, and\n     * NotoKufiArabic's is too short for its own ascenders. In an RTL script\n     * that reads as a BAD TRANSLATION rather than as clipping: ش/س, غ/ع and\n     * ة/ه differ only by marks above the baseline.\n     * ⚠️ undefined in LTR, so no English layout moves.\n     */\n    const rtlLineHeight = useRtlLineHeight(undefined, 11);\n\n    const insets = useSafeAreaInsets();\n\n    // Resolve tokens → hex with the standalone resolver (the one `Icon` uses),\n    // so colors apply on raw RN elements in both app and Storybook contexts.\n    const activeC = resolveThemeTokenForNative(activeColor);\n    const inactiveC = resolveThemeTokenForNative(inactiveColor);\n    const bg = resolveThemeTokenForNative(background);\n    const border = resolveThemeTokenForNative(\"surface-border\");\n    const fabBg = resolveThemeTokenForNative(fabColor ?? activeColor);\n    const danger = resolveThemeTokenForNative(\"danger\");\n\n    return (\n        <View\n            testID={testID}\n            style={{\n                width: \"100%\",\n                flexDirection: \"row\",\n                alignItems: \"center\",\n                justifyContent: \"space-between\",\n                minHeight: BAR_MIN_HEIGHT,\n                paddingHorizontal: 20,\n                paddingTop: 10,\n                paddingBottom: Math.max(insets.bottom, 12),\n                backgroundColor: bg,\n                borderTopWidth: 1,\n                borderTopColor: border,\n            }}\n        >\n            {items.map((item: ITabBarItem<K>) => {\n                const active = item.key === value;\n\n                // Centre FAB — a content-width slot (NOT flex:1) so the four\n                // side slots distribute evenly; the FAB is lifted in-flow.\n                if (item.fab) {\n                    return (\n                        <Flex key={item.key} style={{alignItems: \"center\", justifyContent: \"center\"}}>\n                            <Pressable\n                                onPress={() => onChange(item.key)}\n                                accessibilityRole=\"button\"\n                                accessibilityState={{selected: active}}\n                                hitSlop={8}\n                                style={({pressed}) => [\n                                    {\n                                        width: FAB_SIZE,\n                                        height: FAB_SIZE,\n                                        borderRadius: FAB_SIZE / 2,\n                                        marginTop: -26,\n                                        alignItems: \"center\",\n                                        justifyContent: \"center\",\n                                        backgroundColor: fabBg,\n                                        borderWidth: 3,\n                                        borderColor: bg,\n                                        shadowColor: fabBg,\n                                        shadowOffset: {width: 0, height: 6},\n                                        shadowOpacity: 0.35,\n                                        shadowRadius: 12,\n                                        elevation: 8,\n                                    },\n                                    pressed && {opacity: 0.9},\n                                ]}\n                            >\n                                <Icon name={item.icon as never} size={26} color=\"#FFFFFF\" />\n                            </Pressable>\n                        </Flex>\n                    );\n                }\n\n                const color = active ? activeC : inactiveC;\n                const iconName = active && item.activeIcon != null ? item.activeIcon : item.icon;\n\n                return (\n                    <Pressable\n                        key={item.key}\n                        onPress={() => onChange(item.key)}\n                        accessibilityRole=\"button\"\n                        accessibilityState={{selected: active}}\n                        style={({pressed}) => [\n                            {\n                                flex: 1,\n                                flexDirection: \"column\",\n                                alignItems: \"center\",\n                                justifyContent: \"center\",\n                                gap: 4,\n                                paddingVertical: 6,\n                                paddingHorizontal: 4,\n                                minHeight: 44,\n                            },\n                            pressed && {opacity: 0.7},\n                        ]}\n                    >\n                        <View style={{alignItems: \"center\", justifyContent: \"center\", position: \"relative\"}}>\n                            <Icon name={iconName as never} size={24} color={color} />\n                            {item.badge != null && item.badge !== false && (\n                                <Badge badge={item.badge} barBg={bg} dangerColor={danger} />\n                            )}\n                        </View>\n                        {showLabels && item.label != null && (\n                            <Text numberOfLines={1} style={{fontSize: 11, fontWeight: \"500\", color, ...(rtlLineHeight != null ? {lineHeight: rtlLineHeight} : {})}}>\n                                {item.label}\n                            </Text>\n                        )}\n                    </Pressable>\n                );\n            })}\n        </View>\n    );\n}\n\nexport default BottomTabBar;\n"],"names":["jsx","Box","Text","useComponentDefaults","useRtlLineHeight","useSafeAreaInsets","resolveThemeTokenForNative","View","Flex","Pressable","Icon","jsxs"],"mappings":"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"}

package/components/BottomTabBar/index.js

@@ -87,6 +87,7 @@ import { Icon } from '../../primitives/Icon/index.js';
 import Flex from '../../layout/Flex/index.js';
 import '../../contexts/DialogContext.js';
 import '../../contexts/PermissionsContext.js';
+import '../../contexts/BreadcrumbContext.js';
 import useComponentDefaults from '../../hooks/useComponentDefaults.js';
 
 const BAR_MIN_HEIGHT = 60;

package/components/BottomTabBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/BottomTabBar/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {Pressable, Text, View} from \"react-native\";\nimport {useSafeAreaInsets} from \"react-native-safe-area-context\";\nimport {resolveThemeTokenForNative} from \"@lmb-it/kitsconcertomobile\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\nimport type {IBottomTabBarProps, ITabBarItem} from \"@lmb-it/kitsconcerto-types\";\nimport {Icon} from \"../../primitives\";\nimport {Box} from \"../../primitives\";\nimport Flex from \"../../layout/Flex\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n// Mirrors the app's AMTabBar geometry (App/src/components/shared/layout).\nconst BAR_MIN_HEIGHT = 60;\nconst FAB_SIZE = 56;\n\nfunction Badge({badge, barBg, dangerColor}: {badge: number | boolean; barBg: string; dangerColor: string}) {\n    const isDot = badge === true || badge === 0;\n    if (isDot) {\n        return (\n            <Box\n                style={{\n                    position: \"absolute\",\n                    top: -2,\n                    right: -2,\n                    width: 10,\n                    height: 10,\n                    borderRadius: 5,\n                    backgroundColor: dangerColor,\n                    borderWidth: 1.5,\n                    borderColor: barBg,\n                    zIndex: 10,\n                }}\n            />\n        );\n    }\n    const count = typeof badge === \"number\" ? (badge > 99 ? \"99+\" : String(badge)) : \"\";\n    return (\n        <Box\n            style={{\n                position: \"absolute\",\n                top: -6,\n                right: -10,\n                minWidth: 16,\n                height: 16,\n                borderRadius: 8,\n                paddingHorizontal: 4,\n                backgroundColor: dangerColor,\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                borderWidth: 1.5,\n                borderColor: barBg,\n                zIndex: 10,\n            }}\n        >\n            <Text style={{color: \"#FFFFFF\", fontSize: 9, fontWeight: \"700\", lineHeight: 11}}>{count}</Text>\n        </Box>\n    );\n}\n\n/**\n * BottomTabBar — iOS/Android bottom navigation with an elevated center FAB.\n *\n * Layout mirrors the app's working `AMTabBar`: a `row` / `space-between` bar\n * with four `flex:1` **column** slots and a content-width centre slot holding\n * the FAB. The FAB is lifted with `marginTop:-26` and ringed with a 3px\n * border so it sits above the bar plane — never absolutely positioned.\n * Presentational + controlled (router-agnostic).\n */\nexport function BottomTabBar<K extends string = string>(rawProps: IBottomTabBarProps<K>) {\n    const props = useComponentDefaults<IBottomTabBarProps<K>>(\"BottomTabBar\", rawProps).mergedProps;\n    const {\n        items,\n        value,\n        onChange,\n        activeColor = \"brand\",\n        inactiveColor = \"text-secondary\",\n        background = \"surface-card\",\n        fabColor,\n        showLabels = true,\n        testID,\n    } = props;\n    /*\n     * ⛔ ARABIC CLIPS WITHOUT AN EXPLICIT LINE BOX — a raw react-native <Text>\n     * with a fontSize and no lineHeight gets the FONT'S natural box, and\n     * NotoKufiArabic's is too short for its own ascenders. In an RTL script\n     * that reads as a BAD TRANSLATION rather than as clipping: ش/س, غ/ع and\n     * ة/ه differ only by marks above the baseline.\n     * ⚠️ undefined in LTR, so no English layout moves.\n     */\n    const rtlLineHeight = useRtlLineHeight(undefined, 11);\n\n    const insets = useSafeAreaInsets();\n\n    // Resolve tokens → hex with the standalone resolver (the one `Icon` uses),\n    // so colors apply on raw RN elements in both app and Storybook contexts.\n    const activeC = resolveThemeTokenForNative(activeColor);\n    const inactiveC = resolveThemeTokenForNative(inactiveColor);\n    const bg = resolveThemeTokenForNative(background);\n    const border = resolveThemeTokenForNative(\"surface-border\");\n    const fabBg = resolveThemeTokenForNative(fabColor ?? activeColor);\n    const danger = resolveThemeTokenForNative(\"danger\");\n\n    return (\n        <View\n            testID={testID}\n            style={{\n                width: \"100%\",\n                flexDirection: \"row\",\n                alignItems: \"center\",\n                justifyContent: \"space-between\",\n                minHeight: BAR_MIN_HEIGHT,\n                paddingHorizontal: 20,\n                paddingTop: 10,\n                paddingBottom: Math.max(insets.bottom, 12),\n                backgroundColor: bg,\n                borderTopWidth: 1,\n                borderTopColor: border,\n            }}\n        >\n            {items.map((item: ITabBarItem<K>) => {\n                const active = item.key === value;\n\n                // Centre FAB — a content-width slot (NOT flex:1) so the four\n                // side slots distribute evenly; the FAB is lifted in-flow.\n                if (item.fab) {\n                    return (\n                        <Flex key={item.key} style={{alignItems: \"center\", justifyContent: \"center\"}}>\n                            <Pressable\n                                onPress={() => onChange(item.key)}\n                                accessibilityRole=\"button\"\n                                accessibilityState={{selected: active}}\n                                hitSlop={8}\n                                style={({pressed}) => [\n                                    {\n                                        width: FAB_SIZE,\n                                        height: FAB_SIZE,\n                                        borderRadius: FAB_SIZE / 2,\n                                        marginTop: -26,\n                                        alignItems: \"center\",\n                                        justifyContent: \"center\",\n                                        backgroundColor: fabBg,\n                                        borderWidth: 3,\n                                        borderColor: bg,\n                                        shadowColor: fabBg,\n                                        shadowOffset: {width: 0, height: 6},\n                                        shadowOpacity: 0.35,\n                                        shadowRadius: 12,\n                                        elevation: 8,\n                                    },\n                                    pressed && {opacity: 0.9},\n                                ]}\n                            >\n                                <Icon name={item.icon as never} size={26} color=\"#FFFFFF\" />\n                            </Pressable>\n                        </Flex>\n                    );\n                }\n\n                const color = active ? activeC : inactiveC;\n                const iconName = active && item.activeIcon != null ? item.activeIcon : item.icon;\n\n                return (\n                    <Pressable\n                        key={item.key}\n                        onPress={() => onChange(item.key)}\n                        accessibilityRole=\"button\"\n                        accessibilityState={{selected: active}}\n                        style={({pressed}) => [\n                            {\n                                flex: 1,\n                                flexDirection: \"column\",\n                                alignItems: \"center\",\n                                justifyContent: \"center\",\n                                gap: 4,\n                                paddingVertical: 6,\n                                paddingHorizontal: 4,\n                                minHeight: 44,\n                            },\n                            pressed && {opacity: 0.7},\n                        ]}\n                    >\n                        <View style={{alignItems: \"center\", justifyContent: \"center\", position: \"relative\"}}>\n                            <Icon name={iconName as never} size={24} color={color} />\n                            {item.badge != null && item.badge !== false && (\n                                <Badge badge={item.badge} barBg={bg} dangerColor={danger} />\n                            )}\n                        </View>\n                        {showLabels && item.label != null && (\n                            <Text numberOfLines={1} style={{fontSize: 11, fontWeight: \"500\", color, ...(rtlLineHeight != null ? {lineHeight: rtlLineHeight} : {})}}>\n                                {item.label}\n                            </Text>\n                        )}\n                    </Pressable>\n                );\n            })}\n        </View>\n    );\n}\n\nexport default BottomTabBar;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/BottomTabBar/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {Pressable, Text, View} from \"react-native\";\nimport {useSafeAreaInsets} from \"react-native-safe-area-context\";\nimport {resolveThemeTokenForNative} from \"@lmb-it/kitsconcertomobile\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\nimport type {IBottomTabBarProps, ITabBarItem} from \"@lmb-it/kitsconcerto-types\";\nimport {Icon} from \"../../primitives\";\nimport {Box} from \"../../primitives\";\nimport Flex from \"../../layout/Flex\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n// Mirrors the app's AMTabBar geometry (App/src/components/shared/layout).\nconst BAR_MIN_HEIGHT = 60;\nconst FAB_SIZE = 56;\n\nfunction Badge({badge, barBg, dangerColor}: {badge: number | boolean; barBg: string; dangerColor: string}) {\n    const isDot = badge === true || badge === 0;\n    if (isDot) {\n        return (\n            <Box\n                style={{\n                    position: \"absolute\",\n                    top: -2,\n                    right: -2,\n                    width: 10,\n                    height: 10,\n                    borderRadius: 5,\n                    backgroundColor: dangerColor,\n                    borderWidth: 1.5,\n                    borderColor: barBg,\n                    zIndex: 10,\n                }}\n            />\n        );\n    }\n    const count = typeof badge === \"number\" ? (badge > 99 ? \"99+\" : String(badge)) : \"\";\n    return (\n        <Box\n            style={{\n                position: \"absolute\",\n                top: -6,\n                right: -10,\n                minWidth: 16,\n                height: 16,\n                borderRadius: 8,\n                paddingHorizontal: 4,\n                backgroundColor: dangerColor,\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                borderWidth: 1.5,\n                borderColor: barBg,\n                zIndex: 10,\n            }}\n        >\n            <Text style={{color: \"#FFFFFF\", fontSize: 9, fontWeight: \"700\", lineHeight: 11}}>{count}</Text>\n        </Box>\n    );\n}\n\n/**\n * BottomTabBar — iOS/Android bottom navigation with an elevated center FAB.\n *\n * Layout mirrors the app's working `AMTabBar`: a `row` / `space-between` bar\n * with four `flex:1` **column** slots and a content-width centre slot holding\n * the FAB. The FAB is lifted with `marginTop:-26` and ringed with a 3px\n * border so it sits above the bar plane — never absolutely positioned.\n * Presentational + controlled (router-agnostic).\n */\nexport function BottomTabBar<K extends string = string>(rawProps: IBottomTabBarProps<K>) {\n    const props = useComponentDefaults<IBottomTabBarProps<K>>(\"BottomTabBar\", rawProps).mergedProps;\n    const {\n        items,\n        value,\n        onChange,\n        activeColor = \"brand\",\n        inactiveColor = \"text-secondary\",\n        background = \"surface-card\",\n        fabColor,\n        showLabels = true,\n        testID,\n    } = props;\n    /*\n     * ⛔ ARABIC CLIPS WITHOUT AN EXPLICIT LINE BOX — a raw react-native <Text>\n     * with a fontSize and no lineHeight gets the FONT'S natural box, and\n     * NotoKufiArabic's is too short for its own ascenders. In an RTL script\n     * that reads as a BAD TRANSLATION rather than as clipping: ش/س, غ/ع and\n     * ة/ه differ only by marks above the baseline.\n     * ⚠️ undefined in LTR, so no English layout moves.\n     */\n    const rtlLineHeight = useRtlLineHeight(undefined, 11);\n\n    const insets = useSafeAreaInsets();\n\n    // Resolve tokens → hex with the standalone resolver (the one `Icon` uses),\n    // so colors apply on raw RN elements in both app and Storybook contexts.\n    const activeC = resolveThemeTokenForNative(activeColor);\n    const inactiveC = resolveThemeTokenForNative(inactiveColor);\n    const bg = resolveThemeTokenForNative(background);\n    const border = resolveThemeTokenForNative(\"surface-border\");\n    const fabBg = resolveThemeTokenForNative(fabColor ?? activeColor);\n    const danger = resolveThemeTokenForNative(\"danger\");\n\n    return (\n        <View\n            testID={testID}\n            style={{\n                width: \"100%\",\n                flexDirection: \"row\",\n                alignItems: \"center\",\n                justifyContent: \"space-between\",\n                minHeight: BAR_MIN_HEIGHT,\n                paddingHorizontal: 20,\n                paddingTop: 10,\n                paddingBottom: Math.max(insets.bottom, 12),\n                backgroundColor: bg,\n                borderTopWidth: 1,\n                borderTopColor: border,\n            }}\n        >\n            {items.map((item: ITabBarItem<K>) => {\n                const active = item.key === value;\n\n                // Centre FAB — a content-width slot (NOT flex:1) so the four\n                // side slots distribute evenly; the FAB is lifted in-flow.\n                if (item.fab) {\n                    return (\n                        <Flex key={item.key} style={{alignItems: \"center\", justifyContent: \"center\"}}>\n                            <Pressable\n                                onPress={() => onChange(item.key)}\n                                accessibilityRole=\"button\"\n                                accessibilityState={{selected: active}}\n                                hitSlop={8}\n                                style={({pressed}) => [\n                                    {\n                                        width: FAB_SIZE,\n                                        height: FAB_SIZE,\n                                        borderRadius: FAB_SIZE / 2,\n                                        marginTop: -26,\n                                        alignItems: \"center\",\n                                        justifyContent: \"center\",\n                                        backgroundColor: fabBg,\n                                        borderWidth: 3,\n                                        borderColor: bg,\n                                        shadowColor: fabBg,\n                                        shadowOffset: {width: 0, height: 6},\n                                        shadowOpacity: 0.35,\n                                        shadowRadius: 12,\n                                        elevation: 8,\n                                    },\n                                    pressed && {opacity: 0.9},\n                                ]}\n                            >\n                                <Icon name={item.icon as never} size={26} color=\"#FFFFFF\" />\n                            </Pressable>\n                        </Flex>\n                    );\n                }\n\n                const color = active ? activeC : inactiveC;\n                const iconName = active && item.activeIcon != null ? item.activeIcon : item.icon;\n\n                return (\n                    <Pressable\n                        key={item.key}\n                        onPress={() => onChange(item.key)}\n                        accessibilityRole=\"button\"\n                        accessibilityState={{selected: active}}\n                        style={({pressed}) => [\n                            {\n                                flex: 1,\n                                flexDirection: \"column\",\n                                alignItems: \"center\",\n                                justifyContent: \"center\",\n                                gap: 4,\n                                paddingVertical: 6,\n                                paddingHorizontal: 4,\n                                minHeight: 44,\n                            },\n                            pressed && {opacity: 0.7},\n                        ]}\n                    >\n                        <View style={{alignItems: \"center\", justifyContent: \"center\", position: \"relative\"}}>\n                            <Icon name={iconName as never} size={24} color={color} />\n                            {item.badge != null && item.badge !== false && (\n                                <Badge badge={item.badge} barBg={bg} dangerColor={danger} />\n                            )}\n                        </View>\n                        {showLabels && item.label != null && (\n                            <Text numberOfLines={1} style={{fontSize: 11, fontWeight: \"500\", color, ...(rtlLineHeight != null ? {lineHeight: rtlLineHeight} : {})}}>\n                                {item.label}\n                            </Text>\n                        )}\n                    </Pressable>\n                );\n            })}\n        </View>\n    );\n}\n\nexport default BottomTabBar;\n"],"names":[],"mappings":"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"}

package/components/BreadCrumb/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/BreadCrumb/index.native.tsx"],"sourcesContent":["import React, { type FunctionComponent } from 'react';\n\ninterface IBreadCrumbProps {}\n\n\nconst BreadCrumb: FunctionComponent<IBreadCrumbProps> = () => {\n\n  return null;\n};\n\nexport default BreadCrumb;\n"],"names":[],"mappings":";;;;AAKA,MAAM,aAAkD,MAAM;AAE5D,EAAA,OAAO,IAAA;AACT;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/BreadCrumb/index.native.tsx"],"sourcesContent":["import React, { type FunctionComponent } from 'react';\nimport type { IBreadcrumbProps } from '@lmb-it/kitsconcerto-types';\n\n/**\n * NATIVE DRAWS NO BREADCRUMB, AND THAT IS NOT AN OVERSIGHT. A phone has a back\n * gesture and a header title; a trail of links across a 390pt screen is a web\n * affordance. The file exists so the import resolves on both platforms.\n *\n * ⚠️ IT TAKES THE SAME PROPS ANYWAY. The web component grew an options bag, and\n * a no-op whose signature does not grow with it is how the two platforms start\n * disagreeing about an API: shared code passing the bag would compile on web\n * and fail to type-check on native (§7 — add it to BOTH platforms in the same\n * unit, or the platforms drift).\n */\nconst BreadCrumb: FunctionComponent<IBreadcrumbProps> = () => {\n\n  return null;\n};\n\nexport default BreadCrumb;\n"],"names":[],"mappings":";;;;AAcA,MAAM,aAAkD,MAAM;AAE5D,EAAA,OAAO,IAAA;AACT;;;;"}

package/components/BreadCrumb/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/BreadCrumb/index.native.tsx"],"sourcesContent":["import React, { type FunctionComponent } from 'react';\n\ninterface IBreadCrumbProps {}\n\n\nconst BreadCrumb: FunctionComponent<IBreadCrumbProps> = () => {\n\n  return null;\n};\n\nexport default BreadCrumb;\n"],"names":[],"mappings":"AAKA,MAAM,aAAkD,MAAM;AAE5D,EAAA,OAAO,IAAA;AACT;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/BreadCrumb/index.native.tsx"],"sourcesContent":["import React, { type FunctionComponent } from 'react';\nimport type { IBreadcrumbProps } from '@lmb-it/kitsconcerto-types';\n\n/**\n * NATIVE DRAWS NO BREADCRUMB, AND THAT IS NOT AN OVERSIGHT. A phone has a back\n * gesture and a header title; a trail of links across a 390pt screen is a web\n * affordance. The file exists so the import resolves on both platforms.\n *\n * ⚠️ IT TAKES THE SAME PROPS ANYWAY. The web component grew an options bag, and\n * a no-op whose signature does not grow with it is how the two platforms start\n * disagreeing about an API: shared code passing the bag would compile on web\n * and fail to type-check on native (§7 — add it to BOTH platforms in the same\n * unit, or the platforms drift).\n */\nconst BreadCrumb: FunctionComponent<IBreadcrumbProps> = () => {\n\n  return null;\n};\n\nexport default BreadCrumb;\n"],"names":[],"mappings":"AAcA,MAAM,aAAkD,MAAM;AAE5D,EAAA,OAAO,IAAA;AACT;;;;"}

package/components/Button/Button.cjs

@@ -89,6 +89,7 @@ var index_native = require('../../assets/Icons/index.cjs');
 var locale = require('../../hooks/locale.cjs');
 require('../../contexts/DialogContext.cjs');
 require('../../contexts/PermissionsContext.cjs');
+require('../../contexts/BreadcrumbContext.cjs');
 var useComponentDefaults = require('../../hooks/useComponentDefaults.cjs');
 var useSeverityColors = require('../../hooks/useSeverityColors.cjs');
 var useThemedFont = require('../../hooks/useThemedFont.cjs');

package/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.native.tsx"],"sourcesContent":["import React, {useMemo, useCallback, type ElementType, type ReactElement} from 'react';\nimport {\n    ActivityIndicator,\n    Text as RNText,\n    type TextStyle,\n    type GestureResponderEvent,\n} from 'react-native';\nimport type {IButtonProps, IconName, IStyleClasses} from '@lmb-it/kitsconcerto-types';\nimport {ResponsiveElement, useSeparator, style as resolveStyle} from '@lmb-it/kitsconcertomobile';\nimport {IconMap} from '../../assets/Icons';\nimport {useLanguage, useComponentDefaults, useThemedFont} from '../../hooks';\nimport {useSeverityColors} from '../../hooks/useSeverityColors';\nimport {useKitsTheme} from '../../contexts/Theme';\n\n/* ─── Size configuration (matches web) ────────────────────────── */\nconst SIZE_MAP = {\n    sm: {height: 32, fontSize: 12, px: 10, py: 6, gap: 6, iconSize: 14},\n    md: {height: 40, fontSize: 14, px: 16, py: 10, gap: 8, iconSize: 16},\n    lg: {height: 48, fontSize: 16, px: 24, py: 12, gap: 10, iconSize: 18},\n} as const;\n\n/* ─── Icon resolver ──────────────────────────────────────────── */\nfunction resolveIcon(\n    icon: unknown,\n    color: string,\n    iconSize: number,\n): React.ReactNode {\n    if (!icon) return null;\n    if (React.isValidElement(icon)) {\n        return React.cloneElement(icon as ReactElement<any>, {color, size: iconSize});\n    }\n    if (typeof icon === 'function') {\n        const Comp = icon as ElementType;\n        return <Comp size={iconSize} color={color} />;\n    }\n    if (typeof icon !== 'string') return null;\n    const piMatches = icon.match(/pi-([a-z-]+)/g);\n    const iconName = piMatches\n        ? (piMatches[piMatches.length - 1]!.replace('pi-', '') as IconName)\n        : (icon as IconName);\n    const Component = IconMap[iconName];\n    if (Component) return <Component size={iconSize} color={color} />;\n    return null;\n}\n\n/* ─── Button Component ───────────────────────────────────────── */\nexport function Button(rawProps: IButtonProps<IconName | string | ElementType | ReactElement>) {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('Button', rawProps);\n    const {\n        children,\n        label,\n        isLoadingText,\n        severity = 'brand',\n        size = 'md',\n        loading,\n        iconPos = 'left',\n        icon,\n        disabled,\n        outlined,\n        raised,\n        rounded,\n        testID,\n        style: styleProp,\n        onPress,\n        onClick,\n        ...rest\n    } = props;\n\n    const {t} = useLanguage();\n    const labelFont = useThemedFont('body');\n    const {cssProps, nativeProps} = useSeparator<Record<any, any>>(rest);\n    const sevColors = useSeverityColors((severity as any) ?? 'brand');\n\n    const sizeConfig = SIZE_MAP[size as keyof typeof SIZE_MAP] ?? SIZE_MAP.md;\n    const isDisabled = disabled || loading;\n\n    /* ── Resolve label text ── */\n    const resolvedLabel = typeof children === 'string'\n        ? children\n        : loading && isLoadingText\n            ? isLoadingText\n            : label ? t(label) : '';\n\n    const hasLabel = !!resolvedLabel;\n    const isIconOnly = !hasLabel && !!icon;\n\n    /* ── Severity colors ── */\n    /*\n     * ⛔ A DISABLED BUTTON STOPS BEING THE BRAND, IT DOES NOT FADE — and this is\n     * the phone's half of the same change made on web.\n     *\n     * The only disabled treatment was `opacity: isDisabled ? 50 : 100`, so the\n     * button kept its brand fill, its white label and its brand border at half\n     * strength. Same colour family, same filled shape, same affordance: it reads\n     * as a slightly lighter LIVE button, and white on half-opacity brand is near\n     * 1.7:1, so the fade hurts the label more than it announces the state.\n     *\n     * ⛔ THE COMP ALREADY ANSWERED IT: the locked bid rows draw a disabled\n     * control as `#EEF0F2` ground with `#9CA3AF` text at FULL opacity.\n     * `surface-muted` and `text-subtle` are the theme's own nearest tokens.\n     *\n     * ⚠️ OUTLINED KEEPS ITS TRANSPARENT GROUND. Filling it grey would make a\n     * quiet control louder disabled than enabled.\n     */\n    const {resolveToken} = useKitsTheme();\n    const disabledText = resolveToken('text-subtle');\n    const textColor = isDisabled\n        ? disabledText\n        : outlined ? sevColors.solid : sevColors.solidText;\n    const bgColor = outlined\n        ? 'transparent'\n        : isDisabled ? resolveToken('surface-muted') : sevColors.solid;\n    const borderColor = isDisabled\n        ? resolveToken('border')\n        : sevColors.border || sevColors.solid;\n\n    /* ── Build CSS props for ResponsiveElement ── */\n    const computedCss:IStyleClasses = useMemo(() => ({\n        backgroundColor: bgColor,\n        borderColor,\n        borderWidth: 1,\n        height: sizeConfig.height,\n        paddingLeft: hasLabel ? sizeConfig.px : sizeConfig.py,\n        paddingRight: hasLabel ? sizeConfig.px : sizeConfig.py,\n        paddingTop: sizeConfig.py,\n        paddingBottom: sizeConfig.py,\n        borderRadius: rounded ? 9999 : 6,\n        flexDirection: iconPos === 'top' || iconPos === 'bottom'\n            ? (iconPos === 'bottom' ? 'column-reverse' : 'column')\n            : (iconPos === 'right' ? 'row-reverse' : 'row'),\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: sizeConfig.gap,\n        // ⚠️ NO OPACITY BRANCH. The colours above carry the state now; fading\n        // them as well would take the new muted label back below legibility.\n        opacity: 100,\n        alignSelf: 'flex-start',\n        overflow: 'hidden',\n        ...(raised ? {\n            shadowColor: '#000',\n            shadowOffset: {width: 0, height: 3},\n            shadowOpacity: 0.16,\n            shadowRadius: 6,\n            elevation: 4,\n        } : {}),\n        // Theme overrides the defaults above: shared `root` first, then the\n        // `text` slot (label buttons) or the `iconOnly` slot. Icon-only buttons\n        // are forced square so a `root`/`text` height can never stretch them —\n        // the `iconOnly` slot can still override the square if needed.\n        ...themeStyle,\n        ...(elementStyles.root || {}),\n        ...(isIconOnly\n            ? {\n                width: sizeConfig.height,\n                height: sizeConfig.height,\n                minWidth: sizeConfig.height,\n                ...(elementStyles.iconOnly || {}),\n              }\n            : (elementStyles.text || {})),\n        ...cssProps,\n        ...styleProp,\n    }), [themeStyle, elementStyles, cssProps, bgColor, borderColor, sizeConfig,\n        hasLabel, icon, iconPos, rounded, raised, isDisabled, styleProp, isIconOnly]);\n\n    /* ── Icon element ── */\n    const iconElement = loading\n        ? <ActivityIndicator size=\"small\" color={textColor} />\n        : resolveIcon(icon, textColor, sizeConfig.iconSize);\n\n    /* ── Text style ── */\n    const labelStyle: TextStyle = useMemo(() => ({\n        color: textColor,\n        fontSize: sizeConfig.fontSize,\n        fontWeight: '600',\n        lineHeight: sizeConfig.fontSize * 1.2,\n        ...(labelFont ? {fontFamily: labelFont} : {}),\n        // Theme/per-instance label slot wins — e.g. theme.components.Button.label.style\n        // = { lineHeight: 22 } to stop Arabic (NotoKufiArabic) glyphs clipping.\n        ...((elementStyles.label as TextStyle) || {}),\n    }), [textColor, sizeConfig, labelFont, elementStyles.label]);\n\n    /* ── Press handler ── */\n    const handlePress = useCallback((e: GestureResponderEvent) => {\n        if (isDisabled) return;\n        if (onPress) onPress(e as any);\n        if (onClick) onClick(e as any);\n    }, [isDisabled, onPress, onClick]);\n\n    return (\n        <ResponsiveElement\n            as=\"Pressable\"\n            cssProps={computedCss}\n            nativeProps={{\n                ...nativeProps,\n                onPress: handlePress,\n                disabled: isDisabled,\n                testID,\n                accessibilityRole: 'button',\n                accessibilityState: {disabled: isDisabled, busy: loading},\n                accessibilityLabel: resolvedLabel || undefined,\n            }}\n        >\n            {iconElement}\n            {!!hasLabel && (\n                <RNText style={labelStyle} numberOfLines={1}>\n                    {resolvedLabel}\n                </RNText>\n            )}\n            {typeof children !== 'string' ? children : undefined}\n        </ResponsiveElement>\n    );\n}\n\nexport default Button;\n"],"names":["jsx","IconMap","useComponentDefaults","useLanguage","useThemedFont","useSeparator","useSeverityColors","useKitsTheme","useMemo","ActivityIndicator","useCallback","jsxs","ResponsiveElement","RNText"],"mappings":"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"}
+{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.native.tsx"],"sourcesContent":["import React, {useMemo, useCallback, type ElementType, type ReactElement} from 'react';\nimport {\n    ActivityIndicator,\n    Text as RNText,\n    type TextStyle,\n    type GestureResponderEvent,\n} from 'react-native';\nimport type {IButtonProps, IconName, IStyleClasses} from '@lmb-it/kitsconcerto-types';\nimport {ResponsiveElement, useSeparator, style as resolveStyle} from '@lmb-it/kitsconcertomobile';\nimport {IconMap} from '../../assets/Icons';\nimport {useLanguage, useComponentDefaults, useThemedFont} from '../../hooks';\nimport {useSeverityColors} from '../../hooks/useSeverityColors';\nimport {useKitsTheme} from '../../contexts/Theme';\n\n/* ─── Size configuration (matches web) ────────────────────────── */\nconst SIZE_MAP = {\n    sm: {height: 32, fontSize: 12, px: 10, py: 6, gap: 6, iconSize: 14},\n    md: {height: 40, fontSize: 14, px: 16, py: 10, gap: 8, iconSize: 16},\n    lg: {height: 48, fontSize: 16, px: 24, py: 12, gap: 10, iconSize: 18},\n} as const;\n\n/* ─── Icon resolver ──────────────────────────────────────────── */\nfunction resolveIcon(\n    icon: unknown,\n    color: string,\n    iconSize: number,\n): React.ReactNode {\n    if (!icon) return null;\n    if (React.isValidElement(icon)) {\n        return React.cloneElement(icon as ReactElement<any>, {color, size: iconSize});\n    }\n    if (typeof icon === 'function') {\n        const Comp = icon as ElementType;\n        return <Comp size={iconSize} color={color} />;\n    }\n    if (typeof icon !== 'string') return null;\n    const piMatches = icon.match(/pi-([a-z-]+)/g);\n    const iconName = piMatches\n        ? (piMatches[piMatches.length - 1]!.replace('pi-', '') as IconName)\n        : (icon as IconName);\n    const Component = IconMap[iconName];\n    if (Component) return <Component size={iconSize} color={color} />;\n    return null;\n}\n\n/* ─── Button Component ───────────────────────────────────────── */\nexport function Button(rawProps: IButtonProps<IconName | string | ElementType | ReactElement>) {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('Button', rawProps);\n    const {\n        children,\n        label,\n        isLoadingText,\n        severity = 'brand',\n        size = 'md',\n        loading,\n        iconPos = 'left',\n        icon,\n        disabled,\n        outlined,\n        raised,\n        rounded,\n        testID,\n        style: styleProp,\n        onPress,\n        onClick,\n        ...rest\n    } = props;\n\n    const {t} = useLanguage();\n    const labelFont = useThemedFont('body');\n    const {cssProps, nativeProps} = useSeparator<Record<any, any>>(rest);\n    const sevColors = useSeverityColors((severity as any) ?? 'brand');\n\n    const sizeConfig = SIZE_MAP[size as keyof typeof SIZE_MAP] ?? SIZE_MAP.md;\n    const isDisabled = disabled || loading;\n\n    /* ── Resolve label text ── */\n    const resolvedLabel = typeof children === 'string'\n        ? children\n        : loading && isLoadingText\n            ? isLoadingText\n            : label ? t(label) : '';\n\n    const hasLabel = !!resolvedLabel;\n    const isIconOnly = !hasLabel && !!icon;\n\n    /* ── Severity colors ── */\n    /*\n     * ⛔ A DISABLED BUTTON STOPS BEING THE BRAND, IT DOES NOT FADE — and this is\n     * the phone's half of the same change made on web.\n     *\n     * The only disabled treatment was `opacity: isDisabled ? 50 : 100`, so the\n     * button kept its brand fill, its white label and its brand border at half\n     * strength. Same colour family, same filled shape, same affordance: it reads\n     * as a slightly lighter LIVE button, and white on half-opacity brand is near\n     * 1.7:1, so the fade hurts the label more than it announces the state.\n     *\n     * ⛔ THE COMP ALREADY ANSWERED IT: the locked bid rows draw a disabled\n     * control as `#EEF0F2` ground with `#9CA3AF` text at FULL opacity.\n     * `surface-muted` and `text-subtle` are the theme's own nearest tokens.\n     *\n     * ⚠️ OUTLINED KEEPS ITS TRANSPARENT GROUND. Filling it grey would make a\n     * quiet control louder disabled than enabled.\n     */\n    const {resolveToken} = useKitsTheme();\n    const disabledText = resolveToken('text-subtle');\n    const textColor = isDisabled\n        ? disabledText\n        : outlined ? sevColors.solid : sevColors.solidText;\n    const bgColor = outlined\n        ? 'transparent'\n        : isDisabled ? resolveToken('surface-muted') : sevColors.solid;\n    const borderColor = isDisabled\n        ? resolveToken('border')\n        : sevColors.border || sevColors.solid;\n\n    /* ── Build CSS props for ResponsiveElement ── */\n    const computedCss:IStyleClasses = useMemo(() => ({\n        backgroundColor: bgColor,\n        borderColor,\n        borderWidth: 1,\n        height: sizeConfig.height,\n        paddingLeft: hasLabel ? sizeConfig.px : sizeConfig.py,\n        paddingRight: hasLabel ? sizeConfig.px : sizeConfig.py,\n        paddingTop: sizeConfig.py,\n        paddingBottom: sizeConfig.py,\n        borderRadius: rounded ? 9999 : 6,\n        flexDirection: iconPos === 'top' || iconPos === 'bottom'\n            ? (iconPos === 'bottom' ? 'column-reverse' : 'column')\n            : (iconPos === 'right' ? 'row-reverse' : 'row'),\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: sizeConfig.gap,\n        // ⚠️ NO OPACITY BRANCH. The colours above carry the state now; fading\n        // them as well would take the new muted label back below legibility.\n        opacity: 100,\n        alignSelf: 'flex-start',\n        overflow: 'hidden',\n        ...(raised ? {\n            shadowColor: '#000',\n            shadowOffset: {width: 0, height: 3},\n            shadowOpacity: 0.16,\n            shadowRadius: 6,\n            elevation: 4,\n        } : {}),\n        // Theme overrides the defaults above: shared `root` first, then the\n        // `text` slot (label buttons) or the `iconOnly` slot. Icon-only buttons\n        // are forced square so a `root`/`text` height can never stretch them —\n        // the `iconOnly` slot can still override the square if needed.\n        ...themeStyle,\n        ...(elementStyles.root || {}),\n        ...(isIconOnly\n            ? {\n                width: sizeConfig.height,\n                height: sizeConfig.height,\n                minWidth: sizeConfig.height,\n                ...(elementStyles.iconOnly || {}),\n              }\n            : (elementStyles.text || {})),\n        ...cssProps,\n        ...styleProp,\n    }), [themeStyle, elementStyles, cssProps, bgColor, borderColor, sizeConfig,\n        hasLabel, icon, iconPos, rounded, raised, isDisabled, styleProp, isIconOnly]);\n\n    /* ── Icon element ── */\n    const iconElement = loading\n        ? <ActivityIndicator size=\"small\" color={textColor} />\n        : resolveIcon(icon, textColor, sizeConfig.iconSize);\n\n    /* ── Text style ── */\n    const labelStyle: TextStyle = useMemo(() => ({\n        color: textColor,\n        fontSize: sizeConfig.fontSize,\n        fontWeight: '600',\n        lineHeight: sizeConfig.fontSize * 1.2,\n        ...(labelFont ? {fontFamily: labelFont} : {}),\n        // Theme/per-instance label slot wins — e.g. theme.components.Button.label.style\n        // = { lineHeight: 22 } to stop Arabic (NotoKufiArabic) glyphs clipping.\n        ...((elementStyles.label as TextStyle) || {}),\n    }), [textColor, sizeConfig, labelFont, elementStyles.label]);\n\n    /* ── Press handler ── */\n    const handlePress = useCallback((e: GestureResponderEvent) => {\n        if (isDisabled) return;\n        if (onPress) onPress(e as any);\n        if (onClick) onClick(e as any);\n    }, [isDisabled, onPress, onClick]);\n\n    return (\n        <ResponsiveElement\n            as=\"Pressable\"\n            cssProps={computedCss}\n            nativeProps={{\n                ...nativeProps,\n                onPress: handlePress,\n                disabled: isDisabled,\n                testID,\n                accessibilityRole: 'button',\n                accessibilityState: {disabled: isDisabled, busy: loading},\n                accessibilityLabel: resolvedLabel || undefined,\n            }}\n        >\n            {iconElement}\n            {!!hasLabel && (\n                <RNText style={labelStyle} numberOfLines={1}>\n                    {resolvedLabel}\n                </RNText>\n            )}\n            {typeof children !== 'string' ? children : undefined}\n        </ResponsiveElement>\n    );\n}\n\nexport default Button;\n"],"names":["jsx","IconMap","useComponentDefaults","useLanguage","useThemedFont","useSeparator","useSeverityColors","useKitsTheme","useMemo","ActivityIndicator","useCallback","jsxs","ResponsiveElement","RNText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,QAAA,GAAW;AAAA,EACb,EAAA,EAAI,EAAC,MAAA,EAAQ,EAAA,EAAI,QAAA,EAAU,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,GAAA,EAAK,CAAA,EAAG,UAAU,EAAA,EAAE;AAAA,EAClE,EAAA,EAAI,EAAC,MAAA,EAAQ,EAAA,EAAI,QAAA,EAAU,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,GAAA,EAAK,CAAA,EAAG,UAAU,EAAA,EAAE;AAAA,EACnE,EAAA,EAAI,EAAC,MAAA,EAAQ,EAAA,EAAI,QAAA,EAAU,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,GAAA,EAAK,EAAA,EAAI,UAAU,EAAA;AACtE,CAAA;AAGA,SAAS,WAAA,CACL,IAAA,EACA,KAAA,EACA,QAAA,EACe;AACf,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,EAAA,IAAI,KAAA,CAAM,cAAA,CAAe,IAAI,CAAA,EAAG;AAC5B,IAAA,OAAO,MAAM,YAAA,CAAa,IAAA,EAA2B,EAAC,KAAA,EAAO,IAAA,EAAM,UAAS,CAAA;AAAA,EAChF;AACA,EAAA,IAAI,OAAO,SAAS,UAAA,EAAY;AAC5B,IAAA,MAAM,IAAA,GAAO,IAAA;AACb,IAAA,uBAAOA,cAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,QAAA,EAAU,KAAA,EAAc,CAAA;AAAA,EAC/C;AACA,EAAA,IAAI,OAAO,IAAA,KAAS,QAAA,EAAU,OAAO,IAAA;AACrC,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,KAAA,CAAM,eAAe,CAAA;AAC5C,EAAA,MAAM,QAAA,GAAW,SAAA,GACV,SAAA,CAAU,SAAA,CAAU,MAAA,GAAS,CAAC,CAAA,CAAG,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA,GAClD,IAAA;AACP,EAAA,MAAM,SAAA,GAAYC,qBAAQ,QAAQ,CAAA;AAClC,EAAA,IAAI,WAAW,uBAAOD,cAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,UAAU,KAAA,EAAc,CAAA;AAC/D,EAAA,OAAO,IAAA;AACX;AAGO,SAAS,OAAO,QAAA,EAAwE;AAC3F,EAAA,MAAM,EAAC,aAAa,KAAA,EAAO,UAAA,EAAY,eAAa,GAAIE,4BAAA,CAAqB,UAAU,QAAQ,CAAA;AAC/F,EAAA,MAAM;AAAA,IACF,QAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA,GAAW,OAAA;AAAA,IACX,IAAA,GAAO,IAAA;AAAA,IACP,OAAA;AAAA,IACA,OAAA,GAAU,MAAA;AAAA,IACV,IAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA,EAAO,SAAA;AAAA,IACP,OAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAC,CAAA,EAAC,GAAIC,kBAAA,EAAY;AACxB,EAAA,MAAM,SAAA,GAAYC,sBAAc,MAAM,CAAA;AACtC,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAIC,qBAA+B,IAAI,CAAA;AACnE,EAAA,MAAM,SAAA,GAAYC,mCAAA,CAAmB,QAAA,IAAoB,OAAO,CAAA;AAEhE,EAAA,MAAM,UAAA,GAAa,QAAA,CAAS,IAA6B,CAAA,IAAK,QAAA,CAAS,EAAA;AACvE,EAAA,MAAM,aAAa,QAAA,IAAY,OAAA;AAG/B,EAAA,MAAM,aAAA,GAAgB,OAAO,QAAA,KAAa,QAAA,GACpC,QAAA,GACA,OAAA,IAAW,aAAA,GACP,aAAA,GACA,KAAA,GAAQ,CAAA,CAAE,KAAK,CAAA,GAAI,EAAA;AAE7B,EAAA,MAAM,QAAA,GAAW,CAAC,CAAC,aAAA;AACnB,EAAA,MAAM,UAAA,GAAa,CAAC,QAAA,IAAY,CAAC,CAAC,IAAA;AAoBlC,EAAA,MAAM,EAAC,YAAA,EAAY,GAAIC,qCAAA,EAAa;AACpC,EAAA,MAAM,YAAA,GAAe,aAAa,aAAa,CAAA;AAC/C,EAAA,MAAM,YAAY,UAAA,GACZ,YAAA,GACA,QAAA,GAAW,SAAA,CAAU,QAAQ,SAAA,CAAU,SAAA;AAC7C,EAAA,MAAM,UAAU,QAAA,GACV,aAAA,GACA,aAAa,YAAA,CAAa,eAAe,IAAI,SAAA,CAAU,KAAA;AAC7D,EAAA,MAAM,cAAc,UAAA,GACd,YAAA,CAAa,QAAQ,CAAA,GACrB,SAAA,CAAU,UAAU,SAAA,CAAU,KAAA;AAGpC,EAAA,MAAM,WAAA,GAA4BC,cAAQ,OAAO;AAAA,IAC7C,eAAA,EAAiB,OAAA;AAAA,IACjB,WAAA;AAAA,IACA,WAAA,EAAa,CAAA;AAAA,IACb,QAAQ,UAAA,CAAW,MAAA;AAAA,IACnB,WAAA,EAAa,QAAA,GAAW,UAAA,CAAW,EAAA,GAAK,UAAA,CAAW,EAAA;AAAA,IACnD,YAAA,EAAc,QAAA,GAAW,UAAA,CAAW,EAAA,GAAK,UAAA,CAAW,EAAA;AAAA,IACpD,YAAY,UAAA,CAAW,EAAA;AAAA,IACvB,eAAe,UAAA,CAAW,EAAA;AAAA,IAC1B,YAAA,EAAc,UAAU,IAAA,GAAO,CAAA;AAAA,IAC/B,aAAA,EAAe,OAAA,KAAY,KAAA,IAAS,OAAA,KAAY,QAAA,GACzC,OAAA,KAAY,QAAA,GAAW,gBAAA,GAAmB,QAAA,GAC1C,OAAA,KAAY,OAAA,GAAU,aAAA,GAAgB,KAAA;AAAA,IAC7C,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,KAAK,UAAA,CAAW,GAAA;AAAA;AAAA;AAAA,IAGhB,OAAA,EAAS,GAAA;AAAA,IACT,SAAA,EAAW,YAAA;AAAA,IACX,QAAA,EAAU,QAAA;AAAA,IACV,GAAI,MAAA,GAAS;AAAA,MACT,WAAA,EAAa,MAAA;AAAA,MACb,YAAA,EAAc,EAAC,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAC;AAAA,MAClC,aAAA,EAAe,IAAA;AAAA,MACf,YAAA,EAAc,CAAA;AAAA,MACd,SAAA,EAAW;AAAA,QACX,EAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,GAAG,UAAA;AAAA,IACH,GAAI,aAAA,CAAc,IAAA,IAAQ,EAAC;AAAA,IAC3B,GAAI,UAAA,GACE;AAAA,MACE,OAAO,UAAA,CAAW,MAAA;AAAA,MAClB,QAAQ,UAAA,CAAW,MAAA;AAAA,MACnB,UAAU,UAAA,CAAW,MAAA;AAAA,MACrB,GAAI,aAAA,CAAc,QAAA,IAAY;AAAC,KACjC,GACC,aAAA,CAAc,IAAA,IAAQ,EAAC;AAAA,IAC9B,GAAG,QAAA;AAAA,IACH,GAAG;AAAA,GACP,CAAA,EAAI;AAAA,IAAC,UAAA;AAAA,IAAY,aAAA;AAAA,IAAe,QAAA;AAAA,IAAU,OAAA;AAAA,IAAS,WAAA;AAAA,IAAa,UAAA;AAAA,IAC5D,QAAA;AAAA,IAAU,IAAA;AAAA,IAAM,OAAA;AAAA,IAAS,OAAA;AAAA,IAAS,MAAA;AAAA,IAAQ,UAAA;AAAA,IAAY,SAAA;AAAA,IAAW;AAAA,GAAW,CAAA;AAGhF,EAAA,MAAM,WAAA,GAAc,OAAA,mBACdR,cAAA,CAACS,6BAAA,EAAA,EAAkB,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,SAAA,EAAW,CAAA,GAClD,WAAA,CAAY,IAAA,EAAM,SAAA,EAAW,WAAW,QAAQ,CAAA;AAGtD,EAAA,MAAM,UAAA,GAAwBD,cAAQ,OAAO;AAAA,IACzC,KAAA,EAAO,SAAA;AAAA,IACP,UAAU,UAAA,CAAW,QAAA;AAAA,IACrB,UAAA,EAAY,KAAA;AAAA,IACZ,UAAA,EAAY,WAAW,QAAA,GAAW,GAAA;AAAA,IAClC,GAAI,SAAA,GAAY,EAAC,UAAA,EAAY,SAAA,KAAa,EAAC;AAAA;AAAA;AAAA,IAG3C,GAAK,aAAA,CAAc,KAAA,IAAuB;AAAC,MAC3C,CAAC,SAAA,EAAW,YAAY,SAAA,EAAW,aAAA,CAAc,KAAK,CAAC,CAAA;AAG3D,EAAA,MAAM,WAAA,GAAcE,iBAAA,CAAY,CAAC,CAAA,KAA6B;AAC1D,IAAA,IAAI,UAAA,EAAY;AAChB,IAAA,IAAI,OAAA,UAAiB,CAAQ,CAAA;AAC7B,IAAA,IAAI,OAAA,UAAiB,CAAQ,CAAA;AAAA,EACjC,CAAA,EAAG,CAAC,UAAA,EAAY,OAAA,EAAS,OAAO,CAAC,CAAA;AAEjC,EAAA,uBACIC,eAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAG,WAAA;AAAA,MACH,QAAA,EAAU,WAAA;AAAA,MACV,WAAA,EAAa;AAAA,QACT,GAAG,WAAA;AAAA,QACH,OAAA,EAAS,WAAA;AAAA,QACT,QAAA,EAAU,UAAA;AAAA,QACV,MAAA;AAAA,QACA,iBAAA,EAAmB,QAAA;AAAA,QACnB,kBAAA,EAAoB,EAAC,QAAA,EAAU,UAAA,EAAY,MAAM,OAAA,EAAO;AAAA,QACxD,oBAAoB,aAAA,IAAiB;AAAA,OACzC;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,WAAA;AAAA,QACA,CAAC,CAAC,QAAA,oBACCZ,cAAA,CAACa,oBAAO,KAAA,EAAO,UAAA,EAAY,aAAA,EAAe,CAAA,EACrC,QAAA,EAAA,aAAA,EACL,CAAA;AAAA,QAEH,OAAO,QAAA,KAAa,QAAA,GAAW,QAAA,GAAW;AAAA;AAAA;AAAA,GAC/C;AAER;;;;;"}

package/components/Button/Button.js

@@ -85,6 +85,7 @@ import { IconMap } from '../../assets/Icons/index.js';
 import { useLanguage } from '../../hooks/locale.js';
 import '../../contexts/DialogContext.js';
 import '../../contexts/PermissionsContext.js';
+import '../../contexts/BreadcrumbContext.js';
 import useComponentDefaults from '../../hooks/useComponentDefaults.js';
 import { useSeverityColors } from '../../hooks/useSeverityColors.js';
 import useThemedFont from '../../hooks/useThemedFont.js';

package/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.native.tsx"],"sourcesContent":["import React, {useMemo, useCallback, type ElementType, type ReactElement} from 'react';\nimport {\n    ActivityIndicator,\n    Text as RNText,\n    type TextStyle,\n    type GestureResponderEvent,\n} from 'react-native';\nimport type {IButtonProps, IconName, IStyleClasses} from '@lmb-it/kitsconcerto-types';\nimport {ResponsiveElement, useSeparator, style as resolveStyle} from '@lmb-it/kitsconcertomobile';\nimport {IconMap} from '../../assets/Icons';\nimport {useLanguage, useComponentDefaults, useThemedFont} from '../../hooks';\nimport {useSeverityColors} from '../../hooks/useSeverityColors';\nimport {useKitsTheme} from '../../contexts/Theme';\n\n/* ─── Size configuration (matches web) ────────────────────────── */\nconst SIZE_MAP = {\n    sm: {height: 32, fontSize: 12, px: 10, py: 6, gap: 6, iconSize: 14},\n    md: {height: 40, fontSize: 14, px: 16, py: 10, gap: 8, iconSize: 16},\n    lg: {height: 48, fontSize: 16, px: 24, py: 12, gap: 10, iconSize: 18},\n} as const;\n\n/* ─── Icon resolver ──────────────────────────────────────────── */\nfunction resolveIcon(\n    icon: unknown,\n    color: string,\n    iconSize: number,\n): React.ReactNode {\n    if (!icon) return null;\n    if (React.isValidElement(icon)) {\n        return React.cloneElement(icon as ReactElement<any>, {color, size: iconSize});\n    }\n    if (typeof icon === 'function') {\n        const Comp = icon as ElementType;\n        return <Comp size={iconSize} color={color} />;\n    }\n    if (typeof icon !== 'string') return null;\n    const piMatches = icon.match(/pi-([a-z-]+)/g);\n    const iconName = piMatches\n        ? (piMatches[piMatches.length - 1]!.replace('pi-', '') as IconName)\n        : (icon as IconName);\n    const Component = IconMap[iconName];\n    if (Component) return <Component size={iconSize} color={color} />;\n    return null;\n}\n\n/* ─── Button Component ───────────────────────────────────────── */\nexport function Button(rawProps: IButtonProps<IconName | string | ElementType | ReactElement>) {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('Button', rawProps);\n    const {\n        children,\n        label,\n        isLoadingText,\n        severity = 'brand',\n        size = 'md',\n        loading,\n        iconPos = 'left',\n        icon,\n        disabled,\n        outlined,\n        raised,\n        rounded,\n        testID,\n        style: styleProp,\n        onPress,\n        onClick,\n        ...rest\n    } = props;\n\n    const {t} = useLanguage();\n    const labelFont = useThemedFont('body');\n    const {cssProps, nativeProps} = useSeparator<Record<any, any>>(rest);\n    const sevColors = useSeverityColors((severity as any) ?? 'brand');\n\n    const sizeConfig = SIZE_MAP[size as keyof typeof SIZE_MAP] ?? SIZE_MAP.md;\n    const isDisabled = disabled || loading;\n\n    /* ── Resolve label text ── */\n    const resolvedLabel = typeof children === 'string'\n        ? children\n        : loading && isLoadingText\n            ? isLoadingText\n            : label ? t(label) : '';\n\n    const hasLabel = !!resolvedLabel;\n    const isIconOnly = !hasLabel && !!icon;\n\n    /* ── Severity colors ── */\n    /*\n     * ⛔ A DISABLED BUTTON STOPS BEING THE BRAND, IT DOES NOT FADE — and this is\n     * the phone's half of the same change made on web.\n     *\n     * The only disabled treatment was `opacity: isDisabled ? 50 : 100`, so the\n     * button kept its brand fill, its white label and its brand border at half\n     * strength. Same colour family, same filled shape, same affordance: it reads\n     * as a slightly lighter LIVE button, and white on half-opacity brand is near\n     * 1.7:1, so the fade hurts the label more than it announces the state.\n     *\n     * ⛔ THE COMP ALREADY ANSWERED IT: the locked bid rows draw a disabled\n     * control as `#EEF0F2` ground with `#9CA3AF` text at FULL opacity.\n     * `surface-muted` and `text-subtle` are the theme's own nearest tokens.\n     *\n     * ⚠️ OUTLINED KEEPS ITS TRANSPARENT GROUND. Filling it grey would make a\n     * quiet control louder disabled than enabled.\n     */\n    const {resolveToken} = useKitsTheme();\n    const disabledText = resolveToken('text-subtle');\n    const textColor = isDisabled\n        ? disabledText\n        : outlined ? sevColors.solid : sevColors.solidText;\n    const bgColor = outlined\n        ? 'transparent'\n        : isDisabled ? resolveToken('surface-muted') : sevColors.solid;\n    const borderColor = isDisabled\n        ? resolveToken('border')\n        : sevColors.border || sevColors.solid;\n\n    /* ── Build CSS props for ResponsiveElement ── */\n    const computedCss:IStyleClasses = useMemo(() => ({\n        backgroundColor: bgColor,\n        borderColor,\n        borderWidth: 1,\n        height: sizeConfig.height,\n        paddingLeft: hasLabel ? sizeConfig.px : sizeConfig.py,\n        paddingRight: hasLabel ? sizeConfig.px : sizeConfig.py,\n        paddingTop: sizeConfig.py,\n        paddingBottom: sizeConfig.py,\n        borderRadius: rounded ? 9999 : 6,\n        flexDirection: iconPos === 'top' || iconPos === 'bottom'\n            ? (iconPos === 'bottom' ? 'column-reverse' : 'column')\n            : (iconPos === 'right' ? 'row-reverse' : 'row'),\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: sizeConfig.gap,\n        // ⚠️ NO OPACITY BRANCH. The colours above carry the state now; fading\n        // them as well would take the new muted label back below legibility.\n        opacity: 100,\n        alignSelf: 'flex-start',\n        overflow: 'hidden',\n        ...(raised ? {\n            shadowColor: '#000',\n            shadowOffset: {width: 0, height: 3},\n            shadowOpacity: 0.16,\n            shadowRadius: 6,\n            elevation: 4,\n        } : {}),\n        // Theme overrides the defaults above: shared `root` first, then the\n        // `text` slot (label buttons) or the `iconOnly` slot. Icon-only buttons\n        // are forced square so a `root`/`text` height can never stretch them —\n        // the `iconOnly` slot can still override the square if needed.\n        ...themeStyle,\n        ...(elementStyles.root || {}),\n        ...(isIconOnly\n            ? {\n                width: sizeConfig.height,\n                height: sizeConfig.height,\n                minWidth: sizeConfig.height,\n                ...(elementStyles.iconOnly || {}),\n              }\n            : (elementStyles.text || {})),\n        ...cssProps,\n        ...styleProp,\n    }), [themeStyle, elementStyles, cssProps, bgColor, borderColor, sizeConfig,\n        hasLabel, icon, iconPos, rounded, raised, isDisabled, styleProp, isIconOnly]);\n\n    /* ── Icon element ── */\n    const iconElement = loading\n        ? <ActivityIndicator size=\"small\" color={textColor} />\n        : resolveIcon(icon, textColor, sizeConfig.iconSize);\n\n    /* ── Text style ── */\n    const labelStyle: TextStyle = useMemo(() => ({\n        color: textColor,\n        fontSize: sizeConfig.fontSize,\n        fontWeight: '600',\n        lineHeight: sizeConfig.fontSize * 1.2,\n        ...(labelFont ? {fontFamily: labelFont} : {}),\n        // Theme/per-instance label slot wins — e.g. theme.components.Button.label.style\n        // = { lineHeight: 22 } to stop Arabic (NotoKufiArabic) glyphs clipping.\n        ...((elementStyles.label as TextStyle) || {}),\n    }), [textColor, sizeConfig, labelFont, elementStyles.label]);\n\n    /* ── Press handler ── */\n    const handlePress = useCallback((e: GestureResponderEvent) => {\n        if (isDisabled) return;\n        if (onPress) onPress(e as any);\n        if (onClick) onClick(e as any);\n    }, [isDisabled, onPress, onClick]);\n\n    return (\n        <ResponsiveElement\n            as=\"Pressable\"\n            cssProps={computedCss}\n            nativeProps={{\n                ...nativeProps,\n                onPress: handlePress,\n                disabled: isDisabled,\n                testID,\n                accessibilityRole: 'button',\n                accessibilityState: {disabled: isDisabled, busy: loading},\n                accessibilityLabel: resolvedLabel || undefined,\n            }}\n        >\n            {iconElement}\n            {!!hasLabel && (\n                <RNText style={labelStyle} numberOfLines={1}>\n                    {resolvedLabel}\n                </RNText>\n            )}\n            {typeof children !== 'string' ? children : undefined}\n        </ResponsiveElement>\n    );\n}\n\nexport default Button;\n"],"names":["RNText"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.native.tsx"],"sourcesContent":["import React, {useMemo, useCallback, type ElementType, type ReactElement} from 'react';\nimport {\n    ActivityIndicator,\n    Text as RNText,\n    type TextStyle,\n    type GestureResponderEvent,\n} from 'react-native';\nimport type {IButtonProps, IconName, IStyleClasses} from '@lmb-it/kitsconcerto-types';\nimport {ResponsiveElement, useSeparator, style as resolveStyle} from '@lmb-it/kitsconcertomobile';\nimport {IconMap} from '../../assets/Icons';\nimport {useLanguage, useComponentDefaults, useThemedFont} from '../../hooks';\nimport {useSeverityColors} from '../../hooks/useSeverityColors';\nimport {useKitsTheme} from '../../contexts/Theme';\n\n/* ─── Size configuration (matches web) ────────────────────────── */\nconst SIZE_MAP = {\n    sm: {height: 32, fontSize: 12, px: 10, py: 6, gap: 6, iconSize: 14},\n    md: {height: 40, fontSize: 14, px: 16, py: 10, gap: 8, iconSize: 16},\n    lg: {height: 48, fontSize: 16, px: 24, py: 12, gap: 10, iconSize: 18},\n} as const;\n\n/* ─── Icon resolver ──────────────────────────────────────────── */\nfunction resolveIcon(\n    icon: unknown,\n    color: string,\n    iconSize: number,\n): React.ReactNode {\n    if (!icon) return null;\n    if (React.isValidElement(icon)) {\n        return React.cloneElement(icon as ReactElement<any>, {color, size: iconSize});\n    }\n    if (typeof icon === 'function') {\n        const Comp = icon as ElementType;\n        return <Comp size={iconSize} color={color} />;\n    }\n    if (typeof icon !== 'string') return null;\n    const piMatches = icon.match(/pi-([a-z-]+)/g);\n    const iconName = piMatches\n        ? (piMatches[piMatches.length - 1]!.replace('pi-', '') as IconName)\n        : (icon as IconName);\n    const Component = IconMap[iconName];\n    if (Component) return <Component size={iconSize} color={color} />;\n    return null;\n}\n\n/* ─── Button Component ───────────────────────────────────────── */\nexport function Button(rawProps: IButtonProps<IconName | string | ElementType | ReactElement>) {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('Button', rawProps);\n    const {\n        children,\n        label,\n        isLoadingText,\n        severity = 'brand',\n        size = 'md',\n        loading,\n        iconPos = 'left',\n        icon,\n        disabled,\n        outlined,\n        raised,\n        rounded,\n        testID,\n        style: styleProp,\n        onPress,\n        onClick,\n        ...rest\n    } = props;\n\n    const {t} = useLanguage();\n    const labelFont = useThemedFont('body');\n    const {cssProps, nativeProps} = useSeparator<Record<any, any>>(rest);\n    const sevColors = useSeverityColors((severity as any) ?? 'brand');\n\n    const sizeConfig = SIZE_MAP[size as keyof typeof SIZE_MAP] ?? SIZE_MAP.md;\n    const isDisabled = disabled || loading;\n\n    /* ── Resolve label text ── */\n    const resolvedLabel = typeof children === 'string'\n        ? children\n        : loading && isLoadingText\n            ? isLoadingText\n            : label ? t(label) : '';\n\n    const hasLabel = !!resolvedLabel;\n    const isIconOnly = !hasLabel && !!icon;\n\n    /* ── Severity colors ── */\n    /*\n     * ⛔ A DISABLED BUTTON STOPS BEING THE BRAND, IT DOES NOT FADE — and this is\n     * the phone's half of the same change made on web.\n     *\n     * The only disabled treatment was `opacity: isDisabled ? 50 : 100`, so the\n     * button kept its brand fill, its white label and its brand border at half\n     * strength. Same colour family, same filled shape, same affordance: it reads\n     * as a slightly lighter LIVE button, and white on half-opacity brand is near\n     * 1.7:1, so the fade hurts the label more than it announces the state.\n     *\n     * ⛔ THE COMP ALREADY ANSWERED IT: the locked bid rows draw a disabled\n     * control as `#EEF0F2` ground with `#9CA3AF` text at FULL opacity.\n     * `surface-muted` and `text-subtle` are the theme's own nearest tokens.\n     *\n     * ⚠️ OUTLINED KEEPS ITS TRANSPARENT GROUND. Filling it grey would make a\n     * quiet control louder disabled than enabled.\n     */\n    const {resolveToken} = useKitsTheme();\n    const disabledText = resolveToken('text-subtle');\n    const textColor = isDisabled\n        ? disabledText\n        : outlined ? sevColors.solid : sevColors.solidText;\n    const bgColor = outlined\n        ? 'transparent'\n        : isDisabled ? resolveToken('surface-muted') : sevColors.solid;\n    const borderColor = isDisabled\n        ? resolveToken('border')\n        : sevColors.border || sevColors.solid;\n\n    /* ── Build CSS props for ResponsiveElement ── */\n    const computedCss:IStyleClasses = useMemo(() => ({\n        backgroundColor: bgColor,\n        borderColor,\n        borderWidth: 1,\n        height: sizeConfig.height,\n        paddingLeft: hasLabel ? sizeConfig.px : sizeConfig.py,\n        paddingRight: hasLabel ? sizeConfig.px : sizeConfig.py,\n        paddingTop: sizeConfig.py,\n        paddingBottom: sizeConfig.py,\n        borderRadius: rounded ? 9999 : 6,\n        flexDirection: iconPos === 'top' || iconPos === 'bottom'\n            ? (iconPos === 'bottom' ? 'column-reverse' : 'column')\n            : (iconPos === 'right' ? 'row-reverse' : 'row'),\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: sizeConfig.gap,\n        // ⚠️ NO OPACITY BRANCH. The colours above carry the state now; fading\n        // them as well would take the new muted label back below legibility.\n        opacity: 100,\n        alignSelf: 'flex-start',\n        overflow: 'hidden',\n        ...(raised ? {\n            shadowColor: '#000',\n            shadowOffset: {width: 0, height: 3},\n            shadowOpacity: 0.16,\n            shadowRadius: 6,\n            elevation: 4,\n        } : {}),\n        // Theme overrides the defaults above: shared `root` first, then the\n        // `text` slot (label buttons) or the `iconOnly` slot. Icon-only buttons\n        // are forced square so a `root`/`text` height can never stretch them —\n        // the `iconOnly` slot can still override the square if needed.\n        ...themeStyle,\n        ...(elementStyles.root || {}),\n        ...(isIconOnly\n            ? {\n                width: sizeConfig.height,\n                height: sizeConfig.height,\n                minWidth: sizeConfig.height,\n                ...(elementStyles.iconOnly || {}),\n              }\n            : (elementStyles.text || {})),\n        ...cssProps,\n        ...styleProp,\n    }), [themeStyle, elementStyles, cssProps, bgColor, borderColor, sizeConfig,\n        hasLabel, icon, iconPos, rounded, raised, isDisabled, styleProp, isIconOnly]);\n\n    /* ── Icon element ── */\n    const iconElement = loading\n        ? <ActivityIndicator size=\"small\" color={textColor} />\n        : resolveIcon(icon, textColor, sizeConfig.iconSize);\n\n    /* ── Text style ── */\n    const labelStyle: TextStyle = useMemo(() => ({\n        color: textColor,\n        fontSize: sizeConfig.fontSize,\n        fontWeight: '600',\n        lineHeight: sizeConfig.fontSize * 1.2,\n        ...(labelFont ? {fontFamily: labelFont} : {}),\n        // Theme/per-instance label slot wins — e.g. theme.components.Button.label.style\n        // = { lineHeight: 22 } to stop Arabic (NotoKufiArabic) glyphs clipping.\n        ...((elementStyles.label as TextStyle) || {}),\n    }), [textColor, sizeConfig, labelFont, elementStyles.label]);\n\n    /* ── Press handler ── */\n    const handlePress = useCallback((e: GestureResponderEvent) => {\n        if (isDisabled) return;\n        if (onPress) onPress(e as any);\n        if (onClick) onClick(e as any);\n    }, [isDisabled, onPress, onClick]);\n\n    return (\n        <ResponsiveElement\n            as=\"Pressable\"\n            cssProps={computedCss}\n            nativeProps={{\n                ...nativeProps,\n                onPress: handlePress,\n                disabled: isDisabled,\n                testID,\n                accessibilityRole: 'button',\n                accessibilityState: {disabled: isDisabled, busy: loading},\n                accessibilityLabel: resolvedLabel || undefined,\n            }}\n        >\n            {iconElement}\n            {!!hasLabel && (\n                <RNText style={labelStyle} numberOfLines={1}>\n                    {resolvedLabel}\n                </RNText>\n            )}\n            {typeof children !== 'string' ? children : undefined}\n        </ResponsiveElement>\n    );\n}\n\nexport default Button;\n"],"names":["RNText"],"mappings":"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"}

package/components/Carousel/index.cjs

@@ -8,6 +8,7 @@ var index = require('../../primitives/Box/index.cjs');
 var index_native = require('../../primitives/Text/index.cjs');
 require('../../contexts/DialogContext.cjs');
 require('../../contexts/PermissionsContext.cjs');
+require('../../contexts/BreadcrumbContext.cjs');
 var useComponentDefaults = require('../../hooks/useComponentDefaults.cjs');
 
 const DOT = 7;

package/components/Carousel/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Carousel/index.native.tsx"],"sourcesContent":["import React, {useRef, useState} from \"react\";\nimport {View, ScrollView, Image as RNImage, type NativeSyntheticEvent, type NativeScrollEvent} from \"react-native\";\nimport Animated, {useAnimatedStyle, withTiming} from \"react-native-reanimated\";\nimport type {ICarouselProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n/** Page-dot geometry — kept in sync with the animated indicator's travel. */\nconst DOT = 7;\nconst DOT_GAP = 6;\nconst STEP = DOT + DOT_GAP;\n\n/**\n * Carousel — swipeable paged image viewer with a counter + dots overlay.\n * Native: a paging `ScrollView`; the active page is tracked on momentum end.\n */\nexport function Carousel(rawProps: ICarouselProps) {\n    const props = useComponentDefaults<ICarouselProps>(\"Carousel\", rawProps).mergedProps;\n    const {images, aspectRatio = 1.2, radius = 0, showCounter = true, showDots = true, onIndexChange, testID} = props;\n\n    const [w, setW] = useState(0);\n    const [active, setActive] = useState(0);\n    const scrollRef = useRef<ScrollView>(null);\n    const h = w > 0 ? Math.round(w / aspectRatio) : 0;\n\n    // Active-dot indicator slides between page dots when `active` changes.\n    const indicatorStyle = useAnimatedStyle(() => ({\n        transform: [{translateX: withTiming(active * STEP, {duration: 250})}],\n    }));\n\n    const onMomentumEnd = (e: NativeSyntheticEvent<NativeScrollEvent>) => {\n        const vw = e.nativeEvent.layoutMeasurement.width || w || 1;\n        const i = Math.max(0, Math.min(images.length - 1, Math.round(e.nativeEvent.contentOffset.x / vw)));\n        if (i !== active) {\n            setActive(i);\n            onIndexChange?.(i);\n        }\n    };\n\n    return (\n        <View\n            testID={testID}\n            onLayout={e => setW(e.nativeEvent.layout.width)}\n            style={{width: \"100%\", position: \"relative\", borderRadius: radius, overflow: \"hidden\"}}\n        >\n            <ScrollView\n                ref={scrollRef}\n                horizontal\n                pagingEnabled\n                showsHorizontalScrollIndicator={false}\n                onMomentumScrollEnd={onMomentumEnd}\n                scrollEventThrottle={16}\n            >\n                {images.map((src, i) => (\n                    <RNImage key={i} source={{uri: src}} resizeMode=\"cover\" style={{width: w, height: h}} />\n                ))}\n            </ScrollView>\n\n            {showCounter && images.length > 0 && (\n                <Box\n                    position=\"absolute\"\n                    top={8}\n                    right={8}\n                    bgColor=\"rgba(0,0,0,0.55)\"\n                    paddingLeft={8}\n                    paddingRight={8}\n                    paddingTop={2}\n                    paddingBottom={2}\n                    borderRadius={999}\n                >\n                    <Text color=\"#FFFFFF\" fontSize={11} fontWeight=\"700\">\n                        {active + 1} / {images.length}\n                    </Text>\n                </Box>\n            )}\n\n            {showDots && images.length > 1 && (\n                <View style={{position: \"absolute\", bottom: 8, left: 0, right: 0, flexDirection: \"row\", justifyContent: \"center\"}}>\n                    <View style={{position: \"relative\", flexDirection: \"row\", gap: DOT_GAP}}>\n                        {images.map((_, i) => (\n                            <View\n                                key={i}\n                                style={{width: DOT, height: DOT, borderRadius: DOT / 2, backgroundColor: \"rgba(255,255,255,0.5)\"}}\n                            />\n                        ))}\n                        <Animated.View\n                            style={[\n                                {position: \"absolute\", top: 0, left: 0, width: DOT, height: DOT, borderRadius: DOT / 2, backgroundColor: \"#FFFFFF\"},\n                                indicatorStyle,\n                            ]}\n                        />\n                    </View>\n                </View>\n            )}\n        </View>\n    );\n}\n\nexport default Carousel;\n"],"names":["useComponentDefaults","useState","useRef","useAnimatedStyle","withTiming","jsxs","View","jsx","ScrollView","RNImage","Box","Text"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Carousel/index.native.tsx"],"sourcesContent":["import React, {useRef, useState} from \"react\";\nimport {View, ScrollView, Image as RNImage, type NativeSyntheticEvent, type NativeScrollEvent} from \"react-native\";\nimport Animated, {useAnimatedStyle, withTiming} from \"react-native-reanimated\";\nimport type {ICarouselProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n/** Page-dot geometry — kept in sync with the animated indicator's travel. */\nconst DOT = 7;\nconst DOT_GAP = 6;\nconst STEP = DOT + DOT_GAP;\n\n/**\n * Carousel — swipeable paged image viewer with a counter + dots overlay.\n * Native: a paging `ScrollView`; the active page is tracked on momentum end.\n */\nexport function Carousel(rawProps: ICarouselProps) {\n    const props = useComponentDefaults<ICarouselProps>(\"Carousel\", rawProps).mergedProps;\n    const {images, aspectRatio = 1.2, radius = 0, showCounter = true, showDots = true, onIndexChange, testID} = props;\n\n    const [w, setW] = useState(0);\n    const [active, setActive] = useState(0);\n    const scrollRef = useRef<ScrollView>(null);\n    const h = w > 0 ? Math.round(w / aspectRatio) : 0;\n\n    // Active-dot indicator slides between page dots when `active` changes.\n    const indicatorStyle = useAnimatedStyle(() => ({\n        transform: [{translateX: withTiming(active * STEP, {duration: 250})}],\n    }));\n\n    const onMomentumEnd = (e: NativeSyntheticEvent<NativeScrollEvent>) => {\n        const vw = e.nativeEvent.layoutMeasurement.width || w || 1;\n        const i = Math.max(0, Math.min(images.length - 1, Math.round(e.nativeEvent.contentOffset.x / vw)));\n        if (i !== active) {\n            setActive(i);\n            onIndexChange?.(i);\n        }\n    };\n\n    return (\n        <View\n            testID={testID}\n            onLayout={e => setW(e.nativeEvent.layout.width)}\n            style={{width: \"100%\", position: \"relative\", borderRadius: radius, overflow: \"hidden\"}}\n        >\n            <ScrollView\n                ref={scrollRef}\n                horizontal\n                pagingEnabled\n                showsHorizontalScrollIndicator={false}\n                onMomentumScrollEnd={onMomentumEnd}\n                scrollEventThrottle={16}\n            >\n                {images.map((src, i) => (\n                    <RNImage key={i} source={{uri: src}} resizeMode=\"cover\" style={{width: w, height: h}} />\n                ))}\n            </ScrollView>\n\n            {showCounter && images.length > 0 && (\n                <Box\n                    position=\"absolute\"\n                    top={8}\n                    right={8}\n                    bgColor=\"rgba(0,0,0,0.55)\"\n                    paddingLeft={8}\n                    paddingRight={8}\n                    paddingTop={2}\n                    paddingBottom={2}\n                    borderRadius={999}\n                >\n                    <Text color=\"#FFFFFF\" fontSize={11} fontWeight=\"700\">\n                        {active + 1} / {images.length}\n                    </Text>\n                </Box>\n            )}\n\n            {showDots && images.length > 1 && (\n                <View style={{position: \"absolute\", bottom: 8, left: 0, right: 0, flexDirection: \"row\", justifyContent: \"center\"}}>\n                    <View style={{position: \"relative\", flexDirection: \"row\", gap: DOT_GAP}}>\n                        {images.map((_, i) => (\n                            <View\n                                key={i}\n                                style={{width: DOT, height: DOT, borderRadius: DOT / 2, backgroundColor: \"rgba(255,255,255,0.5)\"}}\n                            />\n                        ))}\n                        <Animated.View\n                            style={[\n                                {position: \"absolute\", top: 0, left: 0, width: DOT, height: DOT, borderRadius: DOT / 2, backgroundColor: \"#FFFFFF\"},\n                                indicatorStyle,\n                            ]}\n                        />\n                    </View>\n                </View>\n            )}\n        </View>\n    );\n}\n\nexport default Carousel;\n"],"names":["useComponentDefaults","useState","useRef","useAnimatedStyle","withTiming","jsxs","View","jsx","ScrollView","RNImage","Box","Text"],"mappings":"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"}

package/components/Carousel/index.js

@@ -6,6 +6,7 @@ import Box from '../../primitives/Box/index.js';
 import Text from '../../primitives/Text/index.js';
 import '../../contexts/DialogContext.js';
 import '../../contexts/PermissionsContext.js';
+import '../../contexts/BreadcrumbContext.js';
 import useComponentDefaults from '../../hooks/useComponentDefaults.js';
 
 const DOT = 7;

package/components/Carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Carousel/index.native.tsx"],"sourcesContent":["import React, {useRef, useState} from \"react\";\nimport {View, ScrollView, Image as RNImage, type NativeSyntheticEvent, type NativeScrollEvent} from \"react-native\";\nimport Animated, {useAnimatedStyle, withTiming} from \"react-native-reanimated\";\nimport type {ICarouselProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n/** Page-dot geometry — kept in sync with the animated indicator's travel. */\nconst DOT = 7;\nconst DOT_GAP = 6;\nconst STEP = DOT + DOT_GAP;\n\n/**\n * Carousel — swipeable paged image viewer with a counter + dots overlay.\n * Native: a paging `ScrollView`; the active page is tracked on momentum end.\n */\nexport function Carousel(rawProps: ICarouselProps) {\n    const props = useComponentDefaults<ICarouselProps>(\"Carousel\", rawProps).mergedProps;\n    const {images, aspectRatio = 1.2, radius = 0, showCounter = true, showDots = true, onIndexChange, testID} = props;\n\n    const [w, setW] = useState(0);\n    const [active, setActive] = useState(0);\n    const scrollRef = useRef<ScrollView>(null);\n    const h = w > 0 ? Math.round(w / aspectRatio) : 0;\n\n    // Active-dot indicator slides between page dots when `active` changes.\n    const indicatorStyle = useAnimatedStyle(() => ({\n        transform: [{translateX: withTiming(active * STEP, {duration: 250})}],\n    }));\n\n    const onMomentumEnd = (e: NativeSyntheticEvent<NativeScrollEvent>) => {\n        const vw = e.nativeEvent.layoutMeasurement.width || w || 1;\n        const i = Math.max(0, Math.min(images.length - 1, Math.round(e.nativeEvent.contentOffset.x / vw)));\n        if (i !== active) {\n            setActive(i);\n            onIndexChange?.(i);\n        }\n    };\n\n    return (\n        <View\n            testID={testID}\n            onLayout={e => setW(e.nativeEvent.layout.width)}\n            style={{width: \"100%\", position: \"relative\", borderRadius: radius, overflow: \"hidden\"}}\n        >\n            <ScrollView\n                ref={scrollRef}\n                horizontal\n                pagingEnabled\n                showsHorizontalScrollIndicator={false}\n                onMomentumScrollEnd={onMomentumEnd}\n                scrollEventThrottle={16}\n            >\n                {images.map((src, i) => (\n                    <RNImage key={i} source={{uri: src}} resizeMode=\"cover\" style={{width: w, height: h}} />\n                ))}\n            </ScrollView>\n\n            {showCounter && images.length > 0 && (\n                <Box\n                    position=\"absolute\"\n                    top={8}\n                    right={8}\n                    bgColor=\"rgba(0,0,0,0.55)\"\n                    paddingLeft={8}\n                    paddingRight={8}\n                    paddingTop={2}\n                    paddingBottom={2}\n                    borderRadius={999}\n                >\n                    <Text color=\"#FFFFFF\" fontSize={11} fontWeight=\"700\">\n                        {active + 1} / {images.length}\n                    </Text>\n                </Box>\n            )}\n\n            {showDots && images.length > 1 && (\n                <View style={{position: \"absolute\", bottom: 8, left: 0, right: 0, flexDirection: \"row\", justifyContent: \"center\"}}>\n                    <View style={{position: \"relative\", flexDirection: \"row\", gap: DOT_GAP}}>\n                        {images.map((_, i) => (\n                            <View\n                                key={i}\n                                style={{width: DOT, height: DOT, borderRadius: DOT / 2, backgroundColor: \"rgba(255,255,255,0.5)\"}}\n                            />\n                        ))}\n                        <Animated.View\n                            style={[\n                                {position: \"absolute\", top: 0, left: 0, width: DOT, height: DOT, borderRadius: DOT / 2, backgroundColor: \"#FFFFFF\"},\n                                indicatorStyle,\n                            ]}\n                        />\n                    </View>\n                </View>\n            )}\n        </View>\n    );\n}\n\nexport default Carousel;\n"],"names":["RNImage"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Carousel/index.native.tsx"],"sourcesContent":["import React, {useRef, useState} from \"react\";\nimport {View, ScrollView, Image as RNImage, type NativeSyntheticEvent, type NativeScrollEvent} from \"react-native\";\nimport Animated, {useAnimatedStyle, withTiming} from \"react-native-reanimated\";\nimport type {ICarouselProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n/** Page-dot geometry — kept in sync with the animated indicator's travel. */\nconst DOT = 7;\nconst DOT_GAP = 6;\nconst STEP = DOT + DOT_GAP;\n\n/**\n * Carousel — swipeable paged image viewer with a counter + dots overlay.\n * Native: a paging `ScrollView`; the active page is tracked on momentum end.\n */\nexport function Carousel(rawProps: ICarouselProps) {\n    const props = useComponentDefaults<ICarouselProps>(\"Carousel\", rawProps).mergedProps;\n    const {images, aspectRatio = 1.2, radius = 0, showCounter = true, showDots = true, onIndexChange, testID} = props;\n\n    const [w, setW] = useState(0);\n    const [active, setActive] = useState(0);\n    const scrollRef = useRef<ScrollView>(null);\n    const h = w > 0 ? Math.round(w / aspectRatio) : 0;\n\n    // Active-dot indicator slides between page dots when `active` changes.\n    const indicatorStyle = useAnimatedStyle(() => ({\n        transform: [{translateX: withTiming(active * STEP, {duration: 250})}],\n    }));\n\n    const onMomentumEnd = (e: NativeSyntheticEvent<NativeScrollEvent>) => {\n        const vw = e.nativeEvent.layoutMeasurement.width || w || 1;\n        const i = Math.max(0, Math.min(images.length - 1, Math.round(e.nativeEvent.contentOffset.x / vw)));\n        if (i !== active) {\n            setActive(i);\n            onIndexChange?.(i);\n        }\n    };\n\n    return (\n        <View\n            testID={testID}\n            onLayout={e => setW(e.nativeEvent.layout.width)}\n            style={{width: \"100%\", position: \"relative\", borderRadius: radius, overflow: \"hidden\"}}\n        >\n            <ScrollView\n                ref={scrollRef}\n                horizontal\n                pagingEnabled\n                showsHorizontalScrollIndicator={false}\n                onMomentumScrollEnd={onMomentumEnd}\n                scrollEventThrottle={16}\n            >\n                {images.map((src, i) => (\n                    <RNImage key={i} source={{uri: src}} resizeMode=\"cover\" style={{width: w, height: h}} />\n                ))}\n            </ScrollView>\n\n            {showCounter && images.length > 0 && (\n                <Box\n                    position=\"absolute\"\n                    top={8}\n                    right={8}\n                    bgColor=\"rgba(0,0,0,0.55)\"\n                    paddingLeft={8}\n                    paddingRight={8}\n                    paddingTop={2}\n                    paddingBottom={2}\n                    borderRadius={999}\n                >\n                    <Text color=\"#FFFFFF\" fontSize={11} fontWeight=\"700\">\n                        {active + 1} / {images.length}\n                    </Text>\n                </Box>\n            )}\n\n            {showDots && images.length > 1 && (\n                <View style={{position: \"absolute\", bottom: 8, left: 0, right: 0, flexDirection: \"row\", justifyContent: \"center\"}}>\n                    <View style={{position: \"relative\", flexDirection: \"row\", gap: DOT_GAP}}>\n                        {images.map((_, i) => (\n                            <View\n                                key={i}\n                                style={{width: DOT, height: DOT, borderRadius: DOT / 2, backgroundColor: \"rgba(255,255,255,0.5)\"}}\n                            />\n                        ))}\n                        <Animated.View\n                            style={[\n                                {position: \"absolute\", top: 0, left: 0, width: DOT, height: DOT, borderRadius: DOT / 2, backgroundColor: \"#FFFFFF\"},\n                                indicatorStyle,\n                            ]}\n                        />\n                    </View>\n                </View>\n            )}\n        </View>\n    );\n}\n\nexport default Carousel;\n"],"names":["RNImage"],"mappings":"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"}

package/components/ChatBubble/index.cjs

@@ -7,6 +7,7 @@ var index_native = require('../../primitives/Icon/index.cjs');
 require('react');
 require('../../contexts/DialogContext.cjs');
 require('../../contexts/PermissionsContext.cjs');
+require('../../contexts/BreadcrumbContext.cjs');
 var useComponentDefaults = require('../../hooks/useComponentDefaults.cjs');
 var index$1 = require('../MessageReceipt/index.cjs');