@lmb-it/kitsconcerto-native 0.1.243 → 0.1.244

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 {useKitsTheme} from '../../contexts/Theme';\nimport useThemedFont from '../../hooks/useThemedFont';\n\nconst Divider: React.FC<IDividerComponent> = (props) => {\n    const {nativeProps} = useSeparator<any>(props);\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')}, 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 {useKitsTheme} from '../../contexts/Theme';\nimport useThemedFont from '../../hooks/useThemedFont';\n\nconst Divider: React.FC<IDividerComponent> = (props) => {\n    const {nativeProps} = useSeparator<any>(props);\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')}, 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,8 @@ 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/alphaColors.cjs');
+require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');
 require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
 require('i18next');

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,8 @@ 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/alphaColors.js';
+import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';
 import '../../apps/mobile/src/Factory/DimensionsContext.js';
 import 'i18next';

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/Icon/index.cjs

@@ -56,6 +56,7 @@ require('../../apps/mobile/src/ui/vstack/index.cjs');
 var ResponsiveElement = require('../../apps/mobile/src/Factory/ResponsiveElement.cjs');
 var style = require('../../apps/mobile/src/Factory/helpers/style.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');
+require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
 require('i18next');
 require('react-i18next');

package/primitives/Icon/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Icon/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport { IconMap } from '../../assets/Icons';\nimport { useSeparator, ResponsiveElement, resolveThemeTokenForNative } from '@lmb-it/kitsconcertomobile';\nimport type { IIconProps } from '@lmb-it/kitsconcerto-types';\n\nconst SIZE_MAP: Record<string, number> = {\n    '2xs': 12,\n    'xs': 14,\n    'sm': 16,\n    'md': 18,\n    'lg': 20,\n    'xl': 24,\n};\n\nexport function Icon({ name, size = 'md', color, strokeWidth, ...rest }: IIconProps) {\n    const resolvedName = typeof name === 'string' && name.startsWith('pi pi-') ? name.slice(6) : name;\n    const IconComponent = typeof resolvedName === 'string' ? IconMap[resolvedName] : resolvedName;\n    const { cssProps, nativeProps } = useSeparator<any>(rest);\n\n    if (!IconComponent) return null;\n\n    const numericSize = typeof size === 'number' ? size : (SIZE_MAP[size] ?? 18);\n    const resolvedColor = color ? resolveThemeTokenForNative(color) : undefined;\n\n    return (\n        <ResponsiveElement as=\"Box\" cssProps={cssProps} nativeProps={nativeProps}>\n            <IconComponent size={numericSize} color={resolvedColor} strokeWidth={strokeWidth} />\n        </ResponsiveElement>\n    );\n}\n\nexport default Icon;\n"],"names":["IconMap","useSeparator","resolveThemeTokenForNative","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,QAAA,GAAmC;AAAA,EACrC,KAAA,EAAO,EAAA;AAAA,EACP,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM;AACV,CAAA;AAEO,SAAS,IAAA,CAAK,EAAE,IAAA,EAAM,IAAA,GAAO,MAAM,KAAA,EAAO,WAAA,EAAa,GAAG,IAAA,EAAK,EAAe;AACjF,EAAA,MAAM,YAAA,GAAe,OAAO,IAAA,KAAS,QAAA,IAAY,IAAA,CAAK,UAAA,CAAW,QAAQ,CAAA,GAAI,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,GAAI,IAAA;AAC7F,EAAA,MAAM,gBAAgB,OAAO,YAAA,KAAiB,QAAA,GAAWA,oBAAA,CAAQ,YAAY,CAAA,GAAI,YAAA;AACjF,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIC,qBAAkB,IAAI,CAAA;AAExD,EAAA,IAAI,CAAC,eAAe,OAAO,IAAA;AAE3B,EAAA,MAAM,cAAc,OAAO,IAAA,KAAS,WAAW,IAAA,GAAQ,QAAA,CAAS,IAAI,CAAA,IAAK,EAAA;AACzE,EAAA,MAAM,aAAA,GAAgB,KAAA,GAAQC,gCAAA,CAA2B,KAAK,CAAA,GAAI,MAAA;AAElE,EAAA,uBACIC,cAAA,CAACC,yBAAA,EAAA,EAAkB,EAAA,EAAG,KAAA,EAAM,QAAA,EAAoB,WAAA,EAC5C,QAAA,kBAAAD,cAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,WAAA,EAAa,KAAA,EAAO,aAAA,EAAe,aAA0B,CAAA,EACtF,CAAA;AAER;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Icon/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport { IconMap } from '../../assets/Icons';\nimport { useSeparator, ResponsiveElement, resolveThemeTokenForNative } from '@lmb-it/kitsconcertomobile';\nimport type { IIconProps } from '@lmb-it/kitsconcerto-types';\n\nconst SIZE_MAP: Record<string, number> = {\n    '2xs': 12,\n    'xs': 14,\n    'sm': 16,\n    'md': 18,\n    'lg': 20,\n    'xl': 24,\n};\n\nexport function Icon({ name, size = 'md', color, strokeWidth, ...rest }: IIconProps) {\n    const resolvedName = typeof name === 'string' && name.startsWith('pi pi-') ? name.slice(6) : name;\n    const IconComponent = typeof resolvedName === 'string' ? IconMap[resolvedName] : resolvedName;\n    const { cssProps, nativeProps } = useSeparator<any>(rest);\n\n    if (!IconComponent) return null;\n\n    const numericSize = typeof size === 'number' ? size : (SIZE_MAP[size] ?? 18);\n    const resolvedColor = color ? resolveThemeTokenForNative(color) : undefined;\n\n    return (\n        <ResponsiveElement as=\"Box\" cssProps={cssProps} nativeProps={nativeProps}>\n            <IconComponent size={numericSize} color={resolvedColor} strokeWidth={strokeWidth} />\n        </ResponsiveElement>\n    );\n}\n\nexport default Icon;\n"],"names":["IconMap","useSeparator","resolveThemeTokenForNative","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,QAAA,GAAmC;AAAA,EACrC,KAAA,EAAO,EAAA;AAAA,EACP,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM;AACV,CAAA;AAEO,SAAS,IAAA,CAAK,EAAE,IAAA,EAAM,IAAA,GAAO,MAAM,KAAA,EAAO,WAAA,EAAa,GAAG,IAAA,EAAK,EAAe;AACjF,EAAA,MAAM,YAAA,GAAe,OAAO,IAAA,KAAS,QAAA,IAAY,IAAA,CAAK,UAAA,CAAW,QAAQ,CAAA,GAAI,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,GAAI,IAAA;AAC7F,EAAA,MAAM,gBAAgB,OAAO,YAAA,KAAiB,QAAA,GAAWA,oBAAA,CAAQ,YAAY,CAAA,GAAI,YAAA;AACjF,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIC,qBAAkB,IAAI,CAAA;AAExD,EAAA,IAAI,CAAC,eAAe,OAAO,IAAA;AAE3B,EAAA,MAAM,cAAc,OAAO,IAAA,KAAS,WAAW,IAAA,GAAQ,QAAA,CAAS,IAAI,CAAA,IAAK,EAAA;AACzE,EAAA,MAAM,aAAA,GAAgB,KAAA,GAAQC,gCAAA,CAA2B,KAAK,CAAA,GAAI,MAAA;AAElE,EAAA,uBACIC,cAAA,CAACC,yBAAA,EAAA,EAAkB,EAAA,EAAG,KAAA,EAAM,QAAA,EAAoB,WAAA,EAC5C,QAAA,kBAAAD,cAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,WAAA,EAAa,KAAA,EAAO,aAAA,EAAe,aAA0B,CAAA,EACtF,CAAA;AAER;;;;;"}

package/primitives/Icon/index.js

@@ -52,6 +52,7 @@ import '../../apps/mobile/src/ui/vstack/index.js';
 import ResponsiveElement from '../../apps/mobile/src/Factory/ResponsiveElement.js';
 import { resolveThemeTokenForNative } from '../../apps/mobile/src/Factory/helpers/style.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';
+import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import '../../apps/mobile/src/Factory/DimensionsContext.js';
 import 'i18next';
 import 'react-i18next';

package/primitives/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/primitives/Icon/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport { IconMap } from '../../assets/Icons';\nimport { useSeparator, ResponsiveElement, resolveThemeTokenForNative } from '@lmb-it/kitsconcertomobile';\nimport type { IIconProps } from '@lmb-it/kitsconcerto-types';\n\nconst SIZE_MAP: Record<string, number> = {\n    '2xs': 12,\n    'xs': 14,\n    'sm': 16,\n    'md': 18,\n    'lg': 20,\n    'xl': 24,\n};\n\nexport function Icon({ name, size = 'md', color, strokeWidth, ...rest }: IIconProps) {\n    const resolvedName = typeof name === 'string' && name.startsWith('pi pi-') ? name.slice(6) : name;\n    const IconComponent = typeof resolvedName === 'string' ? IconMap[resolvedName] : resolvedName;\n    const { cssProps, nativeProps } = useSeparator<any>(rest);\n\n    if (!IconComponent) return null;\n\n    const numericSize = typeof size === 'number' ? size : (SIZE_MAP[size] ?? 18);\n    const resolvedColor = color ? resolveThemeTokenForNative(color) : undefined;\n\n    return (\n        <ResponsiveElement as=\"Box\" cssProps={cssProps} nativeProps={nativeProps}>\n            <IconComponent size={numericSize} color={resolvedColor} strokeWidth={strokeWidth} />\n        </ResponsiveElement>\n    );\n}\n\nexport default Icon;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,QAAA,GAAmC;AAAA,EACrC,KAAA,EAAO,EAAA;AAAA,EACP,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM;AACV,CAAA;AAEO,SAAS,IAAA,CAAK,EAAE,IAAA,EAAM,IAAA,GAAO,MAAM,KAAA,EAAO,WAAA,EAAa,GAAG,IAAA,EAAK,EAAe;AACjF,EAAA,MAAM,YAAA,GAAe,OAAO,IAAA,KAAS,QAAA,IAAY,IAAA,CAAK,UAAA,CAAW,QAAQ,CAAA,GAAI,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,GAAI,IAAA;AAC7F,EAAA,MAAM,gBAAgB,OAAO,YAAA,KAAiB,QAAA,GAAW,OAAA,CAAQ,YAAY,CAAA,GAAI,YAAA;AACjF,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAAkB,IAAI,CAAA;AAExD,EAAA,IAAI,CAAC,eAAe,OAAO,IAAA;AAE3B,EAAA,MAAM,cAAc,OAAO,IAAA,KAAS,WAAW,IAAA,GAAQ,QAAA,CAAS,IAAI,CAAA,IAAK,EAAA;AACzE,EAAA,MAAM,aAAA,GAAgB,KAAA,GAAQ,0BAAA,CAA2B,KAAK,CAAA,GAAI,MAAA;AAElE,EAAA,uBACI,GAAA,CAAC,iBAAA,EAAA,EAAkB,EAAA,EAAG,KAAA,EAAM,QAAA,EAAoB,WAAA,EAC5C,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,WAAA,EAAa,KAAA,EAAO,aAAA,EAAe,aAA0B,CAAA,EACtF,CAAA;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/primitives/Icon/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport { IconMap } from '../../assets/Icons';\nimport { useSeparator, ResponsiveElement, resolveThemeTokenForNative } from '@lmb-it/kitsconcertomobile';\nimport type { IIconProps } from '@lmb-it/kitsconcerto-types';\n\nconst SIZE_MAP: Record<string, number> = {\n    '2xs': 12,\n    'xs': 14,\n    'sm': 16,\n    'md': 18,\n    'lg': 20,\n    'xl': 24,\n};\n\nexport function Icon({ name, size = 'md', color, strokeWidth, ...rest }: IIconProps) {\n    const resolvedName = typeof name === 'string' && name.startsWith('pi pi-') ? name.slice(6) : name;\n    const IconComponent = typeof resolvedName === 'string' ? IconMap[resolvedName] : resolvedName;\n    const { cssProps, nativeProps } = useSeparator<any>(rest);\n\n    if (!IconComponent) return null;\n\n    const numericSize = typeof size === 'number' ? size : (SIZE_MAP[size] ?? 18);\n    const resolvedColor = color ? resolveThemeTokenForNative(color) : undefined;\n\n    return (\n        <ResponsiveElement as=\"Box\" cssProps={cssProps} nativeProps={nativeProps}>\n            <IconComponent size={numericSize} color={resolvedColor} strokeWidth={strokeWidth} />\n        </ResponsiveElement>\n    );\n}\n\nexport default Icon;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,QAAA,GAAmC;AAAA,EACrC,KAAA,EAAO,EAAA;AAAA,EACP,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM;AACV,CAAA;AAEO,SAAS,IAAA,CAAK,EAAE,IAAA,EAAM,IAAA,GAAO,MAAM,KAAA,EAAO,WAAA,EAAa,GAAG,IAAA,EAAK,EAAe;AACjF,EAAA,MAAM,YAAA,GAAe,OAAO,IAAA,KAAS,QAAA,IAAY,IAAA,CAAK,UAAA,CAAW,QAAQ,CAAA,GAAI,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,GAAI,IAAA;AAC7F,EAAA,MAAM,gBAAgB,OAAO,YAAA,KAAiB,QAAA,GAAW,OAAA,CAAQ,YAAY,CAAA,GAAI,YAAA;AACjF,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAAkB,IAAI,CAAA;AAExD,EAAA,IAAI,CAAC,eAAe,OAAO,IAAA;AAE3B,EAAA,MAAM,cAAc,OAAO,IAAA,KAAS,WAAW,IAAA,GAAQ,QAAA,CAAS,IAAI,CAAA,IAAK,EAAA;AACzE,EAAA,MAAM,aAAA,GAAgB,KAAA,GAAQ,0BAAA,CAA2B,KAAK,CAAA,GAAI,MAAA;AAElE,EAAA,uBACI,GAAA,CAAC,iBAAA,EAAA,EAAkB,EAAA,EAAG,KAAA,EAAM,QAAA,EAAoB,WAAA,EAC5C,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,WAAA,EAAa,KAAA,EAAO,aAAA,EAAe,aAA0B,CAAA,EACtF,CAAA;AAER;;;;"}

package/primitives/Image/index.cjs

@@ -61,6 +61,8 @@ 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/alphaColors.cjs');
+require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');
 require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
 require('i18next');

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,8 @@ 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/alphaColors.js';
+import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';
 import '../../apps/mobile/src/Factory/DimensionsContext.js';
 import 'i18next';

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,8 @@ 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/alphaColors.cjs');
+require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
 require('i18next');
 require('react-i18next');

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,8 @@ 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/alphaColors.js';
+import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import '../../apps/mobile/src/Factory/DimensionsContext.js';
 import 'i18next';
 import 'react-i18next';

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,8 @@ 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/alphaColors.cjs');
+require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');
 require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
 require('i18next');

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,8 @@ 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/alphaColors.js';
+import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';
 import '../../apps/mobile/src/Factory/DimensionsContext.js';
 import 'i18next';

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,8 @@ 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/alphaColors.cjs');
+require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');
 require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
 require('i18next');

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 { 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\nconst mapTextOverflowProps = (props: ITextComponent) => {\n    let numberOfLines: number | undefined;\n    let ellipsizeMode: \"head\" | \"middle\" | \"tail\" | \"clip\" | undefined;\n\n    if (props.whiteSpace === \"nowrap\") {\n        numberOfLines = 1;\n    }\n\n    if (props.textOverflow === \"ellipsis\") {\n        ellipsizeMode = \"tail\";\n    }\n\n    if (props.textOverflow === \"clip\") {\n        ellipsizeMode = \"clip\";\n    }\n\n    return { numberOfLines, ellipsizeMode };\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    // 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' ? (cssProps as any).fontSize : undefined,\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","useRtlLineHeight","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,WAAA,GAAsD;AAAA,EACxD,KAAA,EAAO,IAAA;AAAA,EACP,KAAA,EAAO,IAAA;AAAA,EACP,IAAA,EAAM,IAAA;AAAA,EACN,CAAA,EAAG;AACP,CAAA;AAEA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAA0B;AACpD,EAAA,IAAI,aAAA;AACJ,EAAA,IAAI,aAAA;AAEJ,EAAA,IAAI,KAAA,CAAM,eAAe,QAAA,EAAU;AAC/B,IAAA,aAAA,GAAgB,CAAA;AAAA,EACpB;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,UAAA,EAAY;AACnC,IAAA,aAAA,GAAgB,MAAA;AAAA,EACpB;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,MAAA,EAAQ;AAC/B,IAAA,aAAA,GAAgB,MAAA;AAAA,EACpB;AAEA,EAAA,OAAO,EAAE,eAAe,aAAA,EAAc;AAC1C,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;AAI7E,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,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 { 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\nconst mapTextOverflowProps = (props: ITextComponent) => {\n    let numberOfLines: number | undefined;\n    let ellipsizeMode: \"head\" | \"middle\" | \"tail\" | \"clip\" | undefined;\n\n    if (props.whiteSpace === \"nowrap\") {\n        numberOfLines = 1;\n    }\n\n    if (props.textOverflow === \"ellipsis\") {\n        ellipsizeMode = \"tail\";\n    }\n\n    if (props.textOverflow === \"clip\") {\n        ellipsizeMode = \"clip\";\n    }\n\n    return { numberOfLines, ellipsizeMode };\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    // 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' ? (cssProps as any).fontSize : undefined,\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","useRtlLineHeight","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,WAAA,GAAsD;AAAA,EACxD,KAAA,EAAO,IAAA;AAAA,EACP,KAAA,EAAO,IAAA;AAAA,EACP,IAAA,EAAM,IAAA;AAAA,EACN,CAAA,EAAG;AACP,CAAA;AAEA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAA0B;AACpD,EAAA,IAAI,aAAA;AACJ,EAAA,IAAI,aAAA;AAEJ,EAAA,IAAI,KAAA,CAAM,eAAe,QAAA,EAAU;AAC/B,IAAA,aAAA,GAAgB,CAAA;AAAA,EACpB;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,UAAA,EAAY;AACnC,IAAA,aAAA,GAAgB,MAAA;AAAA,EACpB;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,MAAA,EAAQ;AAC/B,IAAA,aAAA,GAAgB,MAAA;AAAA,EACpB;AAEA,EAAA,OAAO,EAAE,eAAe,aAAA,EAAc;AAC1C,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;AAI7E,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,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,8 @@ 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/alphaColors.js';
+import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';
 import '../../apps/mobile/src/Factory/DimensionsContext.js';
 import 'i18next';

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 { 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\nconst mapTextOverflowProps = (props: ITextComponent) => {\n    let numberOfLines: number | undefined;\n    let ellipsizeMode: \"head\" | \"middle\" | \"tail\" | \"clip\" | undefined;\n\n    if (props.whiteSpace === \"nowrap\") {\n        numberOfLines = 1;\n    }\n\n    if (props.textOverflow === \"ellipsis\") {\n        ellipsizeMode = \"tail\";\n    }\n\n    if (props.textOverflow === \"clip\") {\n        ellipsizeMode = \"clip\";\n    }\n\n    return { numberOfLines, ellipsizeMode };\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    // 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' ? (cssProps as any).fontSize : undefined,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,WAAA,GAAsD;AAAA,EACxD,KAAA,EAAO,IAAA;AAAA,EACP,KAAA,EAAO,IAAA;AAAA,EACP,IAAA,EAAM,IAAA;AAAA,EACN,CAAA,EAAG;AACP,CAAA;AAEA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAA0B;AACpD,EAAA,IAAI,aAAA;AACJ,EAAA,IAAI,aAAA;AAEJ,EAAA,IAAI,KAAA,CAAM,eAAe,QAAA,EAAU;AAC/B,IAAA,aAAA,GAAgB,CAAA;AAAA,EACpB;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,UAAA,EAAY;AACnC,IAAA,aAAA,GAAgB,MAAA;AAAA,EACpB;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,MAAA,EAAQ;AAC/B,IAAA,aAAA,GAAgB,MAAA;AAAA,EACpB;AAEA,EAAA,OAAO,EAAE,eAAe,aAAA,EAAc;AAC1C,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;AAI7E,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,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 { 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\nconst mapTextOverflowProps = (props: ITextComponent) => {\n    let numberOfLines: number | undefined;\n    let ellipsizeMode: \"head\" | \"middle\" | \"tail\" | \"clip\" | undefined;\n\n    if (props.whiteSpace === \"nowrap\") {\n        numberOfLines = 1;\n    }\n\n    if (props.textOverflow === \"ellipsis\") {\n        ellipsizeMode = \"tail\";\n    }\n\n    if (props.textOverflow === \"clip\") {\n        ellipsizeMode = \"clip\";\n    }\n\n    return { numberOfLines, ellipsizeMode };\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    // 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' ? (cssProps as any).fontSize : undefined,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,WAAA,GAAsD;AAAA,EACxD,KAAA,EAAO,IAAA;AAAA,EACP,KAAA,EAAO,IAAA;AAAA,EACP,IAAA,EAAM,IAAA;AAAA,EACN,CAAA,EAAG;AACP,CAAA;AAEA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAA0B;AACpD,EAAA,IAAI,aAAA;AACJ,EAAA,IAAI,aAAA;AAEJ,EAAA,IAAI,KAAA,CAAM,eAAe,QAAA,EAAU;AAC/B,IAAA,aAAA,GAAgB,CAAA;AAAA,EACpB;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,UAAA,EAAY;AACnC,IAAA,aAAA,GAAgB,MAAA;AAAA,EACpB;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAiB,MAAA,EAAQ;AAC/B,IAAA,aAAA,GAAgB,MAAA;AAAA,EACpB;AAEA,EAAA,OAAO,EAAE,eAAe,aAAA,EAAc;AAC1C,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;AAI7E,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,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;;;;"}