@lmb-it/kitsconcerto-native 0.1.288 → 0.1.290

package/primitives/Divider/index.cjs

@@ -61,6 +61,7 @@ require('yup');
 require('../../packages/types/src/Css/map/index.cjs');
 require('../../packages/types/src/Theme/shadows.cjs');
 require('../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../packages/types/src/Theme/resolvers.cjs');
 require('../../packages/types/src/Theme/alphaColors.cjs');
 require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 require('../../apps/mobile/src/Factory/DimensionsContext.cjs');

package/primitives/Divider/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Divider/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, Text, StyleSheet} from 'react-native';\nimport type {IDividerComponent} from '@lmb-it/kitsconcerto-types';\nimport {useSeparator} from \"../../factory\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\nimport {useKitsTheme} from '../../contexts/Theme';\nimport useThemedFont from '../../hooks/useThemedFont';\n\nconst Divider: React.FC<IDividerComponent> = (props) => {\n    const {nativeProps} = useSeparator<any>(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, 14);\n    const {\n        align = 'center',\n        children,\n        layout = 'horizontal',\n        type: borderType = 'solid',\n        unstyled = false,\n        ...rest\n    } = nativeProps;\n\n    const {resolveToken} = useKitsTheme();\n    // `color` overrides the line colour (resolved through the theme — token,\n    // hex, or named); falls back to the `divider` token when omitted.\n    const dividerColor = typeof props.color === 'string'\n        ? resolveToken(props.color)\n        : resolveToken('divider');\n    const contentFont = useThemedFont('body');\n\n    const isHorizontal = layout === 'horizontal';\n\n    if (unstyled) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const lineStyle = isHorizontal\n        ? [styles.horizontalLine, {borderBottomStyle: borderType, borderBottomColor: dividerColor}]\n        : [styles.verticalLine, {borderLeftStyle: borderType, borderLeftColor: dividerColor}];\n\n    if (!children) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    isHorizontal\n                        ? {borderBottomWidth: StyleSheet.hairlineWidth, borderBottomColor: dividerColor, borderStyle: borderType}\n                        : {borderLeftWidth: StyleSheet.hairlineWidth, borderLeftColor: dividerColor, borderStyle: borderType},\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const alignMap: Record<string, 'flex-start' | 'center' | 'flex-end'> = {\n        left: 'flex-start',\n        top: 'flex-start',\n        center: 'center',\n        right: 'flex-end',\n        bottom: 'flex-end',\n    };\n    const justifyContent = alignMap[align] ?? 'center';\n\n    return (\n        <View\n            {...rest}\n            style={[\n                isHorizontal ? styles.horizontalWithContent : styles.verticalWithContent,\n                {justifyContent},\n                rest.style,\n            ]}>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'left' || align === 'top' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n            <Text style={[styles.contentText, {color: resolveToken('text-secondary')}, rtlLineHeight != null ? {lineHeight: rtlLineHeight} : null, contentFont ? {fontFamily: contentFont} : null]}>\n                {children}\n            </Text>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'right' || align === 'bottom' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    horizontal: {\n        width: '100%',\n        flexDirection: 'row',\n    },\n    vertical: {\n        height: '100%',\n        flexDirection: 'column',\n    },\n    horizontalWithContent: {\n        width: '100%',\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 12,\n    },\n    verticalWithContent: {\n        height: '100%',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: 12,\n    },\n    horizontalLine: {\n        width: '100%',\n    },\n    verticalLine: {\n        height: '100%',\n    },\n    lineSegment: {\n        height: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    lineSegmentVertical: {\n        width: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    contentText: {\n        fontSize: 14,\n    },\n});\n\nexport default Divider;\n"],"names":["useSeparator","useRtlLineHeight","useKitsTheme","useThemedFont","jsx","View","StyleSheet","jsxs","Text"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Divider/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, Text, StyleSheet} from 'react-native';\nimport type {IDividerComponent} from '@lmb-it/kitsconcerto-types';\nimport {useSeparator} from \"../../factory\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\nimport {useKitsTheme} from '../../contexts/Theme';\nimport useThemedFont from '../../hooks/useThemedFont';\n\nconst Divider: React.FC<IDividerComponent> = (props) => {\n    const {nativeProps} = useSeparator<any>(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, 14);\n    const {\n        align = 'center',\n        children,\n        layout = 'horizontal',\n        type: borderType = 'solid',\n        unstyled = false,\n        ...rest\n    } = nativeProps;\n\n    const {resolveToken} = useKitsTheme();\n    // `color` overrides the line colour (resolved through the theme — token,\n    // hex, or named); falls back to the `divider` token when omitted.\n    const dividerColor = typeof props.color === 'string'\n        ? resolveToken(props.color)\n        : resolveToken('divider');\n    const contentFont = useThemedFont('body');\n\n    const isHorizontal = layout === 'horizontal';\n\n    if (unstyled) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const lineStyle = isHorizontal\n        ? [styles.horizontalLine, {borderBottomStyle: borderType, borderBottomColor: dividerColor}]\n        : [styles.verticalLine, {borderLeftStyle: borderType, borderLeftColor: dividerColor}];\n\n    if (!children) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    isHorizontal\n                        ? {borderBottomWidth: StyleSheet.hairlineWidth, borderBottomColor: dividerColor, borderStyle: borderType}\n                        : {borderLeftWidth: StyleSheet.hairlineWidth, borderLeftColor: dividerColor, borderStyle: borderType},\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const alignMap: Record<string, 'flex-start' | 'center' | 'flex-end'> = {\n        left: 'flex-start',\n        top: 'flex-start',\n        center: 'center',\n        right: 'flex-end',\n        bottom: 'flex-end',\n    };\n    const justifyContent = alignMap[align] ?? 'center';\n\n    return (\n        <View\n            {...rest}\n            style={[\n                isHorizontal ? styles.horizontalWithContent : styles.verticalWithContent,\n                {justifyContent},\n                rest.style,\n            ]}>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'left' || align === 'top' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n            <Text style={[styles.contentText, {color: resolveToken('text-secondary')}, rtlLineHeight != null ? {lineHeight: rtlLineHeight} : null, contentFont ? {fontFamily: contentFont} : null]}>\n                {children}\n            </Text>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'right' || align === 'bottom' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    horizontal: {\n        width: '100%',\n        flexDirection: 'row',\n    },\n    vertical: {\n        height: '100%',\n        flexDirection: 'column',\n    },\n    horizontalWithContent: {\n        width: '100%',\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 12,\n    },\n    verticalWithContent: {\n        height: '100%',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: 12,\n    },\n    horizontalLine: {\n        width: '100%',\n    },\n    verticalLine: {\n        height: '100%',\n    },\n    lineSegment: {\n        height: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    lineSegmentVertical: {\n        width: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    contentText: {\n        fontSize: 14,\n    },\n});\n\nexport default Divider;\n"],"names":["useSeparator","useRtlLineHeight","useKitsTheme","useThemedFont","jsx","View","StyleSheet","jsxs","Text"],"mappings":"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"}

package/primitives/Divider/index.js

@@ -57,6 +57,7 @@ import 'yup';
 import '../../packages/types/src/Css/map/index.js';
 import '../../packages/types/src/Theme/shadows.js';
 import '../../packages/types/src/Theme/defaultTheme.js';
+import '../../packages/types/src/Theme/resolvers.js';
 import '../../packages/types/src/Theme/alphaColors.js';
 import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import '../../apps/mobile/src/Factory/DimensionsContext.js';

package/primitives/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/primitives/Divider/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, Text, StyleSheet} from 'react-native';\nimport type {IDividerComponent} from '@lmb-it/kitsconcerto-types';\nimport {useSeparator} from \"../../factory\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\nimport {useKitsTheme} from '../../contexts/Theme';\nimport useThemedFont from '../../hooks/useThemedFont';\n\nconst Divider: React.FC<IDividerComponent> = (props) => {\n    const {nativeProps} = useSeparator<any>(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, 14);\n    const {\n        align = 'center',\n        children,\n        layout = 'horizontal',\n        type: borderType = 'solid',\n        unstyled = false,\n        ...rest\n    } = nativeProps;\n\n    const {resolveToken} = useKitsTheme();\n    // `color` overrides the line colour (resolved through the theme — token,\n    // hex, or named); falls back to the `divider` token when omitted.\n    const dividerColor = typeof props.color === 'string'\n        ? resolveToken(props.color)\n        : resolveToken('divider');\n    const contentFont = useThemedFont('body');\n\n    const isHorizontal = layout === 'horizontal';\n\n    if (unstyled) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const lineStyle = isHorizontal\n        ? [styles.horizontalLine, {borderBottomStyle: borderType, borderBottomColor: dividerColor}]\n        : [styles.verticalLine, {borderLeftStyle: borderType, borderLeftColor: dividerColor}];\n\n    if (!children) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    isHorizontal\n                        ? {borderBottomWidth: StyleSheet.hairlineWidth, borderBottomColor: dividerColor, borderStyle: borderType}\n                        : {borderLeftWidth: StyleSheet.hairlineWidth, borderLeftColor: dividerColor, borderStyle: borderType},\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const alignMap: Record<string, 'flex-start' | 'center' | 'flex-end'> = {\n        left: 'flex-start',\n        top: 'flex-start',\n        center: 'center',\n        right: 'flex-end',\n        bottom: 'flex-end',\n    };\n    const justifyContent = alignMap[align] ?? 'center';\n\n    return (\n        <View\n            {...rest}\n            style={[\n                isHorizontal ? styles.horizontalWithContent : styles.verticalWithContent,\n                {justifyContent},\n                rest.style,\n            ]}>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'left' || align === 'top' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n            <Text style={[styles.contentText, {color: resolveToken('text-secondary')}, rtlLineHeight != null ? {lineHeight: rtlLineHeight} : null, contentFont ? {fontFamily: contentFont} : null]}>\n                {children}\n            </Text>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'right' || align === 'bottom' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    horizontal: {\n        width: '100%',\n        flexDirection: 'row',\n    },\n    vertical: {\n        height: '100%',\n        flexDirection: 'column',\n    },\n    horizontalWithContent: {\n        width: '100%',\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 12,\n    },\n    verticalWithContent: {\n        height: '100%',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: 12,\n    },\n    horizontalLine: {\n        width: '100%',\n    },\n    verticalLine: {\n        height: '100%',\n    },\n    lineSegment: {\n        height: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    lineSegmentVertical: {\n        width: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    contentText: {\n        fontSize: 14,\n    },\n});\n\nexport default Divider;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/primitives/Divider/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, Text, StyleSheet} from 'react-native';\nimport type {IDividerComponent} from '@lmb-it/kitsconcerto-types';\nimport {useSeparator} from \"../../factory\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\nimport {useKitsTheme} from '../../contexts/Theme';\nimport useThemedFont from '../../hooks/useThemedFont';\n\nconst Divider: React.FC<IDividerComponent> = (props) => {\n    const {nativeProps} = useSeparator<any>(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, 14);\n    const {\n        align = 'center',\n        children,\n        layout = 'horizontal',\n        type: borderType = 'solid',\n        unstyled = false,\n        ...rest\n    } = nativeProps;\n\n    const {resolveToken} = useKitsTheme();\n    // `color` overrides the line colour (resolved through the theme — token,\n    // hex, or named); falls back to the `divider` token when omitted.\n    const dividerColor = typeof props.color === 'string'\n        ? resolveToken(props.color)\n        : resolveToken('divider');\n    const contentFont = useThemedFont('body');\n\n    const isHorizontal = layout === 'horizontal';\n\n    if (unstyled) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const lineStyle = isHorizontal\n        ? [styles.horizontalLine, {borderBottomStyle: borderType, borderBottomColor: dividerColor}]\n        : [styles.verticalLine, {borderLeftStyle: borderType, borderLeftColor: dividerColor}];\n\n    if (!children) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    isHorizontal\n                        ? {borderBottomWidth: StyleSheet.hairlineWidth, borderBottomColor: dividerColor, borderStyle: borderType}\n                        : {borderLeftWidth: StyleSheet.hairlineWidth, borderLeftColor: dividerColor, borderStyle: borderType},\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const alignMap: Record<string, 'flex-start' | 'center' | 'flex-end'> = {\n        left: 'flex-start',\n        top: 'flex-start',\n        center: 'center',\n        right: 'flex-end',\n        bottom: 'flex-end',\n    };\n    const justifyContent = alignMap[align] ?? 'center';\n\n    return (\n        <View\n            {...rest}\n            style={[\n                isHorizontal ? styles.horizontalWithContent : styles.verticalWithContent,\n                {justifyContent},\n                rest.style,\n            ]}>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'left' || align === 'top' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n            <Text style={[styles.contentText, {color: resolveToken('text-secondary')}, rtlLineHeight != null ? {lineHeight: rtlLineHeight} : null, contentFont ? {fontFamily: contentFont} : null]}>\n                {children}\n            </Text>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'right' || align === 'bottom' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    horizontal: {\n        width: '100%',\n        flexDirection: 'row',\n    },\n    vertical: {\n        height: '100%',\n        flexDirection: 'column',\n    },\n    horizontalWithContent: {\n        width: '100%',\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 12,\n    },\n    verticalWithContent: {\n        height: '100%',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: 12,\n    },\n    horizontalLine: {\n        width: '100%',\n    },\n    verticalLine: {\n        height: '100%',\n    },\n    lineSegment: {\n        height: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    lineSegmentVertical: {\n        width: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    contentText: {\n        fontSize: 14,\n    },\n});\n\nexport default Divider;\n"],"names":[],"mappings":"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"}

