@lmb-it/kitsconcerto-native 0.1.289 → 0.1.290

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.290",
   "description": "KitsConcerto — Native (React Native) UI components",
   "main": "index.cjs",
   "module": "index.js",

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

@@ -1,62 +1,9 @@
 'use strict';
 
 var alphaColors = require('./alphaColors.cjs');
+var semanticTokenNames = require('./semanticTokenNames.cjs');
 
-const SEMANTIC_KEYS = /* @__PURE__ */ new Set([
-  // brand / primary
-  "primary",
-  "primary-hover",
-  "primary-active",
-  "secondary",
-  "brand",
-  "brand-bright",
-  "brand-deep",
-  "brand-muted",
-  // status
-  "success",
-  "danger",
-  "warning",
-  "info",
-  "help",
-  "ai-accent",
-  // text
-  "text",
-  "text-primary",
-  "text-secondary",
-  "text-subtle",
-  "text-muted",
-  "text-on-primary",
-  "text-link",
-  // backgrounds
-  "bg",
-  "bg-subtle",
-  "bg-muted",
-  "bg-accent",
-  "bg-input",
-  "bg-page",
-  // surfaces
-  "surface-ground",
-  "surface-card",
-  "surface-overlay",
-  "surface-hover",
-  "surface-sidebar",
-  "surface-border",
-  // borders
-  "border",
-  "border-default",
-  "border-subtle",
-  "border-strong",
-  "divider",
-  // tints
-  "success-tint",
-  "danger-tint",
-  "warning-tint",
-  "info-tint",
-  "brand-tint",
-  "ai-tint",
-  // misc
-  "switch-bg"
-]);
+const SEMANTIC_KEYS = new Set(semanticTokenNames.SEMANTIC_TOKEN_NAMES);
 const DOT_NOTATION_RE = /^([a-zA-Z]+)\.(\d+)$/;
 const DASH_NOTATION_RE = /^([a-zA-Z]+)-(\d+)$/;
 function resolveTokenValue(theme, colorMode, token, platform = "web") {

package/packages/types/src/Theme/resolvers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"resolvers.cjs","sources":["../../../../../../../types/src/Theme/resolvers.ts"],"sourcesContent":["import type {ColorMode, ColorScale, IKitsTheme} from './types';\nimport {ALPHA_COLOR_VARS, isAlphaToken} from './alphaColors';\n\n/**\n * Set of built-in semantic token names for fast lookup. Mirrors the keys in\n * `defaultTheme.semanticTokens` — the web provider injects a `--kits-<name>`\n * CSS var for EVERY one, so all must be recognised here (otherwise\n * `bgColor=\"brand\"` falls through as the raw, invalid CSS value `brand`).\n * KEEP IN SYNC with SEMANTIC_TOKEN_NAMES in apps/web/src/Factory/css/theme.ts.\n */\nconst SEMANTIC_KEYS = new Set([\n    // brand / primary\n    'primary', 'primary-hover', 'primary-active', 'secondary',\n    'brand', 'brand-bright', 'brand-deep', 'brand-muted',\n    // status\n    'success', 'danger', 'warning', 'info', 'help', 'ai-accent',\n    // text\n    'text', 'text-primary', 'text-secondary', 'text-subtle', 'text-muted',\n    'text-on-primary', 'text-link',\n    // backgrounds\n    'bg', 'bg-subtle', 'bg-muted', 'bg-accent', 'bg-input', 'bg-page',\n    // surfaces\n    'surface-ground', 'surface-card', 'surface-overlay', 'surface-hover',\n    'surface-sidebar', 'surface-border',\n    // borders\n    'border', 'border-default', 'border-subtle', 'border-strong', 'divider',\n    // tints\n    'success-tint', 'danger-tint', 'warning-tint', 'info-tint', 'brand-tint', 'ai-tint',\n    // misc\n    'switch-bg',\n]);\n\nconst DOT_NOTATION_RE = /^([a-zA-Z]+)\\.(\\d+)$/;\nconst DASH_NOTATION_RE = /^([a-zA-Z]+)-(\\d+)$/;\n\n/**\n * Resolves a theme token string to a platform-appropriate value.\n *\n * Resolution order:\n * 1. Raw values (#hex, rgb, hsl, transparent) — pass through\n * 2. Semantic tokens ('primary', 'danger') — look up in semanticTokens[colorMode]\n * 3. Dot-notation ('blue.500') — look up in theme.colors\n * 4. Prefixed tokens ('$spacing.4', '$radii.lg', '$shadows.md', '$fontSizes.lg')\n * 5. Legacy var() — pass through on web, resolved separately on native\n * 6. Legacy dash-notation ('blue-500') — look up in theme.colors\n */\nexport function resolveTokenValue(\n    theme: IKitsTheme,\n    colorMode: ColorMode,\n    token: string,\n    platform: 'web' | 'native' = 'web',\n): string {\n    if (typeof token !== 'string') return token;\n\n    // 1. Raw values — pass through\n    if (\n        token.startsWith('#') ||\n        token.startsWith('rgb') ||\n        token.startsWith('hsl') ||\n        token === 'transparent' ||\n        token === 'inherit' ||\n        token === 'currentColor'\n    ) {\n        return token;\n    }\n\n    // 1b. Alpha overlay families ('white-alpha-60', 'black-alpha-90').\n    // LITERAL — identical value in both color modes; scrim/overlay colors\n    // must never invert. Resolved before semantic/dot lookups so they can\n    // never be shadowed by a same-named theme entry.\n    if (isAlphaToken(token)) {\n        return platform === 'web'\n            ? `var(--kits-${token})`\n            : ALPHA_COLOR_VARS[`--kits-${token}`]!;\n    }\n\n    // 2. Semantic token lookup\n    const semantics = theme.semanticTokens[colorMode];\n    if (semantics && token in semantics) {\n        const resolved = semantics[token]!;\n        return resolveTokenValue(theme, colorMode, resolved, platform);\n    }\n\n    // 3. Dot-notation: 'blue.500'\n    const dotMatch = token.match(DOT_NOTATION_RE);\n    if (dotMatch) {\n        const [, family, shade] = dotMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    // 4. Prefixed tokens: $spacing.4, $radii.lg, $shadows.md, $fontSizes.lg\n    if (token.startsWith('$')) {\n        const dotIdx = token.indexOf('.');\n        if (dotIdx > 1) {\n            const category = token.substring(1, dotIdx);\n            const key = token.substring(dotIdx + 1);\n\n            switch (category) {\n                case 'spacing':\n                    if (key in theme.spacing) {\n                        return platform === 'web' ? `var(--kits-space-${key})` : theme.spacing[key]!;\n                    }\n                    break;\n                case 'radii':\n                    if (key in theme.radii) {\n                        return platform === 'web' ? `var(--kits-radii-${key})` : theme.radii[key]!;\n                    }\n                    break;\n                case 'shadows':\n                    if (key in theme.shadows) {\n                        if (platform === 'web') return `var(--kits-shadow-${key})`;\n                        // Native: tokens resolve to a string. Return the web CSS\n                        // string (best-effort); real native shadow params flow\n                        // through the `shadow` style key via `expandShadowNative`.\n                        const sv = theme.shadows[key]!;\n                        return typeof sv === 'string' ? sv : sv.web;\n                    }\n                    break;\n                case 'fontSizes':\n                    if (key in theme.fontSizes) {\n                        return platform === 'web' ? `var(--kits-fontSize-${key})` : theme.fontSizes[key]!;\n                    }\n                    break;\n                case 'fonts':\n                    if (key in theme.fonts) {\n                        return platform === 'web' ? `var(--kits-font-${key})` : theme.fonts[key as keyof typeof theme.fonts]!;\n                    }\n                    break;\n            }\n        }\n    }\n\n    // 5. Legacy var() — pass through\n    if (token.startsWith('var(')) {\n        return token;\n    }\n\n    // 6. Legacy dash-notation: 'blue-500'\n    const dashMatch = token.match(DASH_NOTATION_RE);\n    if (dashMatch) {\n        const [, family, shade] = dashMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    return token;\n}\n\n/**\n * Checks if a given string is a known semantic token name.\n * Used by the web style pipeline to detect tokens that should be resolved.\n */\nexport function isSemanticToken(value: string, theme?: IKitsTheme): boolean {\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (theme) {\n        return value in theme.semanticTokens.light || value in theme.semanticTokens.dark;\n    }\n    return false;\n}\n\n/**\n * Checks if a value looks like a theme token (dot-notation, $prefix, or semantic).\n */\nexport function isThemeToken(value: string): boolean {\n    if (typeof value !== 'string') return false;\n    if (DOT_NOTATION_RE.test(value)) return true;\n    if (value.startsWith('$')) return true;\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (isAlphaToken(value)) return true;\n    return false;\n}\n"],"names":["isAlphaToken","ALPHA_COLOR_VARS"],"mappings":"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"}
+{"version":3,"file":"resolvers.cjs","sources":["../../../../../../../types/src/Theme/resolvers.ts"],"sourcesContent":["import type {ColorMode, ColorScale, IKitsTheme} from './types';\nimport {ALPHA_COLOR_VARS, isAlphaToken} from './alphaColors';\nimport {SEMANTIC_TOKEN_NAMES} from './semanticTokenNames';\n\n/**\n * Set of built-in semantic token names for fast lookup.\n *\n * ⛔ IT IS DERIVED FROM THE THEME NOW, BECAUSE A HAND-KEPT MIRROR DRIFTED.\n * This list and its twin in `apps/web/src/Factory/css/theme.ts` both carried\n * the instruction \"KEEP IN SYNC\", both were kept in sync with EACH OTHER —\n * 45 names, identical — and both had drifted from the theme they describe by\n * the same four: `surface-muted`, `warning-text`, `success-text` and\n * `brand-text`. All four are defined in `defaultTheme.semanticTokens`, and\n * the web provider injects a `--kits-<name>` CSS var for every one of them.\n *\n * ⛔ WHAT THAT COST. `isThemeToken('surface-muted')` answered false, so the\n * value fell through as the raw CSS string `surface-muted`, failed\n * `CSS.supports`, and no rule was emitted — the element simply rendered with\n * nothing. Silent, and indistinguishable from a styling decision. It is also\n * why `Tabs` could not be given a theme-aware default until now.\n *\n * ⚠️ THE NAMES COME FROM `semanticTokenNames.ts`, not from the theme object.\n * Deriving them with `Object.keys(defaultTheme…)` was the first fix and it\n * dragged the whole 55 KB theme into every primitive — see that file.\n */\nconst SEMANTIC_KEYS = new Set<string>(SEMANTIC_TOKEN_NAMES);\n\nconst DOT_NOTATION_RE = /^([a-zA-Z]+)\\.(\\d+)$/;\nconst DASH_NOTATION_RE = /^([a-zA-Z]+)-(\\d+)$/;\n\n/**\n * Resolves a theme token string to a platform-appropriate value.\n *\n * Resolution order:\n * 1. Raw values (#hex, rgb, hsl, transparent) — pass through\n * 2. Semantic tokens ('primary', 'danger') — look up in semanticTokens[colorMode]\n * 3. Dot-notation ('blue.500') — look up in theme.colors\n * 4. Prefixed tokens ('$spacing.4', '$radii.lg', '$shadows.md', '$fontSizes.lg')\n * 5. Legacy var() — pass through on web, resolved separately on native\n * 6. Legacy dash-notation ('blue-500') — look up in theme.colors\n */\nexport function resolveTokenValue(\n    theme: IKitsTheme,\n    colorMode: ColorMode,\n    token: string,\n    platform: 'web' | 'native' = 'web',\n): string {\n    if (typeof token !== 'string') return token;\n\n    // 1. Raw values — pass through\n    if (\n        token.startsWith('#') ||\n        token.startsWith('rgb') ||\n        token.startsWith('hsl') ||\n        token === 'transparent' ||\n        token === 'inherit' ||\n        token === 'currentColor'\n    ) {\n        return token;\n    }\n\n    // 1b. Alpha overlay families ('white-alpha-60', 'black-alpha-90').\n    // LITERAL — identical value in both color modes; scrim/overlay colors\n    // must never invert. Resolved before semantic/dot lookups so they can\n    // never be shadowed by a same-named theme entry.\n    if (isAlphaToken(token)) {\n        return platform === 'web'\n            ? `var(--kits-${token})`\n            : ALPHA_COLOR_VARS[`--kits-${token}`]!;\n    }\n\n    // 2. Semantic token lookup\n    const semantics = theme.semanticTokens[colorMode];\n    if (semantics && token in semantics) {\n        const resolved = semantics[token]!;\n        return resolveTokenValue(theme, colorMode, resolved, platform);\n    }\n\n    // 3. Dot-notation: 'blue.500'\n    const dotMatch = token.match(DOT_NOTATION_RE);\n    if (dotMatch) {\n        const [, family, shade] = dotMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    // 4. Prefixed tokens: $spacing.4, $radii.lg, $shadows.md, $fontSizes.lg\n    if (token.startsWith('$')) {\n        const dotIdx = token.indexOf('.');\n        if (dotIdx > 1) {\n            const category = token.substring(1, dotIdx);\n            const key = token.substring(dotIdx + 1);\n\n            switch (category) {\n                case 'spacing':\n                    if (key in theme.spacing) {\n                        return platform === 'web' ? `var(--kits-space-${key})` : theme.spacing[key]!;\n                    }\n                    break;\n                case 'radii':\n                    if (key in theme.radii) {\n                        return platform === 'web' ? `var(--kits-radii-${key})` : theme.radii[key]!;\n                    }\n                    break;\n                case 'shadows':\n                    if (key in theme.shadows) {\n                        if (platform === 'web') return `var(--kits-shadow-${key})`;\n                        // Native: tokens resolve to a string. Return the web CSS\n                        // string (best-effort); real native shadow params flow\n                        // through the `shadow` style key via `expandShadowNative`.\n                        const sv = theme.shadows[key]!;\n                        return typeof sv === 'string' ? sv : sv.web;\n                    }\n                    break;\n                case 'fontSizes':\n                    if (key in theme.fontSizes) {\n                        return platform === 'web' ? `var(--kits-fontSize-${key})` : theme.fontSizes[key]!;\n                    }\n                    break;\n                case 'fonts':\n                    if (key in theme.fonts) {\n                        return platform === 'web' ? `var(--kits-font-${key})` : theme.fonts[key as keyof typeof theme.fonts]!;\n                    }\n                    break;\n            }\n        }\n    }\n\n    // 5. Legacy var() — pass through\n    if (token.startsWith('var(')) {\n        return token;\n    }\n\n    // 6. Legacy dash-notation: 'blue-500'\n    const dashMatch = token.match(DASH_NOTATION_RE);\n    if (dashMatch) {\n        const [, family, shade] = dashMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    return token;\n}\n\n/**\n * Checks if a given string is a known semantic token name.\n * Used by the web style pipeline to detect tokens that should be resolved.\n */\nexport function isSemanticToken(value: string, theme?: IKitsTheme): boolean {\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (theme) {\n        return value in theme.semanticTokens.light || value in theme.semanticTokens.dark;\n    }\n    return false;\n}\n\n/**\n * Checks if a value looks like a theme token (dot-notation, $prefix, or semantic).\n */\nexport function isThemeToken(value: string): boolean {\n    if (typeof value !== 'string') return false;\n    if (DOT_NOTATION_RE.test(value)) return true;\n    if (value.startsWith('$')) return true;\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (isAlphaToken(value)) return true;\n    return false;\n}\n"],"names":["SEMANTIC_TOKEN_NAMES","isAlphaToken","ALPHA_COLOR_VARS"],"mappings":"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"}

