@lmb-it/kitsconcerto-native 0.1.243 → 0.1.245

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;;;;"}