package/primitives/Heading/index.cjs

@@ -61,6 +61,7 @@ require('yup');
 require('../../packages/types/src/Css/map/index.cjs');
 require('../../packages/types/src/Theme/shadows.cjs');
 require('../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../packages/types/src/Theme/resolvers.cjs');
 require('../../packages/types/src/Theme/alphaColors.cjs');
 require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');

package/primitives/Heading/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Heading/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { ResponsiveElement, useSeparator } from \"../../factory\";\nimport type {IHeadingComponent} from \"@lmb-it/kitsconcerto-types\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\n\nconst mapAsToSize: Record<string, IHeadingComponent[\"size\"]> = {\n    h1: \"5xl\",\n    h2: \"4xl\",\n    h3: \"3xl\",\n    h4: \"2xl\",\n    h5: \"xl\",\n    h6: \"lg\",\n};\n\nconst Heading: React.FC<IHeadingComponent> = (props) => {\n    const { theme } = useKitsTheme();\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const {\n        as = \"h2\",\n        size,\n        children,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        color,\n        ...rest\n    } = nativeProps;\n\n    const resolvedSize = size || mapAsToSize[as] || \"md\";\n\n    // Match Text/index.native.tsx: apply theme.fonts.heading as the default\n    // fontFamily so consumers overriding via `extendTheme({ fonts: { heading\n    // : 'NotoKufiArabic-Bold' } })` see the font on every Heading. Per-call\n    // `style.fontFamily` (passed through cssProps via useSeparator) wins.\n    const fontFamily = typeof theme.fonts.heading === 'string' ? theme.fonts.heading : undefined;\n\n    // RTL: headroom so tall Arabic glyphs aren't clipped at the top.\n    const rtlLineHeight = useRtlLineHeight(\n        resolvedSize as string,\n        typeof (cssProps as any)?.fontSize === 'number' ? (cssProps as any).fontSize : undefined,\n    );\n\n    return (\n        <ResponsiveElement\n            as=\"Heading\"\n            cssProps={cssProps}\n            additionalStyles={{\n                ...(fontFamily ? { fontFamily } : {}),\n                ...(rtlLineHeight != null ? { lineHeight: rtlLineHeight } : {}),\n            }}\n            nativeProps={{\n                ...rest,\n                size: resolvedSize,\n                isTruncated,\n                bold,\n                underline,\n                strikeThrough,\n                sub,\n                italic,\n                highlight,\n                color,\n            }}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default Heading;\n"],"names":["useKitsTheme","useSeparator","useRtlLineHeight","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,WAAA,GAAyD;AAAA,EAC3D,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAEA,MAAM,OAAA,GAAuC,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIA,qCAAA,EAAa;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIC,qBAAkB,KAAK,CAAA;AACzD,EAAA,MAAM;AAAA,IACF,EAAA,GAAK,IAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,WAAA,CAAY,EAAE,CAAA,IAAK,IAAA;AAMhD,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,CAAM,KAAA,CAAM,YAAY,QAAA,GAAW,KAAA,CAAM,MAAM,OAAA,GAAU,MAAA;AAGnF,EAAA,MAAM,aAAA,GAAgBC,wBAAA;AAAA,IAClB,YAAA;AAAA,IACA,OAAQ,QAAA,EAAkB,QAAA,KAAa,QAAA,GAAY,SAAiB,QAAA,GAAW;AAAA,GACnF;AAEA,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAG,SAAA;AAAA,MACH,QAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QACd,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,QACnC,GAAI,aAAA,IAAiB,IAAA,GAAO,EAAE,UAAA,EAAY,aAAA,KAAkB;AAAC,OACjE;AAAA,MACA,WAAA,EAAa;AAAA,QACT,GAAG,IAAA;AAAA,QACH,IAAA,EAAM,YAAA;AAAA,QACN,WAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,GAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACL;AAER;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Heading/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { ResponsiveElement, useSeparator } from \"../../factory\";\nimport type {IHeadingComponent} from \"@lmb-it/kitsconcerto-types\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\n\nconst mapAsToSize: Record<string, IHeadingComponent[\"size\"]> = {\n    h1: \"5xl\",\n    h2: \"4xl\",\n    h3: \"3xl\",\n    h4: \"2xl\",\n    h5: \"xl\",\n    h6: \"lg\",\n};\n\nconst Heading: React.FC<IHeadingComponent> = (props) => {\n    const { theme } = useKitsTheme();\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const {\n        as = \"h2\",\n        size,\n        children,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        color,\n        ...rest\n    } = nativeProps;\n\n    const resolvedSize = size || mapAsToSize[as] || \"md\";\n\n    // Match Text/index.native.tsx: apply theme.fonts.heading as the default\n    // fontFamily so consumers overriding via `extendTheme({ fonts: { heading\n    // : 'NotoKufiArabic-Bold' } })` see the font on every Heading. Per-call\n    // `style.fontFamily` (passed through cssProps via useSeparator) wins.\n    const fontFamily = typeof theme.fonts.heading === 'string' ? theme.fonts.heading : undefined;\n\n    // RTL: headroom so tall Arabic glyphs aren't clipped at the top.\n    const rtlLineHeight = useRtlLineHeight(\n        resolvedSize as string,\n        typeof (cssProps as any)?.fontSize === 'number' ? (cssProps as any).fontSize : undefined,\n    );\n\n    return (\n        <ResponsiveElement\n            as=\"Heading\"\n            cssProps={cssProps}\n            additionalStyles={{\n                ...(fontFamily ? { fontFamily } : {}),\n                ...(rtlLineHeight != null ? { lineHeight: rtlLineHeight } : {}),\n            }}\n            nativeProps={{\n                ...rest,\n                size: resolvedSize,\n                isTruncated,\n                bold,\n                underline,\n                strikeThrough,\n                sub,\n                italic,\n                highlight,\n                color,\n            }}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default Heading;\n"],"names":["useKitsTheme","useSeparator","useRtlLineHeight","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,WAAA,GAAyD;AAAA,EAC3D,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAEA,MAAM,OAAA,GAAuC,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIA,qCAAA,EAAa;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIC,qBAAkB,KAAK,CAAA;AACzD,EAAA,MAAM;AAAA,IACF,EAAA,GAAK,IAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,WAAA,CAAY,EAAE,CAAA,IAAK,IAAA;AAMhD,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,CAAM,KAAA,CAAM,YAAY,QAAA,GAAW,KAAA,CAAM,MAAM,OAAA,GAAU,MAAA;AAGnF,EAAA,MAAM,aAAA,GAAgBC,wBAAA;AAAA,IAClB,YAAA;AAAA,IACA,OAAQ,QAAA,EAAkB,QAAA,KAAa,QAAA,GAAY,SAAiB,QAAA,GAAW;AAAA,GACnF;AAEA,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAG,SAAA;AAAA,MACH,QAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QACd,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,QACnC,GAAI,aAAA,IAAiB,IAAA,GAAO,EAAE,UAAA,EAAY,aAAA,KAAkB;AAAC,OACjE;AAAA,MACA,WAAA,EAAa;AAAA,QACT,GAAG,IAAA;AAAA,QACH,IAAA,EAAM,YAAA;AAAA,QACN,WAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,GAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACL;AAER;;;;"}

package/primitives/Heading/index.js

@@ -57,6 +57,7 @@ import 'yup';
 import '../../packages/types/src/Css/map/index.js';
 import '../../packages/types/src/Theme/shadows.js';
 import '../../packages/types/src/Theme/defaultTheme.js';
+import '../../packages/types/src/Theme/resolvers.js';
 import '../../packages/types/src/Theme/alphaColors.js';
 import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';