package/packages/types/src/Theme/resolvers.js

@@ -1,60 +1,7 @@
 import { isAlphaToken, ALPHA_COLOR_VARS } from './alphaColors.js';
+import { SEMANTIC_TOKEN_NAMES } from './semanticTokenNames.js';
 
-const SEMANTIC_KEYS = /* @__PURE__ */ new Set([
-  // brand / primary
-  "primary",
-  "primary-hover",
-  "primary-active",
-  "secondary",
-  "brand",
-  "brand-bright",
-  "brand-deep",
-  "brand-muted",
-  // status
-  "success",
-  "danger",
-  "warning",
-  "info",
-  "help",
-  "ai-accent",
-  // text
-  "text",
-  "text-primary",
-  "text-secondary",
-  "text-subtle",
-  "text-muted",
-  "text-on-primary",
-  "text-link",
-  // backgrounds
-  "bg",
-  "bg-subtle",
-  "bg-muted",
-  "bg-accent",
-  "bg-input",
-  "bg-page",
-  // surfaces
-  "surface-ground",
-  "surface-card",
-  "surface-overlay",
-  "surface-hover",
-  "surface-sidebar",
-  "surface-border",
-  // borders
-  "border",
-  "border-default",
-  "border-subtle",
-  "border-strong",
-  "divider",
-  // tints
-  "success-tint",
-  "danger-tint",
-  "warning-tint",
-  "info-tint",
-  "brand-tint",
-  "ai-tint",
-  // misc
-  "switch-bg"
-]);
+const SEMANTIC_KEYS = new Set(SEMANTIC_TOKEN_NAMES);
 const DOT_NOTATION_RE = /^([a-zA-Z]+)\.(\d+)$/;
 const DASH_NOTATION_RE = /^([a-zA-Z]+)-(\d+)$/;
 function resolveTokenValue(theme, colorMode, token, platform = "web") {

package/packages/types/src/Theme/resolvers.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolvers.js","sources":["../../../../../../../types/src/Theme/resolvers.ts"],"sourcesContent":["import type {ColorMode, ColorScale, IKitsTheme} from './types';\nimport {ALPHA_COLOR_VARS, isAlphaToken} from './alphaColors';\n\n/**\n * Set of built-in semantic token names for fast lookup. Mirrors the keys in\n * `defaultTheme.semanticTokens` — the web provider injects a `--kits-<name>`\n * CSS var for EVERY one, so all must be recognised here (otherwise\n * `bgColor=\"brand\"` falls through as the raw, invalid CSS value `brand`).\n * KEEP IN SYNC with SEMANTIC_TOKEN_NAMES in apps/web/src/Factory/css/theme.ts.\n */\nconst SEMANTIC_KEYS = new Set([\n    // brand / primary\n    'primary', 'primary-hover', 'primary-active', 'secondary',\n    'brand', 'brand-bright', 'brand-deep', 'brand-muted',\n    // status\n    'success', 'danger', 'warning', 'info', 'help', 'ai-accent',\n    // text\n    'text', 'text-primary', 'text-secondary', 'text-subtle', 'text-muted',\n    'text-on-primary', 'text-link',\n    // backgrounds\n    'bg', 'bg-subtle', 'bg-muted', 'bg-accent', 'bg-input', 'bg-page',\n    // surfaces\n    'surface-ground', 'surface-card', 'surface-overlay', 'surface-hover',\n    'surface-sidebar', 'surface-border',\n    // borders\n    'border', 'border-default', 'border-subtle', 'border-strong', 'divider',\n    // tints\n    'success-tint', 'danger-tint', 'warning-tint', 'info-tint', 'brand-tint', 'ai-tint',\n    // misc\n    'switch-bg',\n]);\n\nconst DOT_NOTATION_RE = /^([a-zA-Z]+)\\.(\\d+)$/;\nconst DASH_NOTATION_RE = /^([a-zA-Z]+)-(\\d+)$/;\n\n/**\n * Resolves a theme token string to a platform-appropriate value.\n *\n * Resolution order:\n * 1. Raw values (#hex, rgb, hsl, transparent) — pass through\n * 2. Semantic tokens ('primary', 'danger') — look up in semanticTokens[colorMode]\n * 3. Dot-notation ('blue.500') — look up in theme.colors\n * 4. Prefixed tokens ('$spacing.4', '$radii.lg', '$shadows.md', '$fontSizes.lg')\n * 5. Legacy var() — pass through on web, resolved separately on native\n * 6. Legacy dash-notation ('blue-500') — look up in theme.colors\n */\nexport function resolveTokenValue(\n    theme: IKitsTheme,\n    colorMode: ColorMode,\n    token: string,\n    platform: 'web' | 'native' = 'web',\n): string {\n    if (typeof token !== 'string') return token;\n\n    // 1. Raw values — pass through\n    if (\n        token.startsWith('#') ||\n        token.startsWith('rgb') ||\n        token.startsWith('hsl') ||\n        token === 'transparent' ||\n        token === 'inherit' ||\n        token === 'currentColor'\n    ) {\n        return token;\n    }\n\n    // 1b. Alpha overlay families ('white-alpha-60', 'black-alpha-90').\n    // LITERAL — identical value in both color modes; scrim/overlay colors\n    // must never invert. Resolved before semantic/dot lookups so they can\n    // never be shadowed by a same-named theme entry.\n    if (isAlphaToken(token)) {\n        return platform === 'web'\n            ? `var(--kits-${token})`\n            : ALPHA_COLOR_VARS[`--kits-${token}`]!;\n    }\n\n    // 2. Semantic token lookup\n    const semantics = theme.semanticTokens[colorMode];\n    if (semantics && token in semantics) {\n        const resolved = semantics[token]!;\n        return resolveTokenValue(theme, colorMode, resolved, platform);\n    }\n\n    // 3. Dot-notation: 'blue.500'\n    const dotMatch = token.match(DOT_NOTATION_RE);\n    if (dotMatch) {\n        const [, family, shade] = dotMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    // 4. Prefixed tokens: $spacing.4, $radii.lg, $shadows.md, $fontSizes.lg\n    if (token.startsWith('$')) {\n        const dotIdx = token.indexOf('.');\n        if (dotIdx > 1) {\n            const category = token.substring(1, dotIdx);\n            const key = token.substring(dotIdx + 1);\n\n            switch (category) {\n                case 'spacing':\n                    if (key in theme.spacing) {\n                        return platform === 'web' ? `var(--kits-space-${key})` : theme.spacing[key]!;\n                    }\n                    break;\n                case 'radii':\n                    if (key in theme.radii) {\n                        return platform === 'web' ? `var(--kits-radii-${key})` : theme.radii[key]!;\n                    }\n                    break;\n                case 'shadows':\n                    if (key in theme.shadows) {\n                        if (platform === 'web') return `var(--kits-shadow-${key})`;\n                        // Native: tokens resolve to a string. Return the web CSS\n                        // string (best-effort); real native shadow params flow\n                        // through the `shadow` style key via `expandShadowNative`.\n                        const sv = theme.shadows[key]!;\n                        return typeof sv === 'string' ? sv : sv.web;\n                    }\n                    break;\n                case 'fontSizes':\n                    if (key in theme.fontSizes) {\n                        return platform === 'web' ? `var(--kits-fontSize-${key})` : theme.fontSizes[key]!;\n                    }\n                    break;\n                case 'fonts':\n                    if (key in theme.fonts) {\n                        return platform === 'web' ? `var(--kits-font-${key})` : theme.fonts[key as keyof typeof theme.fonts]!;\n                    }\n                    break;\n            }\n        }\n    }\n\n    // 5. Legacy var() — pass through\n    if (token.startsWith('var(')) {\n        return token;\n    }\n\n    // 6. Legacy dash-notation: 'blue-500'\n    const dashMatch = token.match(DASH_NOTATION_RE);\n    if (dashMatch) {\n        const [, family, shade] = dashMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    return token;\n}\n\n/**\n * Checks if a given string is a known semantic token name.\n * Used by the web style pipeline to detect tokens that should be resolved.\n */\nexport function isSemanticToken(value: string, theme?: IKitsTheme): boolean {\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (theme) {\n        return value in theme.semanticTokens.light || value in theme.semanticTokens.dark;\n    }\n    return false;\n}\n\n/**\n * Checks if a value looks like a theme token (dot-notation, $prefix, or semantic).\n */\nexport function isThemeToken(value: string): boolean {\n    if (typeof value !== 'string') return false;\n    if (DOT_NOTATION_RE.test(value)) return true;\n    if (value.startsWith('$')) return true;\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (isAlphaToken(value)) return true;\n    return false;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"resolvers.js","sources":["../../../../../../../types/src/Theme/resolvers.ts"],"sourcesContent":["import type {ColorMode, ColorScale, IKitsTheme} from './types';\nimport {ALPHA_COLOR_VARS, isAlphaToken} from './alphaColors';\nimport {SEMANTIC_TOKEN_NAMES} from './semanticTokenNames';\n\n/**\n * Set of built-in semantic token names for fast lookup.\n *\n * ⛔ IT IS DERIVED FROM THE THEME NOW, BECAUSE A HAND-KEPT MIRROR DRIFTED.\n * This list and its twin in `apps/web/src/Factory/css/theme.ts` both carried\n * the instruction \"KEEP IN SYNC\", both were kept in sync with EACH OTHER —\n * 45 names, identical — and both had drifted from the theme they describe by\n * the same four: `surface-muted`, `warning-text`, `success-text` and\n * `brand-text`. All four are defined in `defaultTheme.semanticTokens`, and\n * the web provider injects a `--kits-<name>` CSS var for every one of them.\n *\n * ⛔ WHAT THAT COST. `isThemeToken('surface-muted')` answered false, so the\n * value fell through as the raw CSS string `surface-muted`, failed\n * `CSS.supports`, and no rule was emitted — the element simply rendered with\n * nothing. Silent, and indistinguishable from a styling decision. It is also\n * why `Tabs` could not be given a theme-aware default until now.\n *\n * ⚠️ THE NAMES COME FROM `semanticTokenNames.ts`, not from the theme object.\n * Deriving them with `Object.keys(defaultTheme…)` was the first fix and it\n * dragged the whole 55 KB theme into every primitive — see that file.\n */\nconst SEMANTIC_KEYS = new Set<string>(SEMANTIC_TOKEN_NAMES);\n\nconst DOT_NOTATION_RE = /^([a-zA-Z]+)\\.(\\d+)$/;\nconst DASH_NOTATION_RE = /^([a-zA-Z]+)-(\\d+)$/;\n\n/**\n * Resolves a theme token string to a platform-appropriate value.\n *\n * Resolution order:\n * 1. Raw values (#hex, rgb, hsl, transparent) — pass through\n * 2. Semantic tokens ('primary', 'danger') — look up in semanticTokens[colorMode]\n * 3. Dot-notation ('blue.500') — look up in theme.colors\n * 4. Prefixed tokens ('$spacing.4', '$radii.lg', '$shadows.md', '$fontSizes.lg')\n * 5. Legacy var() — pass through on web, resolved separately on native\n * 6. Legacy dash-notation ('blue-500') — look up in theme.colors\n */\nexport function resolveTokenValue(\n    theme: IKitsTheme,\n    colorMode: ColorMode,\n    token: string,\n    platform: 'web' | 'native' = 'web',\n): string {\n    if (typeof token !== 'string') return token;\n\n    // 1. Raw values — pass through\n    if (\n        token.startsWith('#') ||\n        token.startsWith('rgb') ||\n        token.startsWith('hsl') ||\n        token === 'transparent' ||\n        token === 'inherit' ||\n        token === 'currentColor'\n    ) {\n        return token;\n    }\n\n    // 1b. Alpha overlay families ('white-alpha-60', 'black-alpha-90').\n    // LITERAL — identical value in both color modes; scrim/overlay colors\n    // must never invert. Resolved before semantic/dot lookups so they can\n    // never be shadowed by a same-named theme entry.\n    if (isAlphaToken(token)) {\n        return platform === 'web'\n            ? `var(--kits-${token})`\n            : ALPHA_COLOR_VARS[`--kits-${token}`]!;\n    }\n\n    // 2. Semantic token lookup\n    const semantics = theme.semanticTokens[colorMode];\n    if (semantics && token in semantics) {\n        const resolved = semantics[token]!;\n        return resolveTokenValue(theme, colorMode, resolved, platform);\n    }\n\n    // 3. Dot-notation: 'blue.500'\n    const dotMatch = token.match(DOT_NOTATION_RE);\n    if (dotMatch) {\n        const [, family, shade] = dotMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    // 4. Prefixed tokens: $spacing.4, $radii.lg, $shadows.md, $fontSizes.lg\n    if (token.startsWith('$')) {\n        const dotIdx = token.indexOf('.');\n        if (dotIdx > 1) {\n            const category = token.substring(1, dotIdx);\n            const key = token.substring(dotIdx + 1);\n\n            switch (category) {\n                case 'spacing':\n                    if (key in theme.spacing) {\n                        return platform === 'web' ? `var(--kits-space-${key})` : theme.spacing[key]!;\n                    }\n                    break;\n                case 'radii':\n                    if (key in theme.radii) {\n                        return platform === 'web' ? `var(--kits-radii-${key})` : theme.radii[key]!;\n                    }\n                    break;\n                case 'shadows':\n                    if (key in theme.shadows) {\n                        if (platform === 'web') return `var(--kits-shadow-${key})`;\n                        // Native: tokens resolve to a string. Return the web CSS\n                        // string (best-effort); real native shadow params flow\n                        // through the `shadow` style key via `expandShadowNative`.\n                        const sv = theme.shadows[key]!;\n                        return typeof sv === 'string' ? sv : sv.web;\n                    }\n                    break;\n                case 'fontSizes':\n                    if (key in theme.fontSizes) {\n                        return platform === 'web' ? `var(--kits-fontSize-${key})` : theme.fontSizes[key]!;\n                    }\n                    break;\n                case 'fonts':\n                    if (key in theme.fonts) {\n                        return platform === 'web' ? `var(--kits-font-${key})` : theme.fonts[key as keyof typeof theme.fonts]!;\n                    }\n                    break;\n            }\n        }\n    }\n\n    // 5. Legacy var() — pass through\n    if (token.startsWith('var(')) {\n        return token;\n    }\n\n    // 6. Legacy dash-notation: 'blue-500'\n    const dashMatch = token.match(DASH_NOTATION_RE);\n    if (dashMatch) {\n        const [, family, shade] = dashMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    return token;\n}\n\n/**\n * Checks if a given string is a known semantic token name.\n * Used by the web style pipeline to detect tokens that should be resolved.\n */\nexport function isSemanticToken(value: string, theme?: IKitsTheme): boolean {\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (theme) {\n        return value in theme.semanticTokens.light || value in theme.semanticTokens.dark;\n    }\n    return false;\n}\n\n/**\n * Checks if a value looks like a theme token (dot-notation, $prefix, or semantic).\n */\nexport function isThemeToken(value: string): boolean {\n    if (typeof value !== 'string') return false;\n    if (DOT_NOTATION_RE.test(value)) return true;\n    if (value.startsWith('$')) return true;\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (isAlphaToken(value)) return true;\n    return false;\n}\n"],"names":[],"mappings":";;;AAyBA,MAAM,aAAA,GAAgB,IAAI,GAAA,CAAY,oBAAoB,CAAA;AAE1D,MAAM,eAAA,GAAkB,sBAAA;AACxB,MAAM,gBAAA,GAAmB,qBAAA;AAalB,SAAS,iBAAA,CACZ,KAAA,EACA,SAAA,EACA,KAAA,EACA,WAA6B,KAAA,EACvB;AACN,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,EAAU,OAAO,KAAA;AAGtC,EAAA,IACI,MAAM,UAAA,CAAW,GAAG,CAAA,IACpB,KAAA,CAAM,WAAW,KAAK,CAAA,IACtB,KAAA,CAAM,UAAA,CAAW,KAAK,CAAA,IACtB,KAAA,KAAU,iBACV,KAAA,KAAU,SAAA,IACV,UAAU,cAAA,EACZ;AACE,IAAA,OAAO,KAAA;AAAA,EACX;AAMA,EAAA,IAAI,YAAA,CAAa,KAAK,CAAA,EAAG;AACrB,IAAA,OAAO,QAAA,KAAa,QACd,CAAA,WAAA,EAAc,KAAK,MACnB,gBAAA,CAAiB,CAAA,OAAA,EAAU,KAAK,CAAA,CAAE,CAAA;AAAA,EAC5C;AAGA,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,cAAA,CAAe,SAAS,CAAA;AAChD,EAAA,IAAI,SAAA,IAAa,SAAS,SAAA,EAAW;AACjC,IAAA,MAAM,QAAA,GAAW,UAAU,KAAK,CAAA;AAChC,IAAA,OAAO,iBAAA,CAAkB,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,QAAQ,CAAA;AAAA,EACjE;AAGA,EAAA,MAAM,QAAA,GAAW,KAAA,CAAM,KAAA,CAAM,eAAe,CAAA;AAC5C,EAAA,IAAI,QAAA,EAAU;AACV,IAAA,MAAM,GAAG,MAAA,EAAQ,KAAK,CAAA,GAAI,QAAA;AAC1B,IAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,MAAA,CAAO,MAAO,CAAA;AAClC,IAAA,IAAI,KAAA,IAAS,SAAU,KAAA,EAAO;AAC1B,MAAA,MAAM,GAAA,GAAM,MAAM,KAAoC,CAAA;AACtD,MAAA,OAAO,aAAa,KAAA,GAAQ,CAAA,WAAA,EAAc,MAAM,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,CAAA,GAAM,GAAA;AAAA,IACnE;AAAA,EACJ;AAGA,EAAA,IAAI,KAAA,CAAM,UAAA,CAAW,GAAG,CAAA,EAAG;AACvB,IAAA,MAAM,MAAA,GAAS,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAChC,IAAA,IAAI,SAAS,CAAA,EAAG;AACZ,MAAA,MAAM,QAAA,GAAW,KAAA,CAAM,SAAA,CAAU,CAAA,EAAG,MAAM,CAAA;AAC1C,MAAA,MAAM,GAAA,GAAM,KAAA,CAAM,SAAA,CAAU,MAAA,GAAS,CAAC,CAAA;AAEtC,MAAA,QAAQ,QAAA;AAAU,QACd,KAAK,SAAA;AACD,UAAA,IAAI,GAAA,IAAO,MAAM,OAAA,EAAS;AACtB,YAAA,OAAO,aAAa,KAAA,GAAQ,CAAA,iBAAA,EAAoB,GAAG,CAAA,CAAA,CAAA,GAAM,KAAA,CAAM,QAAQ,GAAG,CAAA;AAAA,UAC9E;AACA,UAAA;AAAA,QACJ,KAAK,OAAA;AACD,UAAA,IAAI,GAAA,IAAO,MAAM,KAAA,EAAO;AACpB,YAAA,OAAO,aAAa,KAAA,GAAQ,CAAA,iBAAA,EAAoB,GAAG,CAAA,CAAA,CAAA,GAAM,KAAA,CAAM,MAAM,GAAG,CAAA;AAAA,UAC5E;AACA,UAAA;AAAA,QACJ,KAAK,SAAA;AACD,UAAA,IAAI,GAAA,IAAO,MAAM,OAAA,EAAS;AACtB,YAAA,IAAI,QAAA,KAAa,KAAA,EAAO,OAAO,CAAA,kBAAA,EAAqB,GAAG,CAAA,CAAA,CAAA;AAIvD,YAAA,MAAM,EAAA,GAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAC5B,YAAA,OAAO,OAAO,EAAA,KAAO,QAAA,GAAW,EAAA,GAAK,EAAA,CAAG,GAAA;AAAA,UAC5C;AACA,UAAA;AAAA,QACJ,KAAK,WAAA;AACD,UAAA,IAAI,GAAA,IAAO,MAAM,SAAA,EAAW;AACxB,YAAA,OAAO,aAAa,KAAA,GAAQ,CAAA,oBAAA,EAAuB,GAAG,CAAA,CAAA,CAAA,GAAM,KAAA,CAAM,UAAU,GAAG,CAAA;AAAA,UACnF;AACA,UAAA;AAAA,QACJ,KAAK,OAAA;AACD,UAAA,IAAI,GAAA,IAAO,MAAM,KAAA,EAAO;AACpB,YAAA,OAAO,aAAa,KAAA,GAAQ,CAAA,gBAAA,EAAmB,GAAG,CAAA,CAAA,CAAA,GAAM,KAAA,CAAM,MAAM,GAA+B,CAAA;AAAA,UACvG;AACA,UAAA;AAAA;AACR,IACJ;AAAA,EACJ;AAGA,EAAA,IAAI,KAAA,CAAM,UAAA,CAAW,MAAM,CAAA,EAAG;AAC1B,IAAA,OAAO,KAAA;AAAA,EACX;AAGA,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,KAAA,CAAM,gBAAgB,CAAA;AAC9C,EAAA,IAAI,SAAA,EAAW;AACX,IAAA,MAAM,GAAG,MAAA,EAAQ,KAAK,CAAA,GAAI,SAAA;AAC1B,IAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,MAAA,CAAO,MAAO,CAAA;AAClC,IAAA,IAAI,KAAA,IAAS,SAAU,KAAA,EAAO;AAC1B,MAAA,MAAM,GAAA,GAAM,MAAM,KAAoC,CAAA;AACtD,MAAA,OAAO,aAAa,KAAA,GAAQ,CAAA,WAAA,EAAc,MAAM,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,CAAA,GAAM,GAAA;AAAA,IACnE;AAAA,EACJ;AAEA,EAAA,OAAO,KAAA;AACX;AAMO,SAAS,eAAA,CAAgB,OAAe,KAAA,EAA6B;AACxE,EAAA,IAAI,aAAA,CAAc,GAAA,CAAI,KAAK,CAAA,EAAG,OAAO,IAAA;AACrC,EAAA,IAAI,KAAA,EAAO;AACP,IAAA,OAAO,SAAS,KAAA,CAAM,cAAA,CAAe,KAAA,IAAS,KAAA,IAAS,MAAM,cAAA,CAAe,IAAA;AAAA,EAChF;AACA,EAAA,OAAO,KAAA;AACX;AAKO,SAAS,aAAa,KAAA,EAAwB;AACjD,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,EAAU,OAAO,KAAA;AACtC,EAAA,IAAI,eAAA,CAAgB,IAAA,CAAK,KAAK,CAAA,EAAG,OAAO,IAAA;AACxC,EAAA,IAAI,KAAA,CAAM,UAAA,CAAW,GAAG,CAAA,EAAG,OAAO,IAAA;AAClC,EAAA,IAAI,aAAA,CAAc,GAAA,CAAI,KAAK,CAAA,EAAG,OAAO,IAAA;AACrC,EAAA,IAAI,YAAA,CAAa,KAAK,CAAA,EAAG,OAAO,IAAA;AAChC,EAAA,OAAO,KAAA;AACX;;;;"}

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

@@ -0,0 +1,64 @@
+'use strict';
+
+const SEMANTIC_TOKEN_NAMES = [
+  // brand / primary
+  "primary",
+  "primary-hover",
+  "primary-active",
+  "secondary",
+  "brand",
+  "brand-bright",
+  "brand-deep",
+  "brand-muted",
+  "brand-text",
+  // status
+  "success",
+  "success-text",
+  "danger",
+  "warning",
+  "warning-text",
+  "info",
+  "help",
+  "ai-accent",
+  // text
+  "text",
+  "text-primary",
+  "text-secondary",
+  "text-subtle",
+  "text-muted",
+  "text-on-primary",
+  "text-link",
+  // backgrounds
+  "bg",
+  "bg-subtle",
+  "bg-muted",
+  "bg-accent",
+  "bg-input",
+  "bg-page",
+  // surfaces
+  "surface-ground",
+  "surface-card",
+  "surface-overlay",
+  "surface-hover",
+  "surface-muted",
+  "surface-sidebar",
+  "surface-border",
+  // borders
+  "border",
+  "border-default",
+  "border-subtle",
+  "border-strong",
+  "divider",
+  // tints
+  "success-tint",
+  "danger-tint",
+  "warning-tint",
+  "info-tint",
+  "brand-tint",
+  "ai-tint",
+  // misc
+  "switch-bg"
+];
+
+exports.SEMANTIC_TOKEN_NAMES = SEMANTIC_TOKEN_NAMES;
+//# sourceMappingURL=semanticTokenNames.cjs.map

package/packages/types/src/Theme/semanticTokenNames.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"semanticTokenNames.cjs","sources":["../../../../../../../types/src/Theme/semanticTokenNames.ts"],"sourcesContent":["/**\n * The names of every built-in semantic token, as a plain list.\n *\n * ⛔ IT IS ITS OWN MODULE SO THAT KNOWING A NAME DOES NOT COST THE THEME.\n * The first fix for the drift below derived this set from\n * `Object.keys(defaultTheme.semanticTokens)` — correct, drift-proof, and it\n * pulled the whole 55 KB default theme into every primitive that imports\n * `Box`, because the `Object.keys` call runs at module initialisation and a\n * bundler cannot drop what is read. `apps/web/src/Factory/css/theme.ts` says\n * in its first line that it uses a narrow subpath import precisely to avoid\n * that, and the derivation defeated it. Codex measured the cost.\n *\n * So the NAMES live here — a string array, nothing imported — and the theme's\n * values live where they always did. Both files that need the names take this\n * one instead.\n *\n * ⛔ AND DRIFT IS CAUGHT BY A TEST, NOT BY HOPE. This list and\n * `defaultTheme.semanticTokens` are two things that must agree, and the last\n * time two such lists existed they agreed with EACH OTHER for months while\n * both drifted from the theme — 45 identical names in two files, each\n * carrying the instruction \"KEEP IN SYNC\", each missing the same four:\n * `surface-muted`, `warning-text`, `success-text` and `brand-text`. A token\n * the theme defines and the resolver rejects falls through as raw CSS,\n * fails `CSS.supports`, and renders NOTHING — silently, and\n * indistinguishable from a styling decision. It is why the tab chips could\n * not be given a theme-aware default.\n *\n * `packages/types/tests/theme/aTabChipFollowsTheTheme.test.ts` asserts the\n * two agree, in both directions, on every run.\n */\nexport const SEMANTIC_TOKEN_NAMES: readonly string[] = [\n    // brand / primary\n    'primary', 'primary-hover', 'primary-active', 'secondary',\n    'brand', 'brand-bright', 'brand-deep', 'brand-muted', 'brand-text',\n    // status\n    'success', 'success-text', 'danger', 'warning', 'warning-text',\n    'info', 'help', 'ai-accent',\n    // text\n    'text', 'text-primary', 'text-secondary', 'text-subtle', 'text-muted',\n    'text-on-primary', 'text-link',\n    // backgrounds\n    'bg', 'bg-subtle', 'bg-muted', 'bg-accent', 'bg-input', 'bg-page',\n    // surfaces\n    'surface-ground', 'surface-card', 'surface-overlay', 'surface-hover',\n    'surface-muted', 'surface-sidebar', 'surface-border',\n    // borders\n    'border', 'border-default', 'border-subtle', 'border-strong', 'divider',\n    // tints\n    'success-tint', 'danger-tint', 'warning-tint', 'info-tint', 'brand-tint', 'ai-tint',\n    // misc\n    'switch-bg',\n];\n"],"names":[],"mappings":";;AA8BO,MAAM,oBAAA,GAA0C;AAAA;AAAA,EAEnD,SAAA;AAAA,EAAW,eAAA;AAAA,EAAiB,gBAAA;AAAA,EAAkB,WAAA;AAAA,EAC9C,OAAA;AAAA,EAAS,cAAA;AAAA,EAAgB,YAAA;AAAA,EAAc,aAAA;AAAA,EAAe,YAAA;AAAA;AAAA,EAEtD,SAAA;AAAA,EAAW,cAAA;AAAA,EAAgB,QAAA;AAAA,EAAU,SAAA;AAAA,EAAW,cAAA;AAAA,EAChD,MAAA;AAAA,EAAQ,MAAA;AAAA,EAAQ,WAAA;AAAA;AAAA,EAEhB,MAAA;AAAA,EAAQ,cAAA;AAAA,EAAgB,gBAAA;AAAA,EAAkB,aAAA;AAAA,EAAe,YAAA;AAAA,EACzD,iBAAA;AAAA,EAAmB,WAAA;AAAA;AAAA,EAEnB,IAAA;AAAA,EAAM,WAAA;AAAA,EAAa,UAAA;AAAA,EAAY,WAAA;AAAA,EAAa,UAAA;AAAA,EAAY,SAAA;AAAA;AAAA,EAExD,gBAAA;AAAA,EAAkB,cAAA;AAAA,EAAgB,iBAAA;AAAA,EAAmB,eAAA;AAAA,EACrD,eAAA;AAAA,EAAiB,iBAAA;AAAA,EAAmB,gBAAA;AAAA;AAAA,EAEpC,QAAA;AAAA,EAAU,gBAAA;AAAA,EAAkB,eAAA;AAAA,EAAiB,eAAA;AAAA,EAAiB,SAAA;AAAA;AAAA,EAE9D,cAAA;AAAA,EAAgB,aAAA;AAAA,EAAe,cAAA;AAAA,EAAgB,WAAA;AAAA,EAAa,YAAA;AAAA,EAAc,SAAA;AAAA;AAAA,EAE1E;AACJ;;;;"}

package/packages/types/src/Theme/semanticTokenNames.js

@@ -0,0 +1,62 @@
+const SEMANTIC_TOKEN_NAMES = [
+  // brand / primary
+  "primary",
+  "primary-hover",
+  "primary-active",
+  "secondary",
+  "brand",
+  "brand-bright",
+  "brand-deep",
+  "brand-muted",
+  "brand-text",
+  // status
+  "success",
+  "success-text",
+  "danger",
+  "warning",
+  "warning-text",
+  "info",
+  "help",
+  "ai-accent",
+  // text
+  "text",
+  "text-primary",
+  "text-secondary",
+  "text-subtle",
+  "text-muted",
+  "text-on-primary",
+  "text-link",
+  // backgrounds
+  "bg",
+  "bg-subtle",
+  "bg-muted",
+  "bg-accent",
+  "bg-input",
+  "bg-page",
+  // surfaces
+  "surface-ground",
+  "surface-card",
+  "surface-overlay",
+  "surface-hover",
+  "surface-muted",
+  "surface-sidebar",
+  "surface-border",
+  // borders
+  "border",
+  "border-default",
+  "border-subtle",
+  "border-strong",
+  "divider",
+  // tints
+  "success-tint",
+  "danger-tint",
+  "warning-tint",
+  "info-tint",
+  "brand-tint",
+  "ai-tint",
+  // misc
+  "switch-bg"
+];
+
+export { SEMANTIC_TOKEN_NAMES };
+//# sourceMappingURL=semanticTokenNames.js.map

package/packages/types/src/Theme/semanticTokenNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"semanticTokenNames.js","sources":["../../../../../../../types/src/Theme/semanticTokenNames.ts"],"sourcesContent":["/**\n * The names of every built-in semantic token, as a plain list.\n *\n * ⛔ IT IS ITS OWN MODULE SO THAT KNOWING A NAME DOES NOT COST THE THEME.\n * The first fix for the drift below derived this set from\n * `Object.keys(defaultTheme.semanticTokens)` — correct, drift-proof, and it\n * pulled the whole 55 KB default theme into every primitive that imports\n * `Box`, because the `Object.keys` call runs at module initialisation and a\n * bundler cannot drop what is read. `apps/web/src/Factory/css/theme.ts` says\n * in its first line that it uses a narrow subpath import precisely to avoid\n * that, and the derivation defeated it. Codex measured the cost.\n *\n * So the NAMES live here — a string array, nothing imported — and the theme's\n * values live where they always did. Both files that need the names take this\n * one instead.\n *\n * ⛔ AND DRIFT IS CAUGHT BY A TEST, NOT BY HOPE. This list and\n * `defaultTheme.semanticTokens` are two things that must agree, and the last\n * time two such lists existed they agreed with EACH OTHER for months while\n * both drifted from the theme — 45 identical names in two files, each\n * carrying the instruction \"KEEP IN SYNC\", each missing the same four:\n * `surface-muted`, `warning-text`, `success-text` and `brand-text`. A token\n * the theme defines and the resolver rejects falls through as raw CSS,\n * fails `CSS.supports`, and renders NOTHING — silently, and\n * indistinguishable from a styling decision. It is why the tab chips could\n * not be given a theme-aware default.\n *\n * `packages/types/tests/theme/aTabChipFollowsTheTheme.test.ts` asserts the\n * two agree, in both directions, on every run.\n */\nexport const SEMANTIC_TOKEN_NAMES: readonly string[] = [\n    // brand / primary\n    'primary', 'primary-hover', 'primary-active', 'secondary',\n    'brand', 'brand-bright', 'brand-deep', 'brand-muted', 'brand-text',\n    // status\n    'success', 'success-text', 'danger', 'warning', 'warning-text',\n    'info', 'help', 'ai-accent',\n    // text\n    'text', 'text-primary', 'text-secondary', 'text-subtle', 'text-muted',\n    'text-on-primary', 'text-link',\n    // backgrounds\n    'bg', 'bg-subtle', 'bg-muted', 'bg-accent', 'bg-input', 'bg-page',\n    // surfaces\n    'surface-ground', 'surface-card', 'surface-overlay', 'surface-hover',\n    'surface-muted', 'surface-sidebar', 'surface-border',\n    // borders\n    'border', 'border-default', 'border-subtle', 'border-strong', 'divider',\n    // tints\n    'success-tint', 'danger-tint', 'warning-tint', 'info-tint', 'brand-tint', 'ai-tint',\n    // misc\n    'switch-bg',\n];\n"],"names":[],"mappings":"AA8BO,MAAM,oBAAA,GAA0C;AAAA;AAAA,EAEnD,SAAA;AAAA,EAAW,eAAA;AAAA,EAAiB,gBAAA;AAAA,EAAkB,WAAA;AAAA,EAC9C,OAAA;AAAA,EAAS,cAAA;AAAA,EAAgB,YAAA;AAAA,EAAc,aAAA;AAAA,EAAe,YAAA;AAAA;AAAA,EAEtD,SAAA;AAAA,EAAW,cAAA;AAAA,EAAgB,QAAA;AAAA,EAAU,SAAA;AAAA,EAAW,cAAA;AAAA,EAChD,MAAA;AAAA,EAAQ,MAAA;AAAA,EAAQ,WAAA;AAAA;AAAA,EAEhB,MAAA;AAAA,EAAQ,cAAA;AAAA,EAAgB,gBAAA;AAAA,EAAkB,aAAA;AAAA,EAAe,YAAA;AAAA,EACzD,iBAAA;AAAA,EAAmB,WAAA;AAAA;AAAA,EAEnB,IAAA;AAAA,EAAM,WAAA;AAAA,EAAa,UAAA;AAAA,EAAY,WAAA;AAAA,EAAa,UAAA;AAAA,EAAY,SAAA;AAAA;AAAA,EAExD,gBAAA;AAAA,EAAkB,cAAA;AAAA,EAAgB,iBAAA;AAAA,EAAmB,eAAA;AAAA,EACrD,eAAA;AAAA,EAAiB,iBAAA;AAAA,EAAmB,gBAAA;AAAA;AAAA,EAEpC,QAAA;AAAA,EAAU,gBAAA;AAAA,EAAkB,eAAA;AAAA,EAAiB,eAAA;AAAA,EAAiB,SAAA;AAAA;AAAA,EAE9D,cAAA;AAAA,EAAgB,aAAA;AAAA,EAAe,cAAA;AAAA,EAAgB,WAAA;AAAA,EAAa,YAAA;AAAA,EAAc,SAAA;AAAA;AAAA,EAE1E;AACJ;;;;"}

package/primitives/Box/index.cjs

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

package/primitives/Box/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Box/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst Box =\n  ({ children, ref, ...props }:PropsWithChildren<IFlexComponent>) => {\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const { scrollable, entering, exiting, ...restNativeProps } = nativeProps;\n\n    return (\n      <ResponsiveElement\n        ref={ref}\n        as={'Box'}\n        scrollable={scrollable}\n        entering={entering}\n        exiting={exiting}\n        additionalStyles={{\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n        cssProps={cssProps}\n        nativeProps={restNativeProps}\n        children={children}\n      />\n    );\n  }\n\nexport default Box;\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,MACJ,CAAC,EAAE,UAAU,GAAA,EAAK,GAAG,OAAM,KAAwC;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIA,qBAAkB,KAAK,CAAA;AACzD,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,OAAA,EAAS,GAAG,iBAAgB,GAAI,WAAA;AAE9D,EAAA,uBACEC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ,UAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QAChB,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe;AAAA,OACjB;AAAA,MACA,QAAA;AAAA,MACA,WAAA,EAAa,eAAA;AAAA,MACb;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Box/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst Box =\n  ({ children, ref, ...props }:PropsWithChildren<IFlexComponent>) => {\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const { scrollable, entering, exiting, ...restNativeProps } = nativeProps;\n\n    return (\n      <ResponsiveElement\n        ref={ref}\n        as={'Box'}\n        scrollable={scrollable}\n        entering={entering}\n        exiting={exiting}\n        additionalStyles={{\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n        cssProps={cssProps}\n        nativeProps={restNativeProps}\n        children={children}\n      />\n    );\n  }\n\nexport default Box;\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,MACJ,CAAC,EAAE,UAAU,GAAA,EAAK,GAAG,OAAM,KAAwC;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIA,qBAAkB,KAAK,CAAA;AACzD,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,OAAA,EAAS,GAAG,iBAAgB,GAAI,WAAA;AAE9D,EAAA,uBACEC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ,UAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QAChB,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe;AAAA,OACjB;AAAA,MACA,QAAA;AAAA,MACA,WAAA,EAAa,eAAA;AAAA,MACb;AAAA;AAAA,GACF;AAEJ;;;;"}

package/primitives/Box/index.js

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

package/primitives/Box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/primitives/Box/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst Box =\n  ({ children, ref, ...props }:PropsWithChildren<IFlexComponent>) => {\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const { scrollable, entering, exiting, ...restNativeProps } = nativeProps;\n\n    return (\n      <ResponsiveElement\n        ref={ref}\n        as={'Box'}\n        scrollable={scrollable}\n        entering={entering}\n        exiting={exiting}\n        additionalStyles={{\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n        cssProps={cssProps}\n        nativeProps={restNativeProps}\n        children={children}\n      />\n    );\n  }\n\nexport default Box;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,MACJ,CAAC,EAAE,UAAU,GAAA,EAAK,GAAG,OAAM,KAAwC;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAAkB,KAAK,CAAA;AACzD,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,OAAA,EAAS,GAAG,iBAAgB,GAAI,WAAA;AAE9D,EAAA,uBACE,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ,UAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QAChB,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe;AAAA,OACjB;AAAA,MACA,QAAA;AAAA,MACA,WAAA,EAAa,eAAA;AAAA,MACb;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/primitives/Box/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst Box =\n  ({ children, ref, ...props }:PropsWithChildren<IFlexComponent>) => {\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const { scrollable, entering, exiting, ...restNativeProps } = nativeProps;\n\n    return (\n      <ResponsiveElement\n        ref={ref}\n        as={'Box'}\n        scrollable={scrollable}\n        entering={entering}\n        exiting={exiting}\n        additionalStyles={{\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n        cssProps={cssProps}\n        nativeProps={restNativeProps}\n        children={children}\n      />\n    );\n  }\n\nexport default Box;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,MACJ,CAAC,EAAE,UAAU,GAAA,EAAK,GAAG,OAAM,KAAwC;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAAkB,KAAK,CAAA;AACzD,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,OAAA,EAAS,GAAG,iBAAgB,GAAI,WAAA;AAE9D,EAAA,uBACE,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ,UAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QAChB,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe;AAAA,OACjB;AAAA,MACA,QAAA;AAAA,MACA,WAAA,EAAa,eAAA;AAAA,MACb;AAAA;AAAA,GACF;AAEJ;;;;"}

package/primitives/Card/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');