@lmb-it/kitsconcerto-native 0.1.289 → 0.1.291

package/layout/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/layout/List/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from 'react'\n\n\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\nconst List =\n    ({className, children, ref, ...props}: PropsWithChildren<IFlexComponent>) => {\n\n        const {cssProps, nativeProps}  = useSeparator<any>(props)\n\n        return (\n            <ResponsiveElement ref={ref}\n                               additionalClasses={className}\n                               cssProps={cssProps}\n                               nativeProps={nativeProps}\n                               as={\"List\"}\n                               children={children}/>\n        )\n    }\n\n\nexport default List;\n// export default React.memo(Flex, (prevProps, nextProps) => {\n    // return shallowEqual(nextProps, prevProps);\n// })\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,IAAA,GACF,CAAC,EAAC,SAAA,EAAW,UAAU,GAAA,EAAK,GAAG,OAAK,KAAyC;AAEzE,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAK,aAAkB,KAAK,CAAA;AAExD,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MAAkB,GAAA;AAAA,MACA,iBAAA,EAAmB,SAAA;AAAA,MACnB,QAAA;AAAA,MACA,WAAA;AAAA,MACA,EAAA,EAAI,MAAA;AAAA,MACJ;AAAA;AAAA,GAAmB;AAE9C;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/layout/List/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from 'react'\n\n\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\nconst List =\n    ({className, children, ref, ...props}: PropsWithChildren<IFlexComponent>) => {\n\n        const {cssProps, nativeProps}  = useSeparator<any>(props)\n\n        return (\n            <ResponsiveElement ref={ref}\n                               additionalClasses={className}\n                               cssProps={cssProps}\n                               nativeProps={nativeProps}\n                               as={\"List\"}\n                               children={children}/>\n        )\n    }\n\n\nexport default List;\n// export default React.memo(Flex, (prevProps, nextProps) => {\n    // return shallowEqual(nextProps, prevProps);\n// })\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,IAAA,GACF,CAAC,EAAC,SAAA,EAAW,UAAU,GAAA,EAAK,GAAG,OAAK,KAAyC;AAEzE,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAK,aAAkB,KAAK,CAAA;AAExD,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MAAkB,GAAA;AAAA,MACA,iBAAA,EAAmB,SAAA;AAAA,MACnB,QAAA;AAAA,MACA,WAAA;AAAA,MACA,EAAA,EAAI,MAAA;AAAA,MACJ;AAAA;AAAA,GAAmB;AAE9C;;;;"}

package/layout/ListItem/index.cjs

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

package/layout/ListItem/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/layout/ListItem/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from 'react'\n\n\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\nconst ListItem = ({className, children, ref, ...props}:PropsWithChildren<IFlexComponent>) => {\n\n    const {cssProps, nativeProps}  = useSeparator<any>(props)\n\n    return (\n        <ResponsiveElement ref={ref}\n                           additionalClasses={className}\n                           cssProps={cssProps}\n                           nativeProps={nativeProps}\n                           as={\"ListItem\"}\n                           children={children}/>\n    )\n}\n\nexport default ListItem;\n// export default React.memo(Flex, (prevProps, nextProps) => {\n    // return shallowEqual(nextProps, prevProps);\n// })\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,QAAA,GAAW,CAAC,EAAC,SAAA,EAAW,UAAU,GAAA,EAAK,GAAG,OAAK,KAAwC;AAEzF,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAKA,qBAAkB,KAAK,CAAA;AAExD,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MAAkB,GAAA;AAAA,MACA,iBAAA,EAAmB,SAAA;AAAA,MACnB,QAAA;AAAA,MACA,WAAA;AAAA,MACA,EAAA,EAAI,UAAA;AAAA,MACJ;AAAA;AAAA,GAAmB;AAE9C;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/layout/ListItem/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from 'react'\n\n\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\nconst ListItem = ({className, children, ref, ...props}:PropsWithChildren<IFlexComponent>) => {\n\n    const {cssProps, nativeProps}  = useSeparator<any>(props)\n\n    return (\n        <ResponsiveElement ref={ref}\n                           additionalClasses={className}\n                           cssProps={cssProps}\n                           nativeProps={nativeProps}\n                           as={\"ListItem\"}\n                           children={children}/>\n    )\n}\n\nexport default ListItem;\n// export default React.memo(Flex, (prevProps, nextProps) => {\n    // return shallowEqual(nextProps, prevProps);\n// })\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,QAAA,GAAW,CAAC,EAAC,SAAA,EAAW,UAAU,GAAA,EAAK,GAAG,OAAK,KAAwC;AAEzF,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAKA,qBAAkB,KAAK,CAAA;AAExD,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MAAkB,GAAA;AAAA,MACA,iBAAA,EAAmB,SAAA;AAAA,MACnB,QAAA;AAAA,MACA,WAAA;AAAA,MACA,EAAA,EAAI,UAAA;AAAA,MACJ;AAAA;AAAA,GAAmB;AAE9C;;;;"}

package/layout/ListItem/index.js

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

package/layout/ListItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/layout/ListItem/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from 'react'\n\n\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\nconst ListItem = ({className, children, ref, ...props}:PropsWithChildren<IFlexComponent>) => {\n\n    const {cssProps, nativeProps}  = useSeparator<any>(props)\n\n    return (\n        <ResponsiveElement ref={ref}\n                           additionalClasses={className}\n                           cssProps={cssProps}\n                           nativeProps={nativeProps}\n                           as={\"ListItem\"}\n                           children={children}/>\n    )\n}\n\nexport default ListItem;\n// export default React.memo(Flex, (prevProps, nextProps) => {\n    // return shallowEqual(nextProps, prevProps);\n// })\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,QAAA,GAAW,CAAC,EAAC,SAAA,EAAW,UAAU,GAAA,EAAK,GAAG,OAAK,KAAwC;AAEzF,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAK,aAAkB,KAAK,CAAA;AAExD,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MAAkB,GAAA;AAAA,MACA,iBAAA,EAAmB,SAAA;AAAA,MACnB,QAAA;AAAA,MACA,WAAA;AAAA,MACA,EAAA,EAAI,UAAA;AAAA,MACJ;AAAA;AAAA,GAAmB;AAE9C;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/layout/ListItem/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from 'react'\n\n\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\n\nconst ListItem = ({className, children, ref, ...props}:PropsWithChildren<IFlexComponent>) => {\n\n    const {cssProps, nativeProps}  = useSeparator<any>(props)\n\n    return (\n        <ResponsiveElement ref={ref}\n                           additionalClasses={className}\n                           cssProps={cssProps}\n                           nativeProps={nativeProps}\n                           as={\"ListItem\"}\n                           children={children}/>\n    )\n}\n\nexport default ListItem;\n// export default React.memo(Flex, (prevProps, nextProps) => {\n    // return shallowEqual(nextProps, prevProps);\n// })\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,QAAA,GAAW,CAAC,EAAC,SAAA,EAAW,UAAU,GAAA,EAAK,GAAG,OAAK,KAAwC;AAEzF,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAK,aAAkB,KAAK,CAAA;AAExD,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MAAkB,GAAA;AAAA,MACA,iBAAA,EAAmB,SAAA;AAAA,MACnB,QAAA;AAAA,MACA,WAAA;AAAA,MACA,EAAA,EAAI,UAAA;AAAA,MACJ;AAAA;AAAA,GAAmB;AAE9C;;;;"}

package/layout/ScrollView/index.cjs

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

package/layout/ScrollView/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/layout/ScrollView/index.native.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IScrollViewComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst KitsScrollView = ({children, ref, ...props}: PropsWithChildren<IScrollViewComponent>) => {\n    const {cssProps, nativeProps} = useSeparator<any>(props);\n\n    return (\n        <ResponsiveElement\n            ref={ref}\n            as={\"ScrollView\"}\n            cssProps={cssProps}\n            nativeProps={nativeProps}\n            children={children}\n        />\n    );\n};\n\nexport default KitsScrollView;\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,iBAAiB,CAAC,EAAC,UAAU,GAAA,EAAK,GAAG,OAAK,KAA+C;AAC3F,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAIA,qBAAkB,KAAK,CAAA;AAEvD,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACG,GAAA;AAAA,MACA,EAAA,EAAI,YAAA;AAAA,MACJ,QAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA;AAAA,GACJ;AAER;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/layout/ScrollView/index.native.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IScrollViewComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst KitsScrollView = ({children, ref, ...props}: PropsWithChildren<IScrollViewComponent>) => {\n    const {cssProps, nativeProps} = useSeparator<any>(props);\n\n    return (\n        <ResponsiveElement\n            ref={ref}\n            as={\"ScrollView\"}\n            cssProps={cssProps}\n            nativeProps={nativeProps}\n            children={children}\n        />\n    );\n};\n\nexport default KitsScrollView;\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,iBAAiB,CAAC,EAAC,UAAU,GAAA,EAAK,GAAG,OAAK,KAA+C;AAC3F,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAIA,qBAAkB,KAAK,CAAA;AAEvD,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACG,GAAA;AAAA,MACA,EAAA,EAAI,YAAA;AAAA,MACJ,QAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA;AAAA,GACJ;AAER;;;;"}

package/layout/ScrollView/index.js

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

package/layout/ScrollView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/layout/ScrollView/index.native.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IScrollViewComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst KitsScrollView = ({children, ref, ...props}: PropsWithChildren<IScrollViewComponent>) => {\n    const {cssProps, nativeProps} = useSeparator<any>(props);\n\n    return (\n        <ResponsiveElement\n            ref={ref}\n            as={\"ScrollView\"}\n            cssProps={cssProps}\n            nativeProps={nativeProps}\n            children={children}\n        />\n    );\n};\n\nexport default KitsScrollView;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,iBAAiB,CAAC,EAAC,UAAU,GAAA,EAAK,GAAG,OAAK,KAA+C;AAC3F,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAI,aAAkB,KAAK,CAAA;AAEvD,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACG,GAAA;AAAA,MACA,EAAA,EAAI,YAAA;AAAA,MACJ,QAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA;AAAA,GACJ;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/layout/ScrollView/index.native.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IScrollViewComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst KitsScrollView = ({children, ref, ...props}: PropsWithChildren<IScrollViewComponent>) => {\n    const {cssProps, nativeProps} = useSeparator<any>(props);\n\n    return (\n        <ResponsiveElement\n            ref={ref}\n            as={\"ScrollView\"}\n            cssProps={cssProps}\n            nativeProps={nativeProps}\n            children={children}\n        />\n    );\n};\n\nexport default KitsScrollView;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,iBAAiB,CAAC,EAAC,UAAU,GAAA,EAAK,GAAG,OAAK,KAA+C;AAC3F,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAI,aAAkB,KAAK,CAAA;AAEvD,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACG,GAAA;AAAA,MACA,EAAA,EAAI,YAAA;AAAA,MACJ,QAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA;AAAA,GACJ;AAER;;;;"}

package/layout/VStack/index.cjs

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

package/layout/VStack/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/layout/VStack/index.native.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IStackProps, IStyleClasses} from \"@lmb-it/kitsconcerto-types\";\n\ntype IsolatedStack = Omit<IStackProps, keyof IStyleClasses>;\n\n/**\n * Maps the `space` prop to a gap value in dp. Matches the HStack scale.\n */\nconst SPACE_TO_GAP: Record<NonNullable<IStackProps[\"space\"]>, number> = {\n    xs: 4,\n    sm: 8,\n    md: 12,\n    lg: 16,\n    xl: 20,\n    \"2xl\": 24,\n    \"3xl\": 28,\n    \"4xl\": 32,\n};\n\n/**\n * VStack (native)\n *\n * Lays children out in a vertical column with a gap derived from `space`.\n *\n * Implementation note: identical rationale to HStack — we render through\n * `ResponsiveElement as=\"Box\"` (a plain React Native View) and force\n * `flexDirection: 'column'` + `gap` via `cssProps` instead of routing\n * through a Nativewind-classname Gluestack component that isn't reliable\n * across the yalc package boundary.\n *\n * Consumer's own `flexDirection=` / `gap=` props (passed via cssProps)\n * spread after the defaults and win when explicitly set.\n */\nconst VStack: React.FC<PropsWithChildren<IStackProps>> = (props) => {\n    const {cssProps, nativeProps} = useSeparator<IStackProps>(props);\n    const {\n        space = \"md\",\n        reversed = false,\n        scrollable,\n        children,\n        style,\n        entering,\n        exiting,\n        ...rest\n    } = nativeProps;\n\n    return (\n        <ResponsiveElement<IsolatedStack>\n            ref={props.ref}\n            as=\"Box\"\n            scrollable={scrollable}\n            entering={entering}\n            exiting={exiting}\n            cssProps={{\n                flexDirection: reversed ? \"column-reverse\" : \"column\",\n                gap: SPACE_TO_GAP[space],\n                ...cssProps,\n            }}\n            nativeProps={rest}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default VStack;\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAkE;AAAA,EACpE,EAAA,EAAI,CAAA;AAAA,EACJ,EAAA,EAAI,CAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,KAAA,EAAO,EAAA;AAAA,EACP,KAAA,EAAO,EAAA;AAAA,EACP,KAAA,EAAO;AACX,CAAA;AAgBA,MAAM,MAAA,GAAmD,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAIA,qBAA0B,KAAK,CAAA;AAC/D,EAAA,MAAM;AAAA,IACF,KAAA,GAAQ,IAAA;AAAA,IACR,QAAA,GAAW,KAAA;AAAA,IACX,UAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACG,KAAK,KAAA,CAAM,GAAA;AAAA,MACX,EAAA,EAAG,KAAA;AAAA,MACH,UAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA,EAAU;AAAA,QACN,aAAA,EAAe,WAAW,gBAAA,GAAmB,QAAA;AAAA,QAC7C,GAAA,EAAK,aAAa,KAAK,CAAA;AAAA,QACvB,GAAG;AAAA,OACP;AAAA,MACA,WAAA,EAAa,IAAA;AAAA,MAEZ;AAAA;AAAA,GACL;AAER;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/layout/VStack/index.native.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IStackProps, IStyleClasses} from \"@lmb-it/kitsconcerto-types\";\n\ntype IsolatedStack = Omit<IStackProps, keyof IStyleClasses>;\n\n/**\n * Maps the `space` prop to a gap value in dp. Matches the HStack scale.\n */\nconst SPACE_TO_GAP: Record<NonNullable<IStackProps[\"space\"]>, number> = {\n    xs: 4,\n    sm: 8,\n    md: 12,\n    lg: 16,\n    xl: 20,\n    \"2xl\": 24,\n    \"3xl\": 28,\n    \"4xl\": 32,\n};\n\n/**\n * VStack (native)\n *\n * Lays children out in a vertical column with a gap derived from `space`.\n *\n * Implementation note: identical rationale to HStack — we render through\n * `ResponsiveElement as=\"Box\"` (a plain React Native View) and force\n * `flexDirection: 'column'` + `gap` via `cssProps` instead of routing\n * through a Nativewind-classname Gluestack component that isn't reliable\n * across the yalc package boundary.\n *\n * Consumer's own `flexDirection=` / `gap=` props (passed via cssProps)\n * spread after the defaults and win when explicitly set.\n */\nconst VStack: React.FC<PropsWithChildren<IStackProps>> = (props) => {\n    const {cssProps, nativeProps} = useSeparator<IStackProps>(props);\n    const {\n        space = \"md\",\n        reversed = false,\n        scrollable,\n        children,\n        style,\n        entering,\n        exiting,\n        ...rest\n    } = nativeProps;\n\n    return (\n        <ResponsiveElement<IsolatedStack>\n            ref={props.ref}\n            as=\"Box\"\n            scrollable={scrollable}\n            entering={entering}\n            exiting={exiting}\n            cssProps={{\n                flexDirection: reversed ? \"column-reverse\" : \"column\",\n                gap: SPACE_TO_GAP[space],\n                ...cssProps,\n            }}\n            nativeProps={rest}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default VStack;\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAkE;AAAA,EACpE,EAAA,EAAI,CAAA;AAAA,EACJ,EAAA,EAAI,CAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,KAAA,EAAO,EAAA;AAAA,EACP,KAAA,EAAO,EAAA;AAAA,EACP,KAAA,EAAO;AACX,CAAA;AAgBA,MAAM,MAAA,GAAmD,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAIA,qBAA0B,KAAK,CAAA;AAC/D,EAAA,MAAM;AAAA,IACF,KAAA,GAAQ,IAAA;AAAA,IACR,QAAA,GAAW,KAAA;AAAA,IACX,UAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACG,KAAK,KAAA,CAAM,GAAA;AAAA,MACX,EAAA,EAAG,KAAA;AAAA,MACH,UAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA,EAAU;AAAA,QACN,aAAA,EAAe,WAAW,gBAAA,GAAmB,QAAA;AAAA,QAC7C,GAAA,EAAK,aAAa,KAAK,CAAA;AAAA,QACvB,GAAG;AAAA,OACP;AAAA,MACA,WAAA,EAAa,IAAA;AAAA,MAEZ;AAAA;AAAA,GACL;AAER;;;;"}

package/layout/VStack/index.js

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

package/layout/VStack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/layout/VStack/index.native.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IStackProps, IStyleClasses} from \"@lmb-it/kitsconcerto-types\";\n\ntype IsolatedStack = Omit<IStackProps, keyof IStyleClasses>;\n\n/**\n * Maps the `space` prop to a gap value in dp. Matches the HStack scale.\n */\nconst SPACE_TO_GAP: Record<NonNullable<IStackProps[\"space\"]>, number> = {\n    xs: 4,\n    sm: 8,\n    md: 12,\n    lg: 16,\n    xl: 20,\n    \"2xl\": 24,\n    \"3xl\": 28,\n    \"4xl\": 32,\n};\n\n/**\n * VStack (native)\n *\n * Lays children out in a vertical column with a gap derived from `space`.\n *\n * Implementation note: identical rationale to HStack — we render through\n * `ResponsiveElement as=\"Box\"` (a plain React Native View) and force\n * `flexDirection: 'column'` + `gap` via `cssProps` instead of routing\n * through a Nativewind-classname Gluestack component that isn't reliable\n * across the yalc package boundary.\n *\n * Consumer's own `flexDirection=` / `gap=` props (passed via cssProps)\n * spread after the defaults and win when explicitly set.\n */\nconst VStack: React.FC<PropsWithChildren<IStackProps>> = (props) => {\n    const {cssProps, nativeProps} = useSeparator<IStackProps>(props);\n    const {\n        space = \"md\",\n        reversed = false,\n        scrollable,\n        children,\n        style,\n        entering,\n        exiting,\n        ...rest\n    } = nativeProps;\n\n    return (\n        <ResponsiveElement<IsolatedStack>\n            ref={props.ref}\n            as=\"Box\"\n            scrollable={scrollable}\n            entering={entering}\n            exiting={exiting}\n            cssProps={{\n                flexDirection: reversed ? \"column-reverse\" : \"column\",\n                gap: SPACE_TO_GAP[space],\n                ...cssProps,\n            }}\n            nativeProps={rest}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default VStack;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAkE;AAAA,EACpE,EAAA,EAAI,CAAA;AAAA,EACJ,EAAA,EAAI,CAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,KAAA,EAAO,EAAA;AAAA,EACP,KAAA,EAAO,EAAA;AAAA,EACP,KAAA,EAAO;AACX,CAAA;AAgBA,MAAM,MAAA,GAAmD,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAI,aAA0B,KAAK,CAAA;AAC/D,EAAA,MAAM;AAAA,IACF,KAAA,GAAQ,IAAA;AAAA,IACR,QAAA,GAAW,KAAA;AAAA,IACX,UAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACG,KAAK,KAAA,CAAM,GAAA;AAAA,MACX,EAAA,EAAG,KAAA;AAAA,MACH,UAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA,EAAU;AAAA,QACN,aAAA,EAAe,WAAW,gBAAA,GAAmB,QAAA;AAAA,QAC7C,GAAA,EAAK,aAAa,KAAK,CAAA;AAAA,QACvB,GAAG;AAAA,OACP;AAAA,MACA,WAAA,EAAa,IAAA;AAAA,MAEZ;AAAA;AAAA,GACL;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/layout/VStack/index.native.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IStackProps, IStyleClasses} from \"@lmb-it/kitsconcerto-types\";\n\ntype IsolatedStack = Omit<IStackProps, keyof IStyleClasses>;\n\n/**\n * Maps the `space` prop to a gap value in dp. Matches the HStack scale.\n */\nconst SPACE_TO_GAP: Record<NonNullable<IStackProps[\"space\"]>, number> = {\n    xs: 4,\n    sm: 8,\n    md: 12,\n    lg: 16,\n    xl: 20,\n    \"2xl\": 24,\n    \"3xl\": 28,\n    \"4xl\": 32,\n};\n\n/**\n * VStack (native)\n *\n * Lays children out in a vertical column with a gap derived from `space`.\n *\n * Implementation note: identical rationale to HStack — we render through\n * `ResponsiveElement as=\"Box\"` (a plain React Native View) and force\n * `flexDirection: 'column'` + `gap` via `cssProps` instead of routing\n * through a Nativewind-classname Gluestack component that isn't reliable\n * across the yalc package boundary.\n *\n * Consumer's own `flexDirection=` / `gap=` props (passed via cssProps)\n * spread after the defaults and win when explicitly set.\n */\nconst VStack: React.FC<PropsWithChildren<IStackProps>> = (props) => {\n    const {cssProps, nativeProps} = useSeparator<IStackProps>(props);\n    const {\n        space = \"md\",\n        reversed = false,\n        scrollable,\n        children,\n        style,\n        entering,\n        exiting,\n        ...rest\n    } = nativeProps;\n\n    return (\n        <ResponsiveElement<IsolatedStack>\n            ref={props.ref}\n            as=\"Box\"\n            scrollable={scrollable}\n            entering={entering}\n            exiting={exiting}\n            cssProps={{\n                flexDirection: reversed ? \"column-reverse\" : \"column\",\n                gap: SPACE_TO_GAP[space],\n                ...cssProps,\n            }}\n            nativeProps={rest}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default VStack;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAkE;AAAA,EACpE,EAAA,EAAI,CAAA;AAAA,EACJ,EAAA,EAAI,CAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,KAAA,EAAO,EAAA;AAAA,EACP,KAAA,EAAO,EAAA;AAAA,EACP,KAAA,EAAO;AACX,CAAA;AAgBA,MAAM,MAAA,GAAmD,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAI,aAA0B,KAAK,CAAA;AAC/D,EAAA,MAAM;AAAA,IACF,KAAA,GAAQ,IAAA;AAAA,IACR,QAAA,GAAW,KAAA;AAAA,IACX,UAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACG,KAAK,KAAA,CAAM,GAAA;AAAA,MACX,EAAA,EAAG,KAAA;AAAA,MACH,UAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA,EAAU;AAAA,QACN,aAAA,EAAe,WAAW,gBAAA,GAAmB,QAAA;AAAA,QAC7C,GAAA,EAAK,aAAa,KAAK,CAAA;AAAA,QACvB,GAAG;AAAA,OACP;AAAA,MACA,WAAA,EAAa,IAAA;AAAA,MAEZ;AAAA;AAAA,GACL;AAER;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lmb-it/kitsconcerto-native",
-  "version": "0.1.289",
+  "version": "0.1.291",
   "description": "KitsConcerto — Native (React Native) UI components",
   "main": "index.cjs",
   "module": "index.js",

package/packages/types/src/Theme/defaultTheme.cjs

@@ -1523,7 +1523,7 @@ const defaultTheme = {
     ProgressBar: { root: { props: { max: 100, color: "brand", trackColor: "gray.200", thickness: 8, rounded: true } } },
     Timeline: { root: { props: { size: "md", activeColor: "brand", trackColor: "gray.200" } } },
     EmptyState: { root: { props: { size: "md", accentColor: "brand" } } },
-    Tabs: { root: { props: { size: "md", activeColor: "brand", scrollable: true, gap: 8, countVariant: "suffix", activeBadgeBackground: "surface-card", activeBadgeTextColor: "text-primary", inactiveBadgeBackground: "gray.200", inactiveBadgeTextColor: "text-secondary", inactiveBackground: "gray.100", inactiveTextColor: "text-secondary", sizeHeights: { sm: 28, md: 32, lg: 40 } } } },
+    Tabs: { root: { props: { size: "md", activeColor: "brand", scrollable: true, gap: 8, countVariant: "suffix", activeBadgeBackground: "surface-card", activeBadgeTextColor: "text-primary", inactiveBadgeBackground: "surface-card", inactiveBadgeTextColor: "text-secondary", inactiveBackground: "surface-muted", inactiveTextColor: "text-secondary", sizeHeights: { sm: 28, md: 32, lg: 40 } } } },
     BottomTabBar: { root: { props: { activeColor: "brand", inactiveColor: "text-secondary", background: "surface-card", showLabels: true } } },
     Gallery: { root: { props: { columns: 2, gap: 8, aspectRatio: 1, radius: 12 } } },
     Carousel: { root: { props: { aspectRatio: 1.2, radius: 0, showCounter: true, showDots: true } } },