package/primitives/Heading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/primitives/Heading/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { ResponsiveElement, useSeparator } from \"../../factory\";\nimport type {IHeadingComponent} from \"@lmb-it/kitsconcerto-types\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\n\nconst mapAsToSize: Record<string, IHeadingComponent[\"size\"]> = {\n    h1: \"5xl\",\n    h2: \"4xl\",\n    h3: \"3xl\",\n    h4: \"2xl\",\n    h5: \"xl\",\n    h6: \"lg\",\n};\n\nconst Heading: React.FC<IHeadingComponent> = (props) => {\n    const { theme } = useKitsTheme();\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const {\n        as = \"h2\",\n        size,\n        children,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        color,\n        ...rest\n    } = nativeProps;\n\n    const resolvedSize = size || mapAsToSize[as] || \"md\";\n\n    // Match Text/index.native.tsx: apply theme.fonts.heading as the default\n    // fontFamily so consumers overriding via `extendTheme({ fonts: { heading\n    // : 'NotoKufiArabic-Bold' } })` see the font on every Heading. Per-call\n    // `style.fontFamily` (passed through cssProps via useSeparator) wins.\n    const fontFamily = typeof theme.fonts.heading === 'string' ? theme.fonts.heading : undefined;\n\n    // RTL: headroom so tall Arabic glyphs aren't clipped at the top.\n    const rtlLineHeight = useRtlLineHeight(\n        resolvedSize as string,\n        typeof (cssProps as any)?.fontSize === 'number' ? (cssProps as any).fontSize : undefined,\n    );\n\n    return (\n        <ResponsiveElement\n            as=\"Heading\"\n            cssProps={cssProps}\n            additionalStyles={{\n                ...(fontFamily ? { fontFamily } : {}),\n                ...(rtlLineHeight != null ? { lineHeight: rtlLineHeight } : {}),\n            }}\n            nativeProps={{\n                ...rest,\n                size: resolvedSize,\n                isTruncated,\n                bold,\n                underline,\n                strikeThrough,\n                sub,\n                italic,\n                highlight,\n                color,\n            }}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default Heading;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,WAAA,GAAyD;AAAA,EAC3D,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAEA,MAAM,OAAA,GAAuC,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,YAAA,EAAa;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAAkB,KAAK,CAAA;AACzD,EAAA,MAAM;AAAA,IACF,EAAA,GAAK,IAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,WAAA,CAAY,EAAE,CAAA,IAAK,IAAA;AAMhD,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,CAAM,KAAA,CAAM,YAAY,QAAA,GAAW,KAAA,CAAM,MAAM,OAAA,GAAU,MAAA;AAGnF,EAAA,MAAM,aAAA,GAAgB,gBAAA;AAAA,IAClB,YAAA;AAAA,IACA,OAAQ,QAAA,EAAkB,QAAA,KAAa,QAAA,GAAY,SAAiB,QAAA,GAAW;AAAA,GACnF;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAG,SAAA;AAAA,MACH,QAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QACd,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,QACnC,GAAI,aAAA,IAAiB,IAAA,GAAO,EAAE,UAAA,EAAY,aAAA,KAAkB;AAAC,OACjE;AAAA,MACA,WAAA,EAAa;AAAA,QACT,GAAG,IAAA;AAAA,QACH,IAAA,EAAM,YAAA;AAAA,QACN,WAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,GAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACL;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/primitives/Heading/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { ResponsiveElement, useSeparator } from \"../../factory\";\nimport type {IHeadingComponent} from \"@lmb-it/kitsconcerto-types\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\n\nconst mapAsToSize: Record<string, IHeadingComponent[\"size\"]> = {\n    h1: \"5xl\",\n    h2: \"4xl\",\n    h3: \"3xl\",\n    h4: \"2xl\",\n    h5: \"xl\",\n    h6: \"lg\",\n};\n\nconst Heading: React.FC<IHeadingComponent> = (props) => {\n    const { theme } = useKitsTheme();\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const {\n        as = \"h2\",\n        size,\n        children,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        color,\n        ...rest\n    } = nativeProps;\n\n    const resolvedSize = size || mapAsToSize[as] || \"md\";\n\n    // Match Text/index.native.tsx: apply theme.fonts.heading as the default\n    // fontFamily so consumers overriding via `extendTheme({ fonts: { heading\n    // : 'NotoKufiArabic-Bold' } })` see the font on every Heading. Per-call\n    // `style.fontFamily` (passed through cssProps via useSeparator) wins.\n    const fontFamily = typeof theme.fonts.heading === 'string' ? theme.fonts.heading : undefined;\n\n    // RTL: headroom so tall Arabic glyphs aren't clipped at the top.\n    const rtlLineHeight = useRtlLineHeight(\n        resolvedSize as string,\n        typeof (cssProps as any)?.fontSize === 'number' ? (cssProps as any).fontSize : undefined,\n    );\n\n    return (\n        <ResponsiveElement\n            as=\"Heading\"\n            cssProps={cssProps}\n            additionalStyles={{\n                ...(fontFamily ? { fontFamily } : {}),\n                ...(rtlLineHeight != null ? { lineHeight: rtlLineHeight } : {}),\n            }}\n            nativeProps={{\n                ...rest,\n                size: resolvedSize,\n                isTruncated,\n                bold,\n                underline,\n                strikeThrough,\n                sub,\n                italic,\n                highlight,\n                color,\n            }}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default Heading;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,WAAA,GAAyD;AAAA,EAC3D,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAEA,MAAM,OAAA,GAAuC,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,YAAA,EAAa;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAAkB,KAAK,CAAA;AACzD,EAAA,MAAM;AAAA,IACF,EAAA,GAAK,IAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,WAAA,CAAY,EAAE,CAAA,IAAK,IAAA;AAMhD,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,CAAM,KAAA,CAAM,YAAY,QAAA,GAAW,KAAA,CAAM,MAAM,OAAA,GAAU,MAAA;AAGnF,EAAA,MAAM,aAAA,GAAgB,gBAAA;AAAA,IAClB,YAAA;AAAA,IACA,OAAQ,QAAA,EAAkB,QAAA,KAAa,QAAA,GAAY,SAAiB,QAAA,GAAW;AAAA,GACnF;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAG,SAAA;AAAA,MACH,QAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QACd,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,QACnC,GAAI,aAAA,IAAiB,IAAA,GAAO,EAAE,UAAA,EAAY,aAAA,KAAkB;AAAC,OACjE;AAAA,MACA,WAAA,EAAa;AAAA,QACT,GAAG,IAAA;AAAA,QACH,IAAA,EAAM,YAAA;AAAA,QACN,WAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,GAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACL;AAER;;;;"}

package/primitives/Image/index.cjs

@@ -61,6 +61,7 @@ require('yup');
 require('../../packages/types/src/Css/map/index.cjs');
 require('../../packages/types/src/Theme/shadows.cjs');
 require('../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../packages/types/src/Theme/resolvers.cjs');
 require('../../packages/types/src/Theme/alphaColors.cjs');
 require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');

package/primitives/Image/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Image/index.native.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type {IImageComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\n\nconst mapImageStylingProps = (props: IImageComponent) => {\n    let resizeMode: undefined | 'cover'| 'contain' | 'stretch' | 'repeat' | 'center';\n\n    if (props.objectFit) {\n        resizeMode = props.objectFit;\n    }else{\n        resizeMode = undefined\n    }\n\n    return { resizeMode };\n};\nconst Image = ({style, ref, src, ...props}: IImageComponent) => {\n    const source = src ? { uri: src } : props.source;\n    const stylingProps = mapImageStylingProps(props);\n    const { cssProps, nativeProps } = useSeparator<Record<any, any>>(props);\n\n    return (\n        <ResponsiveElement\n            nativeProps={{...nativeProps, ...stylingProps, source}}\n            ref={ref}\n            cssProps={cssProps}\n            as={\"Image\"}\n        />\n    );\n}\n\nexport default Image;\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAA2B;AACrD,EAAA,IAAI,UAAA;AAEJ,EAAA,IAAI,MAAM,SAAA,EAAW;AACjB,IAAA,UAAA,GAAa,KAAA,CAAM,SAAA;AAAA,EACvB,CAAA,MAAK;AACD,IAAA,UAAA,GAAa,MAAA;AAAA,EACjB;AAEA,EAAA,OAAO,EAAE,UAAA,EAAW;AACxB,CAAA;AACA,MAAM,KAAA,GAAQ,CAAC,EAAC,KAAA,EAAO,KAAK,GAAA,EAAK,GAAG,OAAK,KAAuB;AAC5D,EAAA,MAAM,SAAS,GAAA,GAAM,EAAE,GAAA,EAAK,GAAA,KAAQ,KAAA,CAAM,MAAA;AAC1C,EAAA,MAAM,YAAA,GAAe,qBAAqB,KAAK,CAAA;AAC/C,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIA,qBAA+B,KAAK,CAAA;AAEtE,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACG,aAAa,EAAC,GAAG,WAAA,EAAa,GAAG,cAAc,MAAA,EAAM;AAAA,MACrD,GAAA;AAAA,MACA,QAAA;AAAA,MACA,EAAA,EAAI;AAAA;AAAA,GACR;AAER;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Image/index.native.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type {IImageComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\n\nconst mapImageStylingProps = (props: IImageComponent) => {\n    let resizeMode: undefined | 'cover'| 'contain' | 'stretch' | 'repeat' | 'center';\n\n    if (props.objectFit) {\n        resizeMode = props.objectFit;\n    }else{\n        resizeMode = undefined\n    }\n\n    return { resizeMode };\n};\nconst Image = ({style, ref, src, ...props}: IImageComponent) => {\n    const source = src ? { uri: src } : props.source;\n    const stylingProps = mapImageStylingProps(props);\n    const { cssProps, nativeProps } = useSeparator<Record<any, any>>(props);\n\n    return (\n        <ResponsiveElement\n            nativeProps={{...nativeProps, ...stylingProps, source}}\n            ref={ref}\n            cssProps={cssProps}\n            as={\"Image\"}\n        />\n    );\n}\n\nexport default Image;\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAA2B;AACrD,EAAA,IAAI,UAAA;AAEJ,EAAA,IAAI,MAAM,SAAA,EAAW;AACjB,IAAA,UAAA,GAAa,KAAA,CAAM,SAAA;AAAA,EACvB,CAAA,MAAK;AACD,IAAA,UAAA,GAAa,MAAA;AAAA,EACjB;AAEA,EAAA,OAAO,EAAE,UAAA,EAAW;AACxB,CAAA;AACA,MAAM,KAAA,GAAQ,CAAC,EAAC,KAAA,EAAO,KAAK,GAAA,EAAK,GAAG,OAAK,KAAuB;AAC5D,EAAA,MAAM,SAAS,GAAA,GAAM,EAAE,GAAA,EAAK,GAAA,KAAQ,KAAA,CAAM,MAAA;AAC1C,EAAA,MAAM,YAAA,GAAe,qBAAqB,KAAK,CAAA;AAC/C,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIA,qBAA+B,KAAK,CAAA;AAEtE,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACG,aAAa,EAAC,GAAG,WAAA,EAAa,GAAG,cAAc,MAAA,EAAM;AAAA,MACrD,GAAA;AAAA,MACA,QAAA;AAAA,MACA,EAAA,EAAI;AAAA;AAAA,GACR;AAER;;;;"}

package/primitives/Image/index.js

@@ -57,6 +57,7 @@ import 'yup';
 import '../../packages/types/src/Css/map/index.js';
 import '../../packages/types/src/Theme/shadows.js';
 import '../../packages/types/src/Theme/defaultTheme.js';
+import '../../packages/types/src/Theme/resolvers.js';
 import '../../packages/types/src/Theme/alphaColors.js';
 import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';

package/primitives/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/primitives/Image/index.native.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type {IImageComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\n\nconst mapImageStylingProps = (props: IImageComponent) => {\n    let resizeMode: undefined | 'cover'| 'contain' | 'stretch' | 'repeat' | 'center';\n\n    if (props.objectFit) {\n        resizeMode = props.objectFit;\n    }else{\n        resizeMode = undefined\n    }\n\n    return { resizeMode };\n};\nconst Image = ({style, ref, src, ...props}: IImageComponent) => {\n    const source = src ? { uri: src } : props.source;\n    const stylingProps = mapImageStylingProps(props);\n    const { cssProps, nativeProps } = useSeparator<Record<any, any>>(props);\n\n    return (\n        <ResponsiveElement\n            nativeProps={{...nativeProps, ...stylingProps, source}}\n            ref={ref}\n            cssProps={cssProps}\n            as={\"Image\"}\n        />\n    );\n}\n\nexport default Image;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAA2B;AACrD,EAAA,IAAI,UAAA;AAEJ,EAAA,IAAI,MAAM,SAAA,EAAW;AACjB,IAAA,UAAA,GAAa,KAAA,CAAM,SAAA;AAAA,EACvB,CAAA,MAAK;AACD,IAAA,UAAA,GAAa,MAAA;AAAA,EACjB;AAEA,EAAA,OAAO,EAAE,UAAA,EAAW;AACxB,CAAA;AACA,MAAM,KAAA,GAAQ,CAAC,EAAC,KAAA,EAAO,KAAK,GAAA,EAAK,GAAG,OAAK,KAAuB;AAC5D,EAAA,MAAM,SAAS,GAAA,GAAM,EAAE,GAAA,EAAK,GAAA,KAAQ,KAAA,CAAM,MAAA;AAC1C,EAAA,MAAM,YAAA,GAAe,qBAAqB,KAAK,CAAA;AAC/C,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAA+B,KAAK,CAAA;AAEtE,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACG,aAAa,EAAC,GAAG,WAAA,EAAa,GAAG,cAAc,MAAA,EAAM;AAAA,MACrD,GAAA;AAAA,MACA,QAAA;AAAA,MACA,EAAA,EAAI;AAAA;AAAA,GACR;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/primitives/Image/index.native.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type {IImageComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\n\nconst mapImageStylingProps = (props: IImageComponent) => {\n    let resizeMode: undefined | 'cover'| 'contain' | 'stretch' | 'repeat' | 'center';\n\n    if (props.objectFit) {\n        resizeMode = props.objectFit;\n    }else{\n        resizeMode = undefined\n    }\n\n    return { resizeMode };\n};\nconst Image = ({style, ref, src, ...props}: IImageComponent) => {\n    const source = src ? { uri: src } : props.source;\n    const stylingProps = mapImageStylingProps(props);\n    const { cssProps, nativeProps } = useSeparator<Record<any, any>>(props);\n\n    return (\n        <ResponsiveElement\n            nativeProps={{...nativeProps, ...stylingProps, source}}\n            ref={ref}\n            cssProps={cssProps}\n            as={\"Image\"}\n        />\n    );\n}\n\nexport default Image;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAA2B;AACrD,EAAA,IAAI,UAAA;AAEJ,EAAA,IAAI,MAAM,SAAA,EAAW;AACjB,IAAA,UAAA,GAAa,KAAA,CAAM,SAAA;AAAA,EACvB,CAAA,MAAK;AACD,IAAA,UAAA,GAAa,MAAA;AAAA,EACjB;AAEA,EAAA,OAAO,EAAE,UAAA,EAAW;AACxB,CAAA;AACA,MAAM,KAAA,GAAQ,CAAC,EAAC,KAAA,EAAO,KAAK,GAAA,EAAK,GAAG,OAAK,KAAuB;AAC5D,EAAA,MAAM,SAAS,GAAA,GAAM,EAAE,GAAA,EAAK,GAAA,KAAQ,KAAA,CAAM,MAAA;AAC1C,EAAA,MAAM,YAAA,GAAe,qBAAqB,KAAK,CAAA;AAC/C,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAA+B,KAAK,CAAA;AAEtE,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACG,aAAa,EAAC,GAAG,WAAA,EAAa,GAAG,cAAc,MAAA,EAAM;AAAA,MACrD,GAAA;AAAA,MACA,QAAA;AAAA,MACA,EAAA,EAAI;AAAA;AAAA,GACR;AAER;;;;"}

package/primitives/Skeleton/index.cjs

@@ -61,6 +61,7 @@ require('yup');
 require('../../packages/types/src/Css/map/index.cjs');
 require('../../packages/types/src/Theme/shadows.cjs');
 require('../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../packages/types/src/Theme/resolvers.cjs');
 require('../../packages/types/src/Theme/alphaColors.cjs');
 require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 require('../../apps/mobile/src/Factory/DimensionsContext.cjs');

package/primitives/Skeleton/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Skeleton/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {Skeleton as GSkeleton} from '@lmb-it/kitsconcertomobile';\nimport type {ISkeleton} from \"@lmb-it/kitsconcerto-types\";\nimport {Flex} from \"../../_compat\";\n\nconst Skeleton: React.FC<ISkeleton> = ({\n                                           className = 'h-12',\n                                           container,\n                                           ...props\n                                       }) => {\n\n    return (\n        <Flex {...container}>\n            <GSkeleton className={className} {...props} />\n        </Flex>\n    );\n};\n\nexport default Skeleton;\n"],"names":["jsx","Flex","GSkeleton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,WAAgC,CAAC;AAAA,EACI,SAAA,GAAY,MAAA;AAAA,EACZ,SAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AAEzC,EAAA,uBACIA,cAAA,CAACC,iBAAM,GAAG,SAAA,EACN,yCAACC,gBAAA,EAAA,EAAU,SAAA,EAAuB,GAAG,KAAA,EAAO,CAAA,EAChD,CAAA;AAER;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Skeleton/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {Skeleton as GSkeleton} from '@lmb-it/kitsconcertomobile';\nimport type {ISkeleton} from \"@lmb-it/kitsconcerto-types\";\nimport {Flex} from \"../../_compat\";\n\nconst Skeleton: React.FC<ISkeleton> = ({\n                                           className = 'h-12',\n                                           container,\n                                           ...props\n                                       }) => {\n\n    return (\n        <Flex {...container}>\n            <GSkeleton className={className} {...props} />\n        </Flex>\n    );\n};\n\nexport default Skeleton;\n"],"names":["jsx","Flex","GSkeleton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,WAAgC,CAAC;AAAA,EACI,SAAA,GAAY,MAAA;AAAA,EACZ,SAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AAEzC,EAAA,uBACIA,cAAA,CAACC,iBAAM,GAAG,SAAA,EACN,yCAACC,gBAAA,EAAA,EAAU,SAAA,EAAuB,GAAG,KAAA,EAAO,CAAA,EAChD,CAAA;AAER;;;;"}

package/primitives/Skeleton/index.js

@@ -57,6 +57,7 @@ import 'yup';
 import '../../packages/types/src/Css/map/index.js';
 import '../../packages/types/src/Theme/shadows.js';
 import '../../packages/types/src/Theme/defaultTheme.js';
+import '../../packages/types/src/Theme/resolvers.js';
 import '../../packages/types/src/Theme/alphaColors.js';
 import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import '../../apps/mobile/src/Factory/DimensionsContext.js';

package/primitives/Skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/primitives/Skeleton/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {Skeleton as GSkeleton} from '@lmb-it/kitsconcertomobile';\nimport type {ISkeleton} from \"@lmb-it/kitsconcerto-types\";\nimport {Flex} from \"../../_compat\";\n\nconst Skeleton: React.FC<ISkeleton> = ({\n                                           className = 'h-12',\n                                           container,\n                                           ...props\n                                       }) => {\n\n    return (\n        <Flex {...container}>\n            <GSkeleton className={className} {...props} />\n        </Flex>\n    );\n};\n\nexport default Skeleton;\n"],"names":["GSkeleton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,WAAgC,CAAC;AAAA,EACI,SAAA,GAAY,MAAA;AAAA,EACZ,SAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AAEzC,EAAA,uBACI,GAAA,CAAC,QAAM,GAAG,SAAA,EACN,8BAACA,UAAA,EAAA,EAAU,SAAA,EAAuB,GAAG,KAAA,EAAO,CAAA,EAChD,CAAA;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/primitives/Skeleton/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {Skeleton as GSkeleton} from '@lmb-it/kitsconcertomobile';\nimport type {ISkeleton} from \"@lmb-it/kitsconcerto-types\";\nimport {Flex} from \"../../_compat\";\n\nconst Skeleton: React.FC<ISkeleton> = ({\n                                           className = 'h-12',\n                                           container,\n                                           ...props\n                                       }) => {\n\n    return (\n        <Flex {...container}>\n            <GSkeleton className={className} {...props} />\n        </Flex>\n    );\n};\n\nexport default Skeleton;\n"],"names":["GSkeleton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,WAAgC,CAAC;AAAA,EACI,SAAA,GAAY,MAAA;AAAA,EACZ,SAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AAEzC,EAAA,uBACI,GAAA,CAAC,QAAM,GAAG,SAAA,EACN,8BAACA,UAAA,EAAA,EAAU,SAAA,EAAuB,GAAG,KAAA,EAAO,CAAA,EAChD,CAAA;AAER;;;;"}

package/primitives/Svg/index.cjs

@@ -61,6 +61,7 @@ require('yup');
 require('../../packages/types/src/Css/map/index.cjs');
 require('../../packages/types/src/Theme/shadows.cjs');
 require('../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../packages/types/src/Theme/resolvers.cjs');
 require('../../packages/types/src/Theme/alphaColors.cjs');
 require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');

package/primitives/Svg/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Svg/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from 'react'\n\n\nimport type {ISVGComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\nconst Svg = ({className, children, ref, ...props}: PropsWithChildren<ISVGComponent>) => {\n\n    const {cssProps, nativeProps} = useSeparator<any>(props)\n\n\n    return (\n        <ResponsiveElement ref={ref}\n                           additionalClasses={className}\n                           cssProps={cssProps}\n                           additionalStyles={{\n                               // @ts-ignore\n                               display: 'inline-block',\n                               lineHeight: '1rem',\n                               flexShrink: 0,\n                               verticalAlign: 'middle',\n                               marginInline: '2px',\n                               width: '1.5rem',\n                               height: '1.5rem'\n                           }}\n                           nativeProps={nativeProps}\n                           as={\"Svg\"}\n                           children={children}/>\n    )\n}\n\nexport default Svg;\n// export default React.memo(Flex, (prevProps, nextProps) => {\n    // return shallowEqual(nextProps, prevProps);\n// })\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,GAAA,GAAM,CAAC,EAAC,SAAA,EAAW,UAAU,GAAA,EAAK,GAAG,OAAK,KAAwC;AAEpF,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAIA,qBAAkB,KAAK,CAAA;AAGvD,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MAAkB,GAAA;AAAA,MACA,iBAAA,EAAmB,SAAA;AAAA,MACnB,QAAA;AAAA,MACA,gBAAA,EAAkB;AAAA;AAAA,QAEd,OAAA,EAAS,cAAA;AAAA,QACT,UAAA,EAAY,MAAA;AAAA,QACZ,UAAA,EAAY,CAAA;AAAA,QACZ,aAAA,EAAe,QAAA;AAAA,QACf,YAAA,EAAc,KAAA;AAAA,QACd,KAAA,EAAO,QAAA;AAAA,QACP,MAAA,EAAQ;AAAA,OACZ;AAAA,MACA,WAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ;AAAA;AAAA,GAAmB;AAE9C;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Svg/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from 'react'\n\n\nimport type {ISVGComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\nconst Svg = ({className, children, ref, ...props}: PropsWithChildren<ISVGComponent>) => {\n\n    const {cssProps, nativeProps} = useSeparator<any>(props)\n\n\n    return (\n        <ResponsiveElement ref={ref}\n                           additionalClasses={className}\n                           cssProps={cssProps}\n                           additionalStyles={{\n                               // @ts-ignore\n                               display: 'inline-block',\n                               lineHeight: '1rem',\n                               flexShrink: 0,\n                               verticalAlign: 'middle',\n                               marginInline: '2px',\n                               width: '1.5rem',\n                               height: '1.5rem'\n                           }}\n                           nativeProps={nativeProps}\n                           as={\"Svg\"}\n                           children={children}/>\n    )\n}\n\nexport default Svg;\n// export default React.memo(Flex, (prevProps, nextProps) => {\n    // return shallowEqual(nextProps, prevProps);\n// })\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,GAAA,GAAM,CAAC,EAAC,SAAA,EAAW,UAAU,GAAA,EAAK,GAAG,OAAK,KAAwC;AAEpF,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAIA,qBAAkB,KAAK,CAAA;AAGvD,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MAAkB,GAAA;AAAA,MACA,iBAAA,EAAmB,SAAA;AAAA,MACnB,QAAA;AAAA,MACA,gBAAA,EAAkB;AAAA;AAAA,QAEd,OAAA,EAAS,cAAA;AAAA,QACT,UAAA,EAAY,MAAA;AAAA,QACZ,UAAA,EAAY,CAAA;AAAA,QACZ,aAAA,EAAe,QAAA;AAAA,QACf,YAAA,EAAc,KAAA;AAAA,QACd,KAAA,EAAO,QAAA;AAAA,QACP,MAAA,EAAQ;AAAA,OACZ;AAAA,MACA,WAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ;AAAA;AAAA,GAAmB;AAE9C;;;;"}

package/primitives/Svg/index.js

@@ -57,6 +57,7 @@ import 'yup';
 import '../../packages/types/src/Css/map/index.js';
 import '../../packages/types/src/Theme/shadows.js';
 import '../../packages/types/src/Theme/defaultTheme.js';
+import '../../packages/types/src/Theme/resolvers.js';
 import '../../packages/types/src/Theme/alphaColors.js';
 import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';

package/primitives/Svg/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/primitives/Svg/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from 'react'\n\n\nimport type {ISVGComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\nconst Svg = ({className, children, ref, ...props}: PropsWithChildren<ISVGComponent>) => {\n\n    const {cssProps, nativeProps} = useSeparator<any>(props)\n\n\n    return (\n        <ResponsiveElement ref={ref}\n                           additionalClasses={className}\n                           cssProps={cssProps}\n                           additionalStyles={{\n                               // @ts-ignore\n                               display: 'inline-block',\n                               lineHeight: '1rem',\n                               flexShrink: 0,\n                               verticalAlign: 'middle',\n                               marginInline: '2px',\n                               width: '1.5rem',\n                               height: '1.5rem'\n                           }}\n                           nativeProps={nativeProps}\n                           as={\"Svg\"}\n                           children={children}/>\n    )\n}\n\nexport default Svg;\n// export default React.memo(Flex, (prevProps, nextProps) => {\n    // return shallowEqual(nextProps, prevProps);\n// })\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,GAAA,GAAM,CAAC,EAAC,SAAA,EAAW,UAAU,GAAA,EAAK,GAAG,OAAK,KAAwC;AAEpF,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAI,aAAkB,KAAK,CAAA;AAGvD,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MAAkB,GAAA;AAAA,MACA,iBAAA,EAAmB,SAAA;AAAA,MACnB,QAAA;AAAA,MACA,gBAAA,EAAkB;AAAA;AAAA,QAEd,OAAA,EAAS,cAAA;AAAA,QACT,UAAA,EAAY,MAAA;AAAA,QACZ,UAAA,EAAY,CAAA;AAAA,QACZ,aAAA,EAAe,QAAA;AAAA,QACf,YAAA,EAAc,KAAA;AAAA,QACd,KAAA,EAAO,QAAA;AAAA,QACP,MAAA,EAAQ;AAAA,OACZ;AAAA,MACA,WAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ;AAAA;AAAA,GAAmB;AAE9C;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/primitives/Svg/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from 'react'\n\n\nimport type {ISVGComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\nconst Svg = ({className, children, ref, ...props}: PropsWithChildren<ISVGComponent>) => {\n\n    const {cssProps, nativeProps} = useSeparator<any>(props)\n\n\n    return (\n        <ResponsiveElement ref={ref}\n                           additionalClasses={className}\n                           cssProps={cssProps}\n                           additionalStyles={{\n                               // @ts-ignore\n                               display: 'inline-block',\n                               lineHeight: '1rem',\n                               flexShrink: 0,\n                               verticalAlign: 'middle',\n                               marginInline: '2px',\n                               width: '1.5rem',\n                               height: '1.5rem'\n                           }}\n                           nativeProps={nativeProps}\n                           as={\"Svg\"}\n                           children={children}/>\n    )\n}\n\nexport default Svg;\n// export default React.memo(Flex, (prevProps, nextProps) => {\n    // return shallowEqual(nextProps, prevProps);\n// })\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,GAAA,GAAM,CAAC,EAAC,SAAA,EAAW,UAAU,GAAA,EAAK,GAAG,OAAK,KAAwC;AAEpF,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAI,aAAkB,KAAK,CAAA;AAGvD,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MAAkB,GAAA;AAAA,MACA,iBAAA,EAAmB,SAAA;AAAA,MACnB,QAAA;AAAA,MACA,gBAAA,EAAkB;AAAA;AAAA,QAEd,OAAA,EAAS,cAAA;AAAA,QACT,UAAA,EAAY,MAAA;AAAA,QACZ,UAAA,EAAY,CAAA;AAAA,QACZ,aAAA,EAAe,QAAA;AAAA,QACf,YAAA,EAAc,KAAA;AAAA,QACd,KAAA,EAAO,QAAA;AAAA,QACP,MAAA,EAAQ;AAAA,OACZ;AAAA,MACA,WAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ;AAAA;AAAA,GAAmB;AAE9C;;;;"}

package/primitives/Text/index.cjs

@@ -61,6 +61,7 @@ require('yup');
 require('../../packages/types/src/Css/map/index.cjs');
 require('../../packages/types/src/Theme/shadows.cjs');
 require('../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../packages/types/src/Theme/resolvers.cjs');
 require('../../packages/types/src/Theme/alphaColors.cjs');
 require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');

package/primitives/Text/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Text/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport { ResponsiveElement, useSeparator } from \"../../factory\";\nimport type {ITextComponent} from \"@lmb-it/kitsconcerto-types\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\n\nconst mapAsToSize: Record<string, ITextComponent[\"size\"]> = {\n    small: \"sm\",\n    label: \"sm\",\n    span: \"md\",\n    p: \"md\",\n};\n\n/**\n * ⛔ IT RETURNS ONLY THE KEYS IT ACTUALLY SETS, AND THAT IS THE WHOLE FIX.\n *\n * This built an object literal holding BOTH keys every time — `undefined` when\n * the prop that drives them was absent — and it is spread LAST into\n * `nativeProps`, after `...rest`. So a consumer writing\n * `<Text numberOfLines={1}>` had its value silently OVERWRITTEN WITH\n * `undefined` on every render. The prop was accepted by the types, passed\n * through `useSeparator`, and destroyed one line before it reached React\n * Native.\n *\n * ⛔ IT IS A SILENT FAILURE, WHICH IS WHY IT SURVIVED. Nothing warns, nothing\n * throws, and the call site reads correctly — so a header that says\n * `numberOfLines={1}` wraps to two lines and the only way to find out is to\n * look at a device. AlphaMatch's client job-detail header did exactly that: a\n * two-line title overlapping its own subtitle and the bar beneath it, on a\n * screen whose source caps the title at one line. Two sessions read that source\n * and concluded a wrap was impossible.\n *\n * ⚠️ `whiteSpace: \"nowrap\"` AND `textOverflow` STILL WIN, deliberately. They are\n * this library's own way of asking for the same thing, and a consumer using both\n * is asking twice; the library prop is the more specific statement and stays\n * last. What changes is that ABSENT no longer means `undefined` — it means the\n * key is not there at all, so the consumer's value survives.\n *\n * ⚠️ NATIVE ONLY. The web twin writes CSS `textOverflow`/`whiteSpace` straight\n * into `style` and has no `numberOfLines` to clobber, so it never had this.\n */\nconst mapTextOverflowProps = (props: ITextComponent) => {\n    const overflow: {\n        numberOfLines?: number;\n        ellipsizeMode?: \"head\" | \"middle\" | \"tail\" | \"clip\";\n    } = {};\n\n    if (props.whiteSpace === \"nowrap\") {\n        overflow.numberOfLines = 1;\n    }\n\n    if (props.textOverflow === \"ellipsis\") {\n        overflow.ellipsizeMode = \"tail\";\n    }\n\n    if (props.textOverflow === \"clip\") {\n        overflow.ellipsizeMode = \"clip\";\n    }\n\n    return overflow;\n};\n\nconst Text: React.FC<ITextComponent> = (props) => {\n    const { theme } = useKitsTheme();\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const {\n        as = \"p\",\n        size,\n        children,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        ...rest\n    } = nativeProps;\n\n    const resolvedSize = size || mapAsToSize[as] || \"md\";\n\n    const overflowProps = mapTextOverflowProps(props);\n\n    // App-wide font: read from theme.fonts.body so consumers overriding\n    // via `extendTheme({ fonts: { body: 'SpaceMono' } })` see the font on\n    // every Text without per-call wiring. RN does not propagate fontFamily\n    // through View parents, so this default is applied at the Text element\n    // itself. Per-instance `style.fontFamily` (passed through cssProps via\n    // useSeparator) takes precedence because ResponsiveElement merges in\n    // user style after additionalStyles.\n    // TODO: apply the same default to Heading (theme.fonts.heading), and\n    // to any RN <Text> rendered outside this primitive (e.g. inside\n    // Button labels, FormControlHelperText, custom widgets).\n    const fontFamily = typeof theme.fonts.body === 'string' ? theme.fonts.body : undefined;\n\n    /*\n     * ⛔ THE FONT SIZE IS READ FROM THE `style` PROP TOO, AND THAT IS THE FIX.\n     * Device-reported in Arabic, 19 September 2026: the confirm dialog's bold\n     * heading was CLIPPED ALONG ITS TOP EDGE while the body and button beneath\n     * it read perfectly.\n     *\n     * ⛔ THE OLD LINE ASKED ONLY `cssProps.fontSize` — the font size passed as a\n     * PROP. A consumer that sizes its text through `style={{fontSize: 22}}`,\n     * which is how every StyleSheet in this library does it, was invisible to\n     * it. The hook then fell back to the SIZE TOKEN, which with no `size` prop\n     * is `md` (~16px), and returned a line height of about 24.\n     *\n     * ⛔ SO IT DID NOT FAIL TO HELP — IT MADE THINGS WORSE, CONFIDENTLY. 24px of\n     * line box was written into `additionalStyles` for text actually rendering\n     * at 22px and 24px. `ConfirmDialog.sheetHeader` is fontSize 24, so its\n     * ratio came out at exactly 1.0 — TIGHTER than the natural line box the\n     * code was there to loosen.\n     *\n     * ⚠️ AND THAT IS PRECISELY WHY ONE DIALOG SHOWED BOTH BEHAVIOURS AT ONCE.\n     * `ResponsiveElement` appends the consumer's `style` AFTER these\n     * `additionalStyles`, so a style that names its own `lineHeight` wins and a\n     * style that does not inherits the wrong number. In that file both MESSAGE\n     * styles set a lineHeight and neither HEADER style does — messages legible,\n     * headings clipped, one component, one render.\n     *\n     * ⚠️ IT IS STILL `undefined` IN LTR, so no English layout moves. A flatten\n     * is needed because `style` may be an array, a StyleSheet id, or a plain\n     * object, and only `StyleSheet.flatten` reads all three.\n     */\n    const styleFontSize = (() => {\n        const flat = StyleSheet.flatten((nativeProps as any)?.style) as\n            | {fontSize?: unknown}\n            | undefined;\n        return typeof flat?.fontSize === 'number' ? flat.fontSize : undefined;\n    })();\n\n    // RTL: give Arabic glyphs vertical headroom so they aren't clipped at the\n    // top. undefined in LTR — the font's natural line-height (English unchanged).\n    const rtlLineHeight = useRtlLineHeight(\n        resolvedSize as string,\n        typeof (cssProps as any)?.fontSize === 'number'\n            ? (cssProps as any).fontSize\n            : styleFontSize,\n    );\n\n    return (\n        <ResponsiveElement\n            as=\"Text\"\n            cssProps={{...cssProps}}\n            additionalStyles={{\n                padding: 0,\n                ...(fontFamily ? { fontFamily } : {}),\n                ...(rtlLineHeight != null ? { lineHeight: rtlLineHeight } : {}),\n            }}\n            nativeProps={{\n                ...rest,\n                as,\n                size: resolvedSize,\n                isTruncated,\n                bold,\n                underline,\n                strikeThrough,\n                sub,\n                italic,\n                highlight,\n                ...overflowProps\n            }}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default Text;\n"],"names":["useKitsTheme","useSeparator","StyleSheet","useRtlLineHeight","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,WAAA,GAAsD;AAAA,EACxD,KAAA,EAAO,IAAA;AAAA,EACP,KAAA,EAAO,IAAA;AAAA,EACP,IAAA,EAAM,IAAA;AAAA,EACN,CAAA,EAAG;AACP,CAAA;AA8BA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAA0B;AACpD,EAAA,MAAM,WAGF,EAAC;AAEL,EAAA,IAAI,KAAA,CAAM,eAAe,QAAA,EAAU;AAC/B,IAAA,QAAA,CAAS,aAAA,GAAgB,CAAA;AAAA,EAC7B;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,UAAA,EAAY;AACnC,IAAA,QAAA,CAAS,aAAA,GAAgB,MAAA;AAAA,EAC7B;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,MAAA,EAAQ;AAC/B,IAAA,QAAA,CAAS,aAAA,GAAgB,MAAA;AAAA,EAC7B;AAEA,EAAA,OAAO,QAAA;AACX,CAAA;AAEA,MAAM,IAAA,GAAiC,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIA,qCAAA,EAAa;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIC,qBAAkB,KAAK,CAAA;AACzD,EAAA,MAAM;AAAA,IACF,EAAA,GAAK,GAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,WAAA,CAAY,EAAE,CAAA,IAAK,IAAA;AAEhD,EAAA,MAAM,aAAA,GAAgB,qBAAqB,KAAK,CAAA;AAYhD,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,CAAM,KAAA,CAAM,SAAS,QAAA,GAAW,KAAA,CAAM,MAAM,IAAA,GAAO,MAAA;AA+B7E,EAAA,MAAM,iBAAiB,MAAM;AACzB,IAAA,MAAM,IAAA,GAAOC,sBAAA,CAAW,OAAA,CAAS,WAAA,EAAqB,KAAK,CAAA;AAG3D,IAAA,OAAO,OAAO,IAAA,EAAM,QAAA,KAAa,QAAA,GAAW,KAAK,QAAA,GAAW,MAAA;AAAA,EAChE,CAAA,GAAG;AAIH,EAAA,MAAM,aAAA,GAAgBC,wBAAA;AAAA,IAClB,YAAA;AAAA,IACA,OAAQ,QAAA,EAAkB,QAAA,KAAa,QAAA,GAChC,SAAiB,QAAA,GAClB;AAAA,GACV;AAEA,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAG,MAAA;AAAA,MACH,QAAA,EAAU,EAAC,GAAG,QAAA,EAAQ;AAAA,MACtB,gBAAA,EAAkB;AAAA,QACd,OAAA,EAAS,CAAA;AAAA,QACT,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,QACnC,GAAI,aAAA,IAAiB,IAAA,GAAO,EAAE,UAAA,EAAY,aAAA,KAAkB;AAAC,OACjE;AAAA,MACA,WAAA,EAAa;AAAA,QACT,GAAG,IAAA;AAAA,QACH,EAAA;AAAA,QACA,IAAA,EAAM,YAAA;AAAA,QACN,WAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,GAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAG;AAAA,OACP;AAAA,MAEC;AAAA;AAAA,GACL;AAER;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Text/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport { ResponsiveElement, useSeparator } from \"../../factory\";\nimport type {ITextComponent} from \"@lmb-it/kitsconcerto-types\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\n\nconst mapAsToSize: Record<string, ITextComponent[\"size\"]> = {\n    small: \"sm\",\n    label: \"sm\",\n    span: \"md\",\n    p: \"md\",\n};\n\n/**\n * ⛔ IT RETURNS ONLY THE KEYS IT ACTUALLY SETS, AND THAT IS THE WHOLE FIX.\n *\n * This built an object literal holding BOTH keys every time — `undefined` when\n * the prop that drives them was absent — and it is spread LAST into\n * `nativeProps`, after `...rest`. So a consumer writing\n * `<Text numberOfLines={1}>` had its value silently OVERWRITTEN WITH\n * `undefined` on every render. The prop was accepted by the types, passed\n * through `useSeparator`, and destroyed one line before it reached React\n * Native.\n *\n * ⛔ IT IS A SILENT FAILURE, WHICH IS WHY IT SURVIVED. Nothing warns, nothing\n * throws, and the call site reads correctly — so a header that says\n * `numberOfLines={1}` wraps to two lines and the only way to find out is to\n * look at a device. AlphaMatch's client job-detail header did exactly that: a\n * two-line title overlapping its own subtitle and the bar beneath it, on a\n * screen whose source caps the title at one line. Two sessions read that source\n * and concluded a wrap was impossible.\n *\n * ⚠️ `whiteSpace: \"nowrap\"` AND `textOverflow` STILL WIN, deliberately. They are\n * this library's own way of asking for the same thing, and a consumer using both\n * is asking twice; the library prop is the more specific statement and stays\n * last. What changes is that ABSENT no longer means `undefined` — it means the\n * key is not there at all, so the consumer's value survives.\n *\n * ⚠️ NATIVE ONLY. The web twin writes CSS `textOverflow`/`whiteSpace` straight\n * into `style` and has no `numberOfLines` to clobber, so it never had this.\n */\nconst mapTextOverflowProps = (props: ITextComponent) => {\n    const overflow: {\n        numberOfLines?: number;\n        ellipsizeMode?: \"head\" | \"middle\" | \"tail\" | \"clip\";\n    } = {};\n\n    if (props.whiteSpace === \"nowrap\") {\n        overflow.numberOfLines = 1;\n    }\n\n    if (props.textOverflow === \"ellipsis\") {\n        overflow.ellipsizeMode = \"tail\";\n    }\n\n    if (props.textOverflow === \"clip\") {\n        overflow.ellipsizeMode = \"clip\";\n    }\n\n    return overflow;\n};\n\nconst Text: React.FC<ITextComponent> = (props) => {\n    const { theme } = useKitsTheme();\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const {\n        as = \"p\",\n        size,\n        children,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        ...rest\n    } = nativeProps;\n\n    const resolvedSize = size || mapAsToSize[as] || \"md\";\n\n    const overflowProps = mapTextOverflowProps(props);\n\n    // App-wide font: read from theme.fonts.body so consumers overriding\n    // via `extendTheme({ fonts: { body: 'SpaceMono' } })` see the font on\n    // every Text without per-call wiring. RN does not propagate fontFamily\n    // through View parents, so this default is applied at the Text element\n    // itself. Per-instance `style.fontFamily` (passed through cssProps via\n    // useSeparator) takes precedence because ResponsiveElement merges in\n    // user style after additionalStyles.\n    // TODO: apply the same default to Heading (theme.fonts.heading), and\n    // to any RN <Text> rendered outside this primitive (e.g. inside\n    // Button labels, FormControlHelperText, custom widgets).\n    const fontFamily = typeof theme.fonts.body === 'string' ? theme.fonts.body : undefined;\n\n    /*\n     * ⛔ THE FONT SIZE IS READ FROM THE `style` PROP TOO, AND THAT IS THE FIX.\n     * Device-reported in Arabic, 19 September 2026: the confirm dialog's bold\n     * heading was CLIPPED ALONG ITS TOP EDGE while the body and button beneath\n     * it read perfectly.\n     *\n     * ⛔ THE OLD LINE ASKED ONLY `cssProps.fontSize` — the font size passed as a\n     * PROP. A consumer that sizes its text through `style={{fontSize: 22}}`,\n     * which is how every StyleSheet in this library does it, was invisible to\n     * it. The hook then fell back to the SIZE TOKEN, which with no `size` prop\n     * is `md` (~16px), and returned a line height of about 24.\n     *\n     * ⛔ SO IT DID NOT FAIL TO HELP — IT MADE THINGS WORSE, CONFIDENTLY. 24px of\n     * line box was written into `additionalStyles` for text actually rendering\n     * at 22px and 24px. `ConfirmDialog.sheetHeader` is fontSize 24, so its\n     * ratio came out at exactly 1.0 — TIGHTER than the natural line box the\n     * code was there to loosen.\n     *\n     * ⚠️ AND THAT IS PRECISELY WHY ONE DIALOG SHOWED BOTH BEHAVIOURS AT ONCE.\n     * `ResponsiveElement` appends the consumer's `style` AFTER these\n     * `additionalStyles`, so a style that names its own `lineHeight` wins and a\n     * style that does not inherits the wrong number. In that file both MESSAGE\n     * styles set a lineHeight and neither HEADER style does — messages legible,\n     * headings clipped, one component, one render.\n     *\n     * ⚠️ IT IS STILL `undefined` IN LTR, so no English layout moves. A flatten\n     * is needed because `style` may be an array, a StyleSheet id, or a plain\n     * object, and only `StyleSheet.flatten` reads all three.\n     */\n    const styleFontSize = (() => {\n        const flat = StyleSheet.flatten((nativeProps as any)?.style) as\n            | {fontSize?: unknown}\n            | undefined;\n        return typeof flat?.fontSize === 'number' ? flat.fontSize : undefined;\n    })();\n\n    // RTL: give Arabic glyphs vertical headroom so they aren't clipped at the\n    // top. undefined in LTR — the font's natural line-height (English unchanged).\n    const rtlLineHeight = useRtlLineHeight(\n        resolvedSize as string,\n        typeof (cssProps as any)?.fontSize === 'number'\n            ? (cssProps as any).fontSize\n            : styleFontSize,\n    );\n\n    return (\n        <ResponsiveElement\n            as=\"Text\"\n            cssProps={{...cssProps}}\n            additionalStyles={{\n                padding: 0,\n                ...(fontFamily ? { fontFamily } : {}),\n                ...(rtlLineHeight != null ? { lineHeight: rtlLineHeight } : {}),\n            }}\n            nativeProps={{\n                ...rest,\n                as,\n                size: resolvedSize,\n                isTruncated,\n                bold,\n                underline,\n                strikeThrough,\n                sub,\n                italic,\n                highlight,\n                ...overflowProps\n            }}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default Text;\n"],"names":["useKitsTheme","useSeparator","StyleSheet","useRtlLineHeight","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,WAAA,GAAsD;AAAA,EACxD,KAAA,EAAO,IAAA;AAAA,EACP,KAAA,EAAO,IAAA;AAAA,EACP,IAAA,EAAM,IAAA;AAAA,EACN,CAAA,EAAG;AACP,CAAA;AA8BA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAA0B;AACpD,EAAA,MAAM,WAGF,EAAC;AAEL,EAAA,IAAI,KAAA,CAAM,eAAe,QAAA,EAAU;AAC/B,IAAA,QAAA,CAAS,aAAA,GAAgB,CAAA;AAAA,EAC7B;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,UAAA,EAAY;AACnC,IAAA,QAAA,CAAS,aAAA,GAAgB,MAAA;AAAA,EAC7B;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,MAAA,EAAQ;AAC/B,IAAA,QAAA,CAAS,aAAA,GAAgB,MAAA;AAAA,EAC7B;AAEA,EAAA,OAAO,QAAA;AACX,CAAA;AAEA,MAAM,IAAA,GAAiC,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIA,qCAAA,EAAa;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIC,qBAAkB,KAAK,CAAA;AACzD,EAAA,MAAM;AAAA,IACF,EAAA,GAAK,GAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,WAAA,CAAY,EAAE,CAAA,IAAK,IAAA;AAEhD,EAAA,MAAM,aAAA,GAAgB,qBAAqB,KAAK,CAAA;AAYhD,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,CAAM,KAAA,CAAM,SAAS,QAAA,GAAW,KAAA,CAAM,MAAM,IAAA,GAAO,MAAA;AA+B7E,EAAA,MAAM,iBAAiB,MAAM;AACzB,IAAA,MAAM,IAAA,GAAOC,sBAAA,CAAW,OAAA,CAAS,WAAA,EAAqB,KAAK,CAAA;AAG3D,IAAA,OAAO,OAAO,IAAA,EAAM,QAAA,KAAa,QAAA,GAAW,KAAK,QAAA,GAAW,MAAA;AAAA,EAChE,CAAA,GAAG;AAIH,EAAA,MAAM,aAAA,GAAgBC,wBAAA;AAAA,IAClB,YAAA;AAAA,IACA,OAAQ,QAAA,EAAkB,QAAA,KAAa,QAAA,GAChC,SAAiB,QAAA,GAClB;AAAA,GACV;AAEA,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAG,MAAA;AAAA,MACH,QAAA,EAAU,EAAC,GAAG,QAAA,EAAQ;AAAA,MACtB,gBAAA,EAAkB;AAAA,QACd,OAAA,EAAS,CAAA;AAAA,QACT,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,QACnC,GAAI,aAAA,IAAiB,IAAA,GAAO,EAAE,UAAA,EAAY,aAAA,KAAkB;AAAC,OACjE;AAAA,MACA,WAAA,EAAa;AAAA,QACT,GAAG,IAAA;AAAA,QACH,EAAA;AAAA,QACA,IAAA,EAAM,YAAA;AAAA,QACN,WAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,GAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAG;AAAA,OACP;AAAA,MAEC;AAAA;AAAA,GACL;AAER;;;;"}

package/primitives/Text/index.js

@@ -57,6 +57,7 @@ import 'yup';
 import '../../packages/types/src/Css/map/index.js';
 import '../../packages/types/src/Theme/shadows.js';
 import '../../packages/types/src/Theme/defaultTheme.js';
+import '../../packages/types/src/Theme/resolvers.js';
 import '../../packages/types/src/Theme/alphaColors.js';
 import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';

package/primitives/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/primitives/Text/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport { ResponsiveElement, useSeparator } from \"../../factory\";\nimport type {ITextComponent} from \"@lmb-it/kitsconcerto-types\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\n\nconst mapAsToSize: Record<string, ITextComponent[\"size\"]> = {\n    small: \"sm\",\n    label: \"sm\",\n    span: \"md\",\n    p: \"md\",\n};\n\n/**\n * ⛔ IT RETURNS ONLY THE KEYS IT ACTUALLY SETS, AND THAT IS THE WHOLE FIX.\n *\n * This built an object literal holding BOTH keys every time — `undefined` when\n * the prop that drives them was absent — and it is spread LAST into\n * `nativeProps`, after `...rest`. So a consumer writing\n * `<Text numberOfLines={1}>` had its value silently OVERWRITTEN WITH\n * `undefined` on every render. The prop was accepted by the types, passed\n * through `useSeparator`, and destroyed one line before it reached React\n * Native.\n *\n * ⛔ IT IS A SILENT FAILURE, WHICH IS WHY IT SURVIVED. Nothing warns, nothing\n * throws, and the call site reads correctly — so a header that says\n * `numberOfLines={1}` wraps to two lines and the only way to find out is to\n * look at a device. AlphaMatch's client job-detail header did exactly that: a\n * two-line title overlapping its own subtitle and the bar beneath it, on a\n * screen whose source caps the title at one line. Two sessions read that source\n * and concluded a wrap was impossible.\n *\n * ⚠️ `whiteSpace: \"nowrap\"` AND `textOverflow` STILL WIN, deliberately. They are\n * this library's own way of asking for the same thing, and a consumer using both\n * is asking twice; the library prop is the more specific statement and stays\n * last. What changes is that ABSENT no longer means `undefined` — it means the\n * key is not there at all, so the consumer's value survives.\n *\n * ⚠️ NATIVE ONLY. The web twin writes CSS `textOverflow`/`whiteSpace` straight\n * into `style` and has no `numberOfLines` to clobber, so it never had this.\n */\nconst mapTextOverflowProps = (props: ITextComponent) => {\n    const overflow: {\n        numberOfLines?: number;\n        ellipsizeMode?: \"head\" | \"middle\" | \"tail\" | \"clip\";\n    } = {};\n\n    if (props.whiteSpace === \"nowrap\") {\n        overflow.numberOfLines = 1;\n    }\n\n    if (props.textOverflow === \"ellipsis\") {\n        overflow.ellipsizeMode = \"tail\";\n    }\n\n    if (props.textOverflow === \"clip\") {\n        overflow.ellipsizeMode = \"clip\";\n    }\n\n    return overflow;\n};\n\nconst Text: React.FC<ITextComponent> = (props) => {\n    const { theme } = useKitsTheme();\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const {\n        as = \"p\",\n        size,\n        children,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        ...rest\n    } = nativeProps;\n\n    const resolvedSize = size || mapAsToSize[as] || \"md\";\n\n    const overflowProps = mapTextOverflowProps(props);\n\n    // App-wide font: read from theme.fonts.body so consumers overriding\n    // via `extendTheme({ fonts: { body: 'SpaceMono' } })` see the font on\n    // every Text without per-call wiring. RN does not propagate fontFamily\n    // through View parents, so this default is applied at the Text element\n    // itself. Per-instance `style.fontFamily` (passed through cssProps via\n    // useSeparator) takes precedence because ResponsiveElement merges in\n    // user style after additionalStyles.\n    // TODO: apply the same default to Heading (theme.fonts.heading), and\n    // to any RN <Text> rendered outside this primitive (e.g. inside\n    // Button labels, FormControlHelperText, custom widgets).\n    const fontFamily = typeof theme.fonts.body === 'string' ? theme.fonts.body : undefined;\n\n    /*\n     * ⛔ THE FONT SIZE IS READ FROM THE `style` PROP TOO, AND THAT IS THE FIX.\n     * Device-reported in Arabic, 19 September 2026: the confirm dialog's bold\n     * heading was CLIPPED ALONG ITS TOP EDGE while the body and button beneath\n     * it read perfectly.\n     *\n     * ⛔ THE OLD LINE ASKED ONLY `cssProps.fontSize` — the font size passed as a\n     * PROP. A consumer that sizes its text through `style={{fontSize: 22}}`,\n     * which is how every StyleSheet in this library does it, was invisible to\n     * it. The hook then fell back to the SIZE TOKEN, which with no `size` prop\n     * is `md` (~16px), and returned a line height of about 24.\n     *\n     * ⛔ SO IT DID NOT FAIL TO HELP — IT MADE THINGS WORSE, CONFIDENTLY. 24px of\n     * line box was written into `additionalStyles` for text actually rendering\n     * at 22px and 24px. `ConfirmDialog.sheetHeader` is fontSize 24, so its\n     * ratio came out at exactly 1.0 — TIGHTER than the natural line box the\n     * code was there to loosen.\n     *\n     * ⚠️ AND THAT IS PRECISELY WHY ONE DIALOG SHOWED BOTH BEHAVIOURS AT ONCE.\n     * `ResponsiveElement` appends the consumer's `style` AFTER these\n     * `additionalStyles`, so a style that names its own `lineHeight` wins and a\n     * style that does not inherits the wrong number. In that file both MESSAGE\n     * styles set a lineHeight and neither HEADER style does — messages legible,\n     * headings clipped, one component, one render.\n     *\n     * ⚠️ IT IS STILL `undefined` IN LTR, so no English layout moves. A flatten\n     * is needed because `style` may be an array, a StyleSheet id, or a plain\n     * object, and only `StyleSheet.flatten` reads all three.\n     */\n    const styleFontSize = (() => {\n        const flat = StyleSheet.flatten((nativeProps as any)?.style) as\n            | {fontSize?: unknown}\n            | undefined;\n        return typeof flat?.fontSize === 'number' ? flat.fontSize : undefined;\n    })();\n\n    // RTL: give Arabic glyphs vertical headroom so they aren't clipped at the\n    // top. undefined in LTR — the font's natural line-height (English unchanged).\n    const rtlLineHeight = useRtlLineHeight(\n        resolvedSize as string,\n        typeof (cssProps as any)?.fontSize === 'number'\n            ? (cssProps as any).fontSize\n            : styleFontSize,\n    );\n\n    return (\n        <ResponsiveElement\n            as=\"Text\"\n            cssProps={{...cssProps}}\n            additionalStyles={{\n                padding: 0,\n                ...(fontFamily ? { fontFamily } : {}),\n                ...(rtlLineHeight != null ? { lineHeight: rtlLineHeight } : {}),\n            }}\n            nativeProps={{\n                ...rest,\n                as,\n                size: resolvedSize,\n                isTruncated,\n                bold,\n                underline,\n                strikeThrough,\n                sub,\n                italic,\n                highlight,\n                ...overflowProps\n            }}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default Text;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,WAAA,GAAsD;AAAA,EACxD,KAAA,EAAO,IAAA;AAAA,EACP,KAAA,EAAO,IAAA;AAAA,EACP,IAAA,EAAM,IAAA;AAAA,EACN,CAAA,EAAG;AACP,CAAA;AA8BA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAA0B;AACpD,EAAA,MAAM,WAGF,EAAC;AAEL,EAAA,IAAI,KAAA,CAAM,eAAe,QAAA,EAAU;AAC/B,IAAA,QAAA,CAAS,aAAA,GAAgB,CAAA;AAAA,EAC7B;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,UAAA,EAAY;AACnC,IAAA,QAAA,CAAS,aAAA,GAAgB,MAAA;AAAA,EAC7B;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,MAAA,EAAQ;AAC/B,IAAA,QAAA,CAAS,aAAA,GAAgB,MAAA;AAAA,EAC7B;AAEA,EAAA,OAAO,QAAA;AACX,CAAA;AAEA,MAAM,IAAA,GAAiC,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,YAAA,EAAa;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAAkB,KAAK,CAAA;AACzD,EAAA,MAAM;AAAA,IACF,EAAA,GAAK,GAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,WAAA,CAAY,EAAE,CAAA,IAAK,IAAA;AAEhD,EAAA,MAAM,aAAA,GAAgB,qBAAqB,KAAK,CAAA;AAYhD,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,CAAM,KAAA,CAAM,SAAS,QAAA,GAAW,KAAA,CAAM,MAAM,IAAA,GAAO,MAAA;AA+B7E,EAAA,MAAM,iBAAiB,MAAM;AACzB,IAAA,MAAM,IAAA,GAAO,UAAA,CAAW,OAAA,CAAS,WAAA,EAAqB,KAAK,CAAA;AAG3D,IAAA,OAAO,OAAO,IAAA,EAAM,QAAA,KAAa,QAAA,GAAW,KAAK,QAAA,GAAW,MAAA;AAAA,EAChE,CAAA,GAAG;AAIH,EAAA,MAAM,aAAA,GAAgB,gBAAA;AAAA,IAClB,YAAA;AAAA,IACA,OAAQ,QAAA,EAAkB,QAAA,KAAa,QAAA,GAChC,SAAiB,QAAA,GAClB;AAAA,GACV;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAG,MAAA;AAAA,MACH,QAAA,EAAU,EAAC,GAAG,QAAA,EAAQ;AAAA,MACtB,gBAAA,EAAkB;AAAA,QACd,OAAA,EAAS,CAAA;AAAA,QACT,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,QACnC,GAAI,aAAA,IAAiB,IAAA,GAAO,EAAE,UAAA,EAAY,aAAA,KAAkB;AAAC,OACjE;AAAA,MACA,WAAA,EAAa;AAAA,QACT,GAAG,IAAA;AAAA,QACH,EAAA;AAAA,QACA,IAAA,EAAM,YAAA;AAAA,QACN,WAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,GAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAG;AAAA,OACP;AAAA,MAEC;AAAA;AAAA,GACL;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/primitives/Text/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport { ResponsiveElement, useSeparator } from \"../../factory\";\nimport type {ITextComponent} from \"@lmb-it/kitsconcerto-types\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\n\nconst mapAsToSize: Record<string, ITextComponent[\"size\"]> = {\n    small: \"sm\",\n    label: \"sm\",\n    span: \"md\",\n    p: \"md\",\n};\n\n/**\n * ⛔ IT RETURNS ONLY THE KEYS IT ACTUALLY SETS, AND THAT IS THE WHOLE FIX.\n *\n * This built an object literal holding BOTH keys every time — `undefined` when\n * the prop that drives them was absent — and it is spread LAST into\n * `nativeProps`, after `...rest`. So a consumer writing\n * `<Text numberOfLines={1}>` had its value silently OVERWRITTEN WITH\n * `undefined` on every render. The prop was accepted by the types, passed\n * through `useSeparator`, and destroyed one line before it reached React\n * Native.\n *\n * ⛔ IT IS A SILENT FAILURE, WHICH IS WHY IT SURVIVED. Nothing warns, nothing\n * throws, and the call site reads correctly — so a header that says\n * `numberOfLines={1}` wraps to two lines and the only way to find out is to\n * look at a device. AlphaMatch's client job-detail header did exactly that: a\n * two-line title overlapping its own subtitle and the bar beneath it, on a\n * screen whose source caps the title at one line. Two sessions read that source\n * and concluded a wrap was impossible.\n *\n * ⚠️ `whiteSpace: \"nowrap\"` AND `textOverflow` STILL WIN, deliberately. They are\n * this library's own way of asking for the same thing, and a consumer using both\n * is asking twice; the library prop is the more specific statement and stays\n * last. What changes is that ABSENT no longer means `undefined` — it means the\n * key is not there at all, so the consumer's value survives.\n *\n * ⚠️ NATIVE ONLY. The web twin writes CSS `textOverflow`/`whiteSpace` straight\n * into `style` and has no `numberOfLines` to clobber, so it never had this.\n */\nconst mapTextOverflowProps = (props: ITextComponent) => {\n    const overflow: {\n        numberOfLines?: number;\n        ellipsizeMode?: \"head\" | \"middle\" | \"tail\" | \"clip\";\n    } = {};\n\n    if (props.whiteSpace === \"nowrap\") {\n        overflow.numberOfLines = 1;\n    }\n\n    if (props.textOverflow === \"ellipsis\") {\n        overflow.ellipsizeMode = \"tail\";\n    }\n\n    if (props.textOverflow === \"clip\") {\n        overflow.ellipsizeMode = \"clip\";\n    }\n\n    return overflow;\n};\n\nconst Text: React.FC<ITextComponent> = (props) => {\n    const { theme } = useKitsTheme();\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const {\n        as = \"p\",\n        size,\n        children,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        ...rest\n    } = nativeProps;\n\n    const resolvedSize = size || mapAsToSize[as] || \"md\";\n\n    const overflowProps = mapTextOverflowProps(props);\n\n    // App-wide font: read from theme.fonts.body so consumers overriding\n    // via `extendTheme({ fonts: { body: 'SpaceMono' } })` see the font on\n    // every Text without per-call wiring. RN does not propagate fontFamily\n    // through View parents, so this default is applied at the Text element\n    // itself. Per-instance `style.fontFamily` (passed through cssProps via\n    // useSeparator) takes precedence because ResponsiveElement merges in\n    // user style after additionalStyles.\n    // TODO: apply the same default to Heading (theme.fonts.heading), and\n    // to any RN <Text> rendered outside this primitive (e.g. inside\n    // Button labels, FormControlHelperText, custom widgets).\n    const fontFamily = typeof theme.fonts.body === 'string' ? theme.fonts.body : undefined;\n\n    /*\n     * ⛔ THE FONT SIZE IS READ FROM THE `style` PROP TOO, AND THAT IS THE FIX.\n     * Device-reported in Arabic, 19 September 2026: the confirm dialog's bold\n     * heading was CLIPPED ALONG ITS TOP EDGE while the body and button beneath\n     * it read perfectly.\n     *\n     * ⛔ THE OLD LINE ASKED ONLY `cssProps.fontSize` — the font size passed as a\n     * PROP. A consumer that sizes its text through `style={{fontSize: 22}}`,\n     * which is how every StyleSheet in this library does it, was invisible to\n     * it. The hook then fell back to the SIZE TOKEN, which with no `size` prop\n     * is `md` (~16px), and returned a line height of about 24.\n     *\n     * ⛔ SO IT DID NOT FAIL TO HELP — IT MADE THINGS WORSE, CONFIDENTLY. 24px of\n     * line box was written into `additionalStyles` for text actually rendering\n     * at 22px and 24px. `ConfirmDialog.sheetHeader` is fontSize 24, so its\n     * ratio came out at exactly 1.0 — TIGHTER than the natural line box the\n     * code was there to loosen.\n     *\n     * ⚠️ AND THAT IS PRECISELY WHY ONE DIALOG SHOWED BOTH BEHAVIOURS AT ONCE.\n     * `ResponsiveElement` appends the consumer's `style` AFTER these\n     * `additionalStyles`, so a style that names its own `lineHeight` wins and a\n     * style that does not inherits the wrong number. In that file both MESSAGE\n     * styles set a lineHeight and neither HEADER style does — messages legible,\n     * headings clipped, one component, one render.\n     *\n     * ⚠️ IT IS STILL `undefined` IN LTR, so no English layout moves. A flatten\n     * is needed because `style` may be an array, a StyleSheet id, or a plain\n     * object, and only `StyleSheet.flatten` reads all three.\n     */\n    const styleFontSize = (() => {\n        const flat = StyleSheet.flatten((nativeProps as any)?.style) as\n            | {fontSize?: unknown}\n            | undefined;\n        return typeof flat?.fontSize === 'number' ? flat.fontSize : undefined;\n    })();\n\n    // RTL: give Arabic glyphs vertical headroom so they aren't clipped at the\n    // top. undefined in LTR — the font's natural line-height (English unchanged).\n    const rtlLineHeight = useRtlLineHeight(\n        resolvedSize as string,\n        typeof (cssProps as any)?.fontSize === 'number'\n            ? (cssProps as any).fontSize\n            : styleFontSize,\n    );\n\n    return (\n        <ResponsiveElement\n            as=\"Text\"\n            cssProps={{...cssProps}}\n            additionalStyles={{\n                padding: 0,\n                ...(fontFamily ? { fontFamily } : {}),\n                ...(rtlLineHeight != null ? { lineHeight: rtlLineHeight } : {}),\n            }}\n            nativeProps={{\n                ...rest,\n                as,\n                size: resolvedSize,\n                isTruncated,\n                bold,\n                underline,\n                strikeThrough,\n                sub,\n                italic,\n                highlight,\n                ...overflowProps\n            }}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default Text;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,WAAA,GAAsD;AAAA,EACxD,KAAA,EAAO,IAAA;AAAA,EACP,KAAA,EAAO,IAAA;AAAA,EACP,IAAA,EAAM,IAAA;AAAA,EACN,CAAA,EAAG;AACP,CAAA;AA8BA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAA0B;AACpD,EAAA,MAAM,WAGF,EAAC;AAEL,EAAA,IAAI,KAAA,CAAM,eAAe,QAAA,EAAU;AAC/B,IAAA,QAAA,CAAS,aAAA,GAAgB,CAAA;AAAA,EAC7B;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,UAAA,EAAY;AACnC,IAAA,QAAA,CAAS,aAAA,GAAgB,MAAA;AAAA,EAC7B;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,MAAA,EAAQ;AAC/B,IAAA,QAAA,CAAS,aAAA,GAAgB,MAAA;AAAA,EAC7B;AAEA,EAAA,OAAO,QAAA;AACX,CAAA;AAEA,MAAM,IAAA,GAAiC,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,YAAA,EAAa;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAAkB,KAAK,CAAA;AACzD,EAAA,MAAM;AAAA,IACF,EAAA,GAAK,GAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,WAAA,CAAY,EAAE,CAAA,IAAK,IAAA;AAEhD,EAAA,MAAM,aAAA,GAAgB,qBAAqB,KAAK,CAAA;AAYhD,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,CAAM,KAAA,CAAM,SAAS,QAAA,GAAW,KAAA,CAAM,MAAM,IAAA,GAAO,MAAA;AA+B7E,EAAA,MAAM,iBAAiB,MAAM;AACzB,IAAA,MAAM,IAAA,GAAO,UAAA,CAAW,OAAA,CAAS,WAAA,EAAqB,KAAK,CAAA;AAG3D,IAAA,OAAO,OAAO,IAAA,EAAM,QAAA,KAAa,QAAA,GAAW,KAAK,QAAA,GAAW,MAAA;AAAA,EAChE,CAAA,GAAG;AAIH,EAAA,MAAM,aAAA,GAAgB,gBAAA;AAAA,IAClB,YAAA;AAAA,IACA,OAAQ,QAAA,EAAkB,QAAA,KAAa,QAAA,GAChC,SAAiB,QAAA,GAClB;AAAA,GACV;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAG,MAAA;AAAA,MACH,QAAA,EAAU,EAAC,GAAG,QAAA,EAAQ;AAAA,MACtB,gBAAA,EAAkB;AAAA,QACd,OAAA,EAAS,CAAA;AAAA,QACT,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,QACnC,GAAI,aAAA,IAAiB,IAAA,GAAO,EAAE,UAAA,EAAY,aAAA,KAAkB;AAAC,OACjE;AAAA,MACA,WAAA,EAAa;AAAA,QACT,GAAG,IAAA;AAAA,QACH,EAAA;AAAA,QACA,IAAA,EAAM,YAAA;AAAA,QACN,WAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,GAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAG;AAAA,OACP;AAAA,MAEC;AAAA;AAAA,GACL;AAER;;;;"}