@lmb-it/kitsconcerto-native 0.1.243 → 0.1.244

package/components/SkeletonText/index.js

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

package/components/SkeletonText/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/SkeletonText/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {SkeletonText as GSkeletonText} from '@lmb-it/kitsconcertomobile';\nimport type {ISkeletonText} from \"@lmb-it/kitsconcerto-types\";\n\nconst Skeleton: React.FC<ISkeletonText> = ({\n                                               lines = 3,\n                                               gap = 1,\n                                               startColor,\n                                               isLoaded,\n                                               speed,\n                                               animation,\n                                               ...props\n                                           }) => {\n\n    return (\n        <GSkeletonText\n            _lines={lines}\n            gap={gap}\n            startColor={startColor ?? 'bg-background-200'}\n            speed={speed}\n            isLoaded={isLoaded}\n            className=\"h-3\"\n        />\n    );\n};\n\nexport default Skeleton;\n"],"names":["GSkeletonText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,WAAoC,CAAC;AAAA,EACI,KAAA,GAAQ,CAAA;AAAA,EACR,GAAA,GAAM,CAAA;AAAA,EACN,UAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AAE7C,EAAA,uBACI,GAAA;AAAA,IAACA,YAAA;AAAA,IAAA;AAAA,MACG,MAAA,EAAQ,KAAA;AAAA,MACR,GAAA;AAAA,MACA,YAAY,UAAA,IAAc,mBAAA;AAAA,MAC1B,KAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA,EAAU;AAAA;AAAA,GACd;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/SkeletonText/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {SkeletonText as GSkeletonText} from '@lmb-it/kitsconcertomobile';\nimport type {ISkeletonText} from \"@lmb-it/kitsconcerto-types\";\n\nconst Skeleton: React.FC<ISkeletonText> = ({\n                                               lines = 3,\n                                               gap = 1,\n                                               startColor,\n                                               isLoaded,\n                                               speed,\n                                               animation,\n                                               ...props\n                                           }) => {\n\n    return (\n        <GSkeletonText\n            _lines={lines}\n            gap={gap}\n            startColor={startColor ?? 'bg-background-200'}\n            speed={speed}\n            isLoaded={isLoaded}\n            className=\"h-3\"\n        />\n    );\n};\n\nexport default Skeleton;\n"],"names":["GSkeletonText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,WAAoC,CAAC;AAAA,EACI,KAAA,GAAQ,CAAA;AAAA,EACR,GAAA,GAAM,CAAA;AAAA,EACN,UAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AAE7C,EAAA,uBACI,GAAA;AAAA,IAACA,YAAA;AAAA,IAAA;AAAA,MACG,MAAA,EAAQ,KAAA;AAAA,MACR,GAAA;AAAA,MACA,YAAY,UAAA,IAAc,mBAAA;AAAA,MAC1B,KAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA,EAAU;AAAA;AAAA,GACd;AAER;;;;"}

package/components/Tabs/index.cjs

@@ -61,6 +61,8 @@ require('yup');
 require('../../packages/types/src/Css/map/index.cjs');
 require('../../packages/types/src/Theme/shadows.cjs');
 require('../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../packages/types/src/Theme/alphaColors.cjs');
+require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 require('i18next');
 require('react-i18next');
 require('../../apps/mobile/src/Core/AutoComplete/index.cjs');

package/components/Tabs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Tabs/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {ScrollView, TouchableOpacity, View} from \"react-native\";\nimport {resolveThemeTokenForNative} from \"@lmb-it/kitsconcertomobile\";\nimport type {ITabsProps, ITabItem} from \"@lmb-it/kitsconcerto-types\";\nimport {Text, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n// Mirrors the app's FilterChips (App/src/components/shared/FilterChips).\nconst SIZE = {\n    sm: {h: 28, px: 12, fs: 12},\n    md: {h: 32, px: 14, fs: 13},\n    lg: {h: 40, px: 18, fs: 15},\n} as const;\n\n/**\n * Tabs (native) — horizontally-scrollable selectable filter row.\n *\n * Built like the app's working `FilterChips`: a RN horizontal `ScrollView` of\n * `TouchableOpacity` pills + the library `Text`. Active = filled `activeColor`;\n * inactive = neutral tint. Colours resolve via the standalone token resolver.\n */\nexport function Tabs<K extends string = string>(rawProps: ITabsProps<K>) {\n    const props = useComponentDefaults<ITabsProps<K>>(\"Tabs\", rawProps).mergedProps;\n    const {\n        items, value, onChange, size = \"md\", activeColor = \"brand\", scrollable = true, gap = 8, testID,\n        countVariant = \"suffix\",\n        activeBadgeBackground = \"surface-card\",\n        activeBadgeTextColor = \"text-primary\",\n        inactiveBadgeBackground = \"gray.200\",\n        inactiveBadgeTextColor = \"text-secondary\",\n        inactiveBackground = \"gray.100\",\n        inactiveTextColor = \"text-secondary\",\n        sizeHeights,\n    } = props;\n\n    const cfg = SIZE[size] ?? SIZE.md;\n    const heights = {sm: SIZE.sm.h, md: SIZE.md.h, lg: SIZE.lg.h, ...sizeHeights};\n    const height = heights[size] ?? heights.md;\n    const activeBg = resolveThemeTokenForNative(activeColor);\n    const inactiveBg = resolveThemeTokenForNative(inactiveBackground);\n    const inactiveText = resolveThemeTokenForNative(inactiveTextColor);\n    const badge = countVariant === \"badge\";\n    const activeBadgeBg = resolveThemeTokenForNative(activeBadgeBackground);\n    const activeBadgeFg = resolveThemeTokenForNative(activeBadgeTextColor);\n    const inactiveBadgeBg = resolveThemeTokenForNative(inactiveBadgeBackground);\n    const inactiveBadgeFg = resolveThemeTokenForNative(inactiveBadgeTextColor);\n    const badgeH = cfg.fs + 7;\n\n    const renderChip = (item: ITabItem<K>) => {\n        const active = item.key === value;\n        const label = !badge && item.count != null ? `${item.label}  ${item.count}` : item.label;\n        const fg = active ? \"#FFFFFF\" : inactiveText;\n        return (\n            <TouchableOpacity\n                key={item.key}\n                activeOpacity={0.75}\n                disabled={item.disabled}\n                onPress={() => onChange(item.key)}\n                accessibilityRole=\"button\"\n                accessibilityState={{selected: active}}\n                style={{\n                    height,\n                    borderRadius: 999,\n                    paddingHorizontal: cfg.px,\n                    flexDirection: \"row\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    gap: 6,\n                    backgroundColor: active ? activeBg : inactiveBg,\n                    opacity: item.disabled ? 0.5 : 1,\n                }}\n            >\n                {item.icon != null && <Icon name={item.icon as never} size={cfg.fs + 1} color={fg} />}\n                <Text fontSize={cfg.fs} fontWeight=\"600\" color={fg}>\n                    {label}\n                </Text>\n                {badge && item.count != null && (\n                    <View\n                        style={{\n                            height: badgeH,\n                            minWidth: badgeH,\n                            borderRadius: 999,\n                            paddingHorizontal: 6,\n                            alignItems: \"center\",\n                            justifyContent: \"center\",\n                            backgroundColor: active ? activeBadgeBg : inactiveBadgeBg,\n                        }}\n                    >\n                        <Text fontSize={cfg.fs - 2} fontWeight=\"600\" color={active ? activeBadgeFg : inactiveBadgeFg}>\n                            {item.count}\n                        </Text>\n                    </View>\n                )}\n            </TouchableOpacity>\n        );\n    };\n\n    if (!scrollable) {\n        return (\n            <View style={{flexDirection: \"row\", flexWrap: \"wrap\", alignItems: \"center\", gap}} testID={testID}>\n                {items.map(renderChip)}\n            </View>\n        );\n    }\n\n    return (\n        <ScrollView\n            horizontal\n            showsHorizontalScrollIndicator={false}\n            keyboardShouldPersistTaps=\"handled\"\n            contentContainerStyle={{flexDirection: \"row\", alignItems: \"center\", gap, paddingVertical: 4}}\n            testID={testID}\n        >\n            {items.map(renderChip)}\n        </ScrollView>\n    );\n}\n\nexport default Tabs;\n"],"names":["useComponentDefaults","resolveThemeTokenForNative","jsxs","TouchableOpacity","jsx","Icon","Text","View","ScrollView"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Tabs/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {ScrollView, TouchableOpacity, View} from \"react-native\";\nimport {resolveThemeTokenForNative} from \"@lmb-it/kitsconcertomobile\";\nimport type {ITabsProps, ITabItem} from \"@lmb-it/kitsconcerto-types\";\nimport {Text, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n// Mirrors the app's FilterChips (App/src/components/shared/FilterChips).\nconst SIZE = {\n    sm: {h: 28, px: 12, fs: 12},\n    md: {h: 32, px: 14, fs: 13},\n    lg: {h: 40, px: 18, fs: 15},\n} as const;\n\n/**\n * Tabs (native) — horizontally-scrollable selectable filter row.\n *\n * Built like the app's working `FilterChips`: a RN horizontal `ScrollView` of\n * `TouchableOpacity` pills + the library `Text`. Active = filled `activeColor`;\n * inactive = neutral tint. Colours resolve via the standalone token resolver.\n */\nexport function Tabs<K extends string = string>(rawProps: ITabsProps<K>) {\n    const props = useComponentDefaults<ITabsProps<K>>(\"Tabs\", rawProps).mergedProps;\n    const {\n        items, value, onChange, size = \"md\", activeColor = \"brand\", scrollable = true, gap = 8, testID,\n        countVariant = \"suffix\",\n        activeBadgeBackground = \"surface-card\",\n        activeBadgeTextColor = \"text-primary\",\n        inactiveBadgeBackground = \"gray.200\",\n        inactiveBadgeTextColor = \"text-secondary\",\n        inactiveBackground = \"gray.100\",\n        inactiveTextColor = \"text-secondary\",\n        sizeHeights,\n    } = props;\n\n    const cfg = SIZE[size] ?? SIZE.md;\n    const heights = {sm: SIZE.sm.h, md: SIZE.md.h, lg: SIZE.lg.h, ...sizeHeights};\n    const height = heights[size] ?? heights.md;\n    const activeBg = resolveThemeTokenForNative(activeColor);\n    const inactiveBg = resolveThemeTokenForNative(inactiveBackground);\n    const inactiveText = resolveThemeTokenForNative(inactiveTextColor);\n    const badge = countVariant === \"badge\";\n    const activeBadgeBg = resolveThemeTokenForNative(activeBadgeBackground);\n    const activeBadgeFg = resolveThemeTokenForNative(activeBadgeTextColor);\n    const inactiveBadgeBg = resolveThemeTokenForNative(inactiveBadgeBackground);\n    const inactiveBadgeFg = resolveThemeTokenForNative(inactiveBadgeTextColor);\n    const badgeH = cfg.fs + 7;\n\n    const renderChip = (item: ITabItem<K>) => {\n        const active = item.key === value;\n        const label = !badge && item.count != null ? `${item.label}  ${item.count}` : item.label;\n        const fg = active ? \"#FFFFFF\" : inactiveText;\n        return (\n            <TouchableOpacity\n                key={item.key}\n                activeOpacity={0.75}\n                disabled={item.disabled}\n                onPress={() => onChange(item.key)}\n                accessibilityRole=\"button\"\n                accessibilityState={{selected: active}}\n                style={{\n                    height,\n                    borderRadius: 999,\n                    paddingHorizontal: cfg.px,\n                    flexDirection: \"row\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    gap: 6,\n                    backgroundColor: active ? activeBg : inactiveBg,\n                    opacity: item.disabled ? 0.5 : 1,\n                }}\n            >\n                {item.icon != null && <Icon name={item.icon as never} size={cfg.fs + 1} color={fg} />}\n                <Text fontSize={cfg.fs} fontWeight=\"600\" color={fg}>\n                    {label}\n                </Text>\n                {badge && item.count != null && (\n                    <View\n                        style={{\n                            height: badgeH,\n                            minWidth: badgeH,\n                            borderRadius: 999,\n                            paddingHorizontal: 6,\n                            alignItems: \"center\",\n                            justifyContent: \"center\",\n                            backgroundColor: active ? activeBadgeBg : inactiveBadgeBg,\n                        }}\n                    >\n                        <Text fontSize={cfg.fs - 2} fontWeight=\"600\" color={active ? activeBadgeFg : inactiveBadgeFg}>\n                            {item.count}\n                        </Text>\n                    </View>\n                )}\n            </TouchableOpacity>\n        );\n    };\n\n    if (!scrollable) {\n        return (\n            <View style={{flexDirection: \"row\", flexWrap: \"wrap\", alignItems: \"center\", gap}} testID={testID}>\n                {items.map(renderChip)}\n            </View>\n        );\n    }\n\n    return (\n        <ScrollView\n            horizontal\n            showsHorizontalScrollIndicator={false}\n            keyboardShouldPersistTaps=\"handled\"\n            contentContainerStyle={{flexDirection: \"row\", alignItems: \"center\", gap, paddingVertical: 4}}\n            testID={testID}\n        >\n            {items.map(renderChip)}\n        </ScrollView>\n    );\n}\n\nexport default Tabs;\n"],"names":["useComponentDefaults","resolveThemeTokenForNative","jsxs","TouchableOpacity","jsx","Icon","Text","View","ScrollView"],"mappings":"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"}

package/components/Tabs/index.js

@@ -59,6 +59,8 @@ import 'yup';
 import '../../packages/types/src/Css/map/index.js';
 import '../../packages/types/src/Theme/shadows.js';
 import '../../packages/types/src/Theme/defaultTheme.js';
+import '../../packages/types/src/Theme/alphaColors.js';
+import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import 'i18next';
 import 'react-i18next';
 import '../../apps/mobile/src/Core/AutoComplete/index.js';

package/components/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Tabs/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {ScrollView, TouchableOpacity, View} from \"react-native\";\nimport {resolveThemeTokenForNative} from \"@lmb-it/kitsconcertomobile\";\nimport type {ITabsProps, ITabItem} from \"@lmb-it/kitsconcerto-types\";\nimport {Text, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n// Mirrors the app's FilterChips (App/src/components/shared/FilterChips).\nconst SIZE = {\n    sm: {h: 28, px: 12, fs: 12},\n    md: {h: 32, px: 14, fs: 13},\n    lg: {h: 40, px: 18, fs: 15},\n} as const;\n\n/**\n * Tabs (native) — horizontally-scrollable selectable filter row.\n *\n * Built like the app's working `FilterChips`: a RN horizontal `ScrollView` of\n * `TouchableOpacity` pills + the library `Text`. Active = filled `activeColor`;\n * inactive = neutral tint. Colours resolve via the standalone token resolver.\n */\nexport function Tabs<K extends string = string>(rawProps: ITabsProps<K>) {\n    const props = useComponentDefaults<ITabsProps<K>>(\"Tabs\", rawProps).mergedProps;\n    const {\n        items, value, onChange, size = \"md\", activeColor = \"brand\", scrollable = true, gap = 8, testID,\n        countVariant = \"suffix\",\n        activeBadgeBackground = \"surface-card\",\n        activeBadgeTextColor = \"text-primary\",\n        inactiveBadgeBackground = \"gray.200\",\n        inactiveBadgeTextColor = \"text-secondary\",\n        inactiveBackground = \"gray.100\",\n        inactiveTextColor = \"text-secondary\",\n        sizeHeights,\n    } = props;\n\n    const cfg = SIZE[size] ?? SIZE.md;\n    const heights = {sm: SIZE.sm.h, md: SIZE.md.h, lg: SIZE.lg.h, ...sizeHeights};\n    const height = heights[size] ?? heights.md;\n    const activeBg = resolveThemeTokenForNative(activeColor);\n    const inactiveBg = resolveThemeTokenForNative(inactiveBackground);\n    const inactiveText = resolveThemeTokenForNative(inactiveTextColor);\n    const badge = countVariant === \"badge\";\n    const activeBadgeBg = resolveThemeTokenForNative(activeBadgeBackground);\n    const activeBadgeFg = resolveThemeTokenForNative(activeBadgeTextColor);\n    const inactiveBadgeBg = resolveThemeTokenForNative(inactiveBadgeBackground);\n    const inactiveBadgeFg = resolveThemeTokenForNative(inactiveBadgeTextColor);\n    const badgeH = cfg.fs + 7;\n\n    const renderChip = (item: ITabItem<K>) => {\n        const active = item.key === value;\n        const label = !badge && item.count != null ? `${item.label}  ${item.count}` : item.label;\n        const fg = active ? \"#FFFFFF\" : inactiveText;\n        return (\n            <TouchableOpacity\n                key={item.key}\n                activeOpacity={0.75}\n                disabled={item.disabled}\n                onPress={() => onChange(item.key)}\n                accessibilityRole=\"button\"\n                accessibilityState={{selected: active}}\n                style={{\n                    height,\n                    borderRadius: 999,\n                    paddingHorizontal: cfg.px,\n                    flexDirection: \"row\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    gap: 6,\n                    backgroundColor: active ? activeBg : inactiveBg,\n                    opacity: item.disabled ? 0.5 : 1,\n                }}\n            >\n                {item.icon != null && <Icon name={item.icon as never} size={cfg.fs + 1} color={fg} />}\n                <Text fontSize={cfg.fs} fontWeight=\"600\" color={fg}>\n                    {label}\n                </Text>\n                {badge && item.count != null && (\n                    <View\n                        style={{\n                            height: badgeH,\n                            minWidth: badgeH,\n                            borderRadius: 999,\n                            paddingHorizontal: 6,\n                            alignItems: \"center\",\n                            justifyContent: \"center\",\n                            backgroundColor: active ? activeBadgeBg : inactiveBadgeBg,\n                        }}\n                    >\n                        <Text fontSize={cfg.fs - 2} fontWeight=\"600\" color={active ? activeBadgeFg : inactiveBadgeFg}>\n                            {item.count}\n                        </Text>\n                    </View>\n                )}\n            </TouchableOpacity>\n        );\n    };\n\n    if (!scrollable) {\n        return (\n            <View style={{flexDirection: \"row\", flexWrap: \"wrap\", alignItems: \"center\", gap}} testID={testID}>\n                {items.map(renderChip)}\n            </View>\n        );\n    }\n\n    return (\n        <ScrollView\n            horizontal\n            showsHorizontalScrollIndicator={false}\n            keyboardShouldPersistTaps=\"handled\"\n            contentContainerStyle={{flexDirection: \"row\", alignItems: \"center\", gap, paddingVertical: 4}}\n            testID={testID}\n        >\n            {items.map(renderChip)}\n        </ScrollView>\n    );\n}\n\nexport default Tabs;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,IAAA,GAAO;AAAA,EACT,IAAI,EAAC,CAAA,EAAG,IAAI,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA,EAAE;AAAA,EAC1B,IAAI,EAAC,CAAA,EAAG,IAAI,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA,EAAE;AAAA,EAC1B,IAAI,EAAC,CAAA,EAAG,IAAI,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA;AAC5B,CAAA;AASO,SAAS,KAAgC,QAAA,EAAyB;AACrE,EAAA,MAAM,KAAA,GAAQ,oBAAA,CAAoC,MAAA,EAAQ,QAAQ,CAAA,CAAE,WAAA;AACpE,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IAAO,KAAA;AAAA,IAAO,QAAA;AAAA,IAAU,IAAA,GAAO,IAAA;AAAA,IAAM,WAAA,GAAc,OAAA;AAAA,IAAS,UAAA,GAAa,IAAA;AAAA,IAAM,GAAA,GAAM,CAAA;AAAA,IAAG,MAAA;AAAA,IACxF,YAAA,GAAe,QAAA;AAAA,IACf,qBAAA,GAAwB,cAAA;AAAA,IACxB,oBAAA,GAAuB,cAAA;AAAA,IACvB,uBAAA,GAA0B,UAAA;AAAA,IAC1B,sBAAA,GAAyB,gBAAA;AAAA,IACzB,kBAAA,GAAqB,UAAA;AAAA,IACrB,iBAAA,GAAoB,gBAAA;AAAA,IACpB;AAAA,GACJ,GAAI,KAAA;AAEJ,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,IAAI,CAAA,IAAK,IAAA,CAAK,EAAA;AAC/B,EAAA,MAAM,OAAA,GAAU,EAAC,EAAA,EAAI,IAAA,CAAK,GAAG,CAAA,EAAG,EAAA,EAAI,IAAA,CAAK,EAAA,CAAG,GAAG,EAAA,EAAI,IAAA,CAAK,EAAA,CAAG,CAAA,EAAG,GAAG,WAAA,EAAW;AAC5E,EAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,IAAI,CAAA,IAAK,OAAA,CAAQ,EAAA;AACxC,EAAA,MAAM,QAAA,GAAW,2BAA2B,WAAW,CAAA;AACvD,EAAA,MAAM,UAAA,GAAa,2BAA2B,kBAAkB,CAAA;AAChE,EAAA,MAAM,YAAA,GAAe,2BAA2B,iBAAiB,CAAA;AACjE,EAAA,MAAM,QAAQ,YAAA,KAAiB,OAAA;AAC/B,EAAA,MAAM,aAAA,GAAgB,2BAA2B,qBAAqB,CAAA;AACtE,EAAA,MAAM,aAAA,GAAgB,2BAA2B,oBAAoB,CAAA;AACrE,EAAA,MAAM,eAAA,GAAkB,2BAA2B,uBAAuB,CAAA;AAC1E,EAAA,MAAM,eAAA,GAAkB,2BAA2B,sBAAsB,CAAA;AACzE,EAAA,MAAM,MAAA,GAAS,IAAI,EAAA,GAAK,CAAA;AAExB,EAAA,MAAM,UAAA,GAAa,CAAC,IAAA,KAAsB;AACtC,IAAA,MAAM,MAAA,GAAS,KAAK,GAAA,KAAQ,KAAA;AAC5B,IAAA,MAAM,KAAA,GAAQ,CAAC,KAAA,IAAS,IAAA,CAAK,KAAA,IAAS,IAAA,GAAO,CAAA,EAAG,IAAA,CAAK,KAAK,CAAA,EAAA,EAAK,IAAA,CAAK,KAAK,KAAK,IAAA,CAAK,KAAA;AACnF,IAAA,MAAM,EAAA,GAAK,SAAS,SAAA,GAAY,YAAA;AAChC,IAAA,uBACI,IAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QAEG,aAAA,EAAe,IAAA;AAAA,QACf,UAAU,IAAA,CAAK,QAAA;AAAA,QACf,OAAA,EAAS,MAAM,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA;AAAA,QAChC,iBAAA,EAAkB,QAAA;AAAA,QAClB,kBAAA,EAAoB,EAAC,QAAA,EAAU,MAAA,EAAM;AAAA,QACrC,KAAA,EAAO;AAAA,UACH,MAAA;AAAA,UACA,YAAA,EAAc,GAAA;AAAA,UACd,mBAAmB,GAAA,CAAI,EAAA;AAAA,UACvB,aAAA,EAAe,KAAA;AAAA,UACf,UAAA,EAAY,QAAA;AAAA,UACZ,cAAA,EAAgB,QAAA;AAAA,UAChB,GAAA,EAAK,CAAA;AAAA,UACL,eAAA,EAAiB,SAAS,QAAA,GAAW,UAAA;AAAA,UACrC,OAAA,EAAS,IAAA,CAAK,QAAA,GAAW,GAAA,GAAM;AAAA,SACnC;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,IAAA,IAAQ,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,IAAA,CAAK,IAAA,EAAe,IAAA,EAAM,GAAA,CAAI,EAAA,GAAK,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,CAAA;AAAA,0BACnF,GAAA,CAAC,QAAK,QAAA,EAAU,GAAA,CAAI,IAAI,UAAA,EAAW,KAAA,EAAM,KAAA,EAAO,EAAA,EAC3C,QAAA,EAAA,KAAA,EACL,CAAA;AAAA,UACC,KAAA,IAAS,IAAA,CAAK,KAAA,IAAS,IAAA,oBACpB,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACG,KAAA,EAAO;AAAA,gBACH,MAAA,EAAQ,MAAA;AAAA,gBACR,QAAA,EAAU,MAAA;AAAA,gBACV,YAAA,EAAc,GAAA;AAAA,gBACd,iBAAA,EAAmB,CAAA;AAAA,gBACnB,UAAA,EAAY,QAAA;AAAA,gBACZ,cAAA,EAAgB,QAAA;AAAA,gBAChB,eAAA,EAAiB,SAAS,aAAA,GAAgB;AAAA,eAC9C;AAAA,cAEA,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,QAAA,EAAU,GAAA,CAAI,EAAA,GAAK,CAAA,EAAG,UAAA,EAAW,KAAA,EAAM,KAAA,EAAO,MAAA,GAAS,aAAA,GAAgB,eAAA,EACxE,eAAK,KAAA,EACV;AAAA;AAAA;AACJ;AAAA,OAAA;AAAA,MArCC,IAAA,CAAK;AAAA,KAuCd;AAAA,EAER,CAAA;AAEA,EAAA,IAAI,CAAC,UAAA,EAAY;AACb,IAAA,2BACK,IAAA,EAAA,EAAK,KAAA,EAAO,EAAC,aAAA,EAAe,OAAO,QAAA,EAAU,MAAA,EAAQ,UAAA,EAAY,QAAA,EAAU,KAAG,EAAG,MAAA,EAC7E,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,UAAU,CAAA,EACzB,CAAA;AAAA,EAER;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACG,UAAA,EAAU,IAAA;AAAA,MACV,8BAAA,EAAgC,KAAA;AAAA,MAChC,yBAAA,EAA0B,SAAA;AAAA,MAC1B,qBAAA,EAAuB,EAAC,aAAA,EAAe,KAAA,EAAO,YAAY,QAAA,EAAU,GAAA,EAAK,iBAAiB,CAAA,EAAC;AAAA,MAC3F,MAAA;AAAA,MAEC,QAAA,EAAA,KAAA,CAAM,IAAI,UAAU;AAAA;AAAA,GACzB;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Tabs/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {ScrollView, TouchableOpacity, View} from \"react-native\";\nimport {resolveThemeTokenForNative} from \"@lmb-it/kitsconcertomobile\";\nimport type {ITabsProps, ITabItem} from \"@lmb-it/kitsconcerto-types\";\nimport {Text, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n// Mirrors the app's FilterChips (App/src/components/shared/FilterChips).\nconst SIZE = {\n    sm: {h: 28, px: 12, fs: 12},\n    md: {h: 32, px: 14, fs: 13},\n    lg: {h: 40, px: 18, fs: 15},\n} as const;\n\n/**\n * Tabs (native) — horizontally-scrollable selectable filter row.\n *\n * Built like the app's working `FilterChips`: a RN horizontal `ScrollView` of\n * `TouchableOpacity` pills + the library `Text`. Active = filled `activeColor`;\n * inactive = neutral tint. Colours resolve via the standalone token resolver.\n */\nexport function Tabs<K extends string = string>(rawProps: ITabsProps<K>) {\n    const props = useComponentDefaults<ITabsProps<K>>(\"Tabs\", rawProps).mergedProps;\n    const {\n        items, value, onChange, size = \"md\", activeColor = \"brand\", scrollable = true, gap = 8, testID,\n        countVariant = \"suffix\",\n        activeBadgeBackground = \"surface-card\",\n        activeBadgeTextColor = \"text-primary\",\n        inactiveBadgeBackground = \"gray.200\",\n        inactiveBadgeTextColor = \"text-secondary\",\n        inactiveBackground = \"gray.100\",\n        inactiveTextColor = \"text-secondary\",\n        sizeHeights,\n    } = props;\n\n    const cfg = SIZE[size] ?? SIZE.md;\n    const heights = {sm: SIZE.sm.h, md: SIZE.md.h, lg: SIZE.lg.h, ...sizeHeights};\n    const height = heights[size] ?? heights.md;\n    const activeBg = resolveThemeTokenForNative(activeColor);\n    const inactiveBg = resolveThemeTokenForNative(inactiveBackground);\n    const inactiveText = resolveThemeTokenForNative(inactiveTextColor);\n    const badge = countVariant === \"badge\";\n    const activeBadgeBg = resolveThemeTokenForNative(activeBadgeBackground);\n    const activeBadgeFg = resolveThemeTokenForNative(activeBadgeTextColor);\n    const inactiveBadgeBg = resolveThemeTokenForNative(inactiveBadgeBackground);\n    const inactiveBadgeFg = resolveThemeTokenForNative(inactiveBadgeTextColor);\n    const badgeH = cfg.fs + 7;\n\n    const renderChip = (item: ITabItem<K>) => {\n        const active = item.key === value;\n        const label = !badge && item.count != null ? `${item.label}  ${item.count}` : item.label;\n        const fg = active ? \"#FFFFFF\" : inactiveText;\n        return (\n            <TouchableOpacity\n                key={item.key}\n                activeOpacity={0.75}\n                disabled={item.disabled}\n                onPress={() => onChange(item.key)}\n                accessibilityRole=\"button\"\n                accessibilityState={{selected: active}}\n                style={{\n                    height,\n                    borderRadius: 999,\n                    paddingHorizontal: cfg.px,\n                    flexDirection: \"row\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    gap: 6,\n                    backgroundColor: active ? activeBg : inactiveBg,\n                    opacity: item.disabled ? 0.5 : 1,\n                }}\n            >\n                {item.icon != null && <Icon name={item.icon as never} size={cfg.fs + 1} color={fg} />}\n                <Text fontSize={cfg.fs} fontWeight=\"600\" color={fg}>\n                    {label}\n                </Text>\n                {badge && item.count != null && (\n                    <View\n                        style={{\n                            height: badgeH,\n                            minWidth: badgeH,\n                            borderRadius: 999,\n                            paddingHorizontal: 6,\n                            alignItems: \"center\",\n                            justifyContent: \"center\",\n                            backgroundColor: active ? activeBadgeBg : inactiveBadgeBg,\n                        }}\n                    >\n                        <Text fontSize={cfg.fs - 2} fontWeight=\"600\" color={active ? activeBadgeFg : inactiveBadgeFg}>\n                            {item.count}\n                        </Text>\n                    </View>\n                )}\n            </TouchableOpacity>\n        );\n    };\n\n    if (!scrollable) {\n        return (\n            <View style={{flexDirection: \"row\", flexWrap: \"wrap\", alignItems: \"center\", gap}} testID={testID}>\n                {items.map(renderChip)}\n            </View>\n        );\n    }\n\n    return (\n        <ScrollView\n            horizontal\n            showsHorizontalScrollIndicator={false}\n            keyboardShouldPersistTaps=\"handled\"\n            contentContainerStyle={{flexDirection: \"row\", alignItems: \"center\", gap, paddingVertical: 4}}\n            testID={testID}\n        >\n            {items.map(renderChip)}\n        </ScrollView>\n    );\n}\n\nexport default Tabs;\n"],"names":[],"mappings":"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"}

package/components/overlay/ConfirmDialog/index.cjs

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var reactNative = require('react-native');
 var Animated = require('react-native-reanimated');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 var useSeverityColors = require('../../../hooks/useSeverityColors.cjs');
-require('react');
 require('../../../contexts/DialogContext.cjs');
 var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
 var index = require('../../../animations/index.cjs');
@@ -15,6 +15,18 @@ var KitsThemeProvider_native = require('../../../contexts/Theme/KitsThemeProvide
 var index_native = require('../../../primitives/Text/index.cjs');
 var index_native$1 = require('../../../primitives/Icon/index.cjs');
 
+function useOverlayPresence(visible) {
+  const [mounted, setMounted] = React.useState(visible);
+  const visibleRef = React.useRef(visible);
+  React.useEffect(() => {
+    visibleRef.current = visible;
+    if (visible) setMounted(true);
+  }, [visible]);
+  const handleExitFinished = React.useCallback(() => {
+    if (!visibleRef.current) setMounted(false);
+  }, []);
+  return { mounted, handleExitFinished };
+}
 function KitsConfirm(props) {
   const {
     visible,
@@ -52,12 +64,14 @@ function KitsConfirm(props) {
   const textColor = resolveToken("text");
   const subtextColor = resolveToken("gray.500");
   const grabberColor = resolveToken("gray.300");
+  const scrimColor = resolveToken("black-alpha-40");
   const brandLogo = type === "brand" ? theme.config.logo : null;
   const resolvedStyle = useResolvedStyle.default(style || {});
   const resolvedContentStyle = useResolvedStyle.default(contentStyle || {});
   const resolvedHeaderStyle = useResolvedStyle.default(headerStyle || {});
   const resolvedMaskStyle = useResolvedStyle.default(maskStyle || {});
-  if (!visible) return null;
+  const { mounted, handleExitFinished } = useOverlayPresence(!!visible);
+  if (!mounted) return null;
   const isSheet = position === "bottom";
   const hide = () => onHide?.("hide");
   const doClick = async (callback) => {
@@ -125,108 +139,145 @@ function KitsConfirm(props) {
     ] }) });
   };
   if (isSheet) {
-    return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: hide, children: /* @__PURE__ */ jsxRuntime.jsxs(Animated.View, { entering: Animated.FadeIn.duration(index.overlayAnimations.scrim.enterDuration), style: [styles.sheetOverlay, resolvedMaskStyle], children: [
-      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { style: reactNative.StyleSheet.absoluteFill, onPress: hide }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        Animated.View,
-        {
-          entering: Animated.SlideInDown.springify().damping(index.overlayAnimations.sheet.enter.damping).stiffness(index.overlayAnimations.sheet.enter.stiffness),
-          style: [
-            styles.sheetPanel,
-            { backgroundColor: panelBg, paddingBottom: 24 + insets.bottom },
-            resolvedStyle,
-            resolvedContentStyle
-          ],
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.grabber, { backgroundColor: grabberColor }] }),
-            header != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { style: [styles.sheetHeader, { color: textColor }, resolvedHeaderStyle], children: header }),
-            message != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { style: [styles.sheetMessage, { color: subtextColor }], children: message }),
-            children,
-            renderActions(true)
-          ]
-        }
-      )
-    ] }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: hide, children: visible && /* @__PURE__ */ jsxRuntime.jsxs(
+      Animated.View,
+      {
+        entering: Animated.FadeIn.duration(index.overlayAnimations.scrim.enterDuration),
+        exiting: Animated.FadeOut.duration(index.overlayAnimations.scrim.exitDuration),
+        style: [styles.sheetOverlay, { backgroundColor: scrimColor }, resolvedMaskStyle],
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { style: reactNative.StyleSheet.absoluteFill, onPress: hide }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Animated.View,
+            {
+              entering: Animated.SlideInDown.springify().damping(index.overlayAnimations.sheet.enter.damping).stiffness(index.overlayAnimations.sheet.enter.stiffness).mass(index.overlayAnimations.sheet.enter.mass),
+              exiting: Animated.SlideOutDown.duration(index.overlayAnimations.sheet.exitDuration).easing(Animated.Easing.in(Animated.Easing.ease)).withCallback((finished) => {
+                "worklet";
+                if (finished) Animated.runOnJS(handleExitFinished)();
+              }),
+              style: [
+                styles.sheetPanel,
+                { backgroundColor: panelBg, paddingBottom: 24 + insets.bottom },
+                resolvedStyle,
+                resolvedContentStyle
+              ],
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.grabber, { backgroundColor: grabberColor }] }),
+                header != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { style: [styles.sheetHeader, { color: textColor }, resolvedHeaderStyle], children: header }),
+                message != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { style: [styles.sheetMessage, { color: subtextColor }], children: message }),
+                children,
+                renderActions(true)
+              ]
+            }
+          )
+        ]
+      }
+    ) });
   }
   if (content) {
-    return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: hide, children: /* @__PURE__ */ jsxRuntime.jsxs(Animated.View, { entering: Animated.FadeIn.duration(index.overlayAnimations.scrim.enterDuration), style: [styles.overlay, resolvedMaskStyle], children: [
-      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { style: reactNative.StyleSheet.absoluteFill, onPress: hide }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Animated.View,
-        {
-          entering: Animated.ZoomIn.springify().damping(index.overlayAnimations.confirm.content.damping).stiffness(index.overlayAnimations.confirm.content.stiffness),
-          style: [
-            styles.panel,
-            { backgroundColor: surfaceColor, minWidth: 250, maxWidth: 380 },
-            resolvedStyle,
-            resolvedContentStyle
-          ],
-          children: content
-        }
-      )
-    ] }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: hide, children: visible && /* @__PURE__ */ jsxRuntime.jsxs(
+      Animated.View,
+      {
+        entering: Animated.FadeIn.duration(index.overlayAnimations.scrim.enterDuration),
+        exiting: Animated.FadeOut.duration(index.overlayAnimations.scrim.exitDuration),
+        style: [styles.overlay, { backgroundColor: scrimColor }, resolvedMaskStyle],
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { style: reactNative.StyleSheet.absoluteFill, onPress: hide }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Animated.View,
+            {
+              entering: Animated.ZoomIn.springify().damping(index.overlayAnimations.confirm.content.damping).stiffness(index.overlayAnimations.confirm.content.stiffness).mass(index.overlayAnimations.confirm.content.mass),
+              exiting: Animated.ZoomOut.duration(index.overlayAnimations.confirm.exitDuration).easing(Animated.Easing.in(Animated.Easing.ease)).withCallback((finished) => {
+                "worklet";
+                if (finished) Animated.runOnJS(handleExitFinished)();
+              }),
+              style: [
+                styles.panel,
+                { backgroundColor: surfaceColor, minWidth: 250, maxWidth: 380 },
+                resolvedStyle,
+                resolvedContentStyle
+              ],
+              children: content
+            }
+          )
+        ]
+      }
+    ) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: hide, children: /* @__PURE__ */ jsxRuntime.jsxs(Animated.View, { entering: Animated.FadeIn.duration(index.overlayAnimations.scrim.enterDuration), style: [styles.overlay, resolvedMaskStyle], children: [
-    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { style: reactNative.StyleSheet.absoluteFill, onPress: hide }),
-    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.cardStack, children: [
-      showIcon && /* @__PURE__ */ jsxRuntime.jsx(
-        Animated.View,
-        {
-          entering: Animated.ZoomIn.springify().damping(index.overlayAnimations.confirm.icon.damping).stiffness(index.overlayAnimations.confirm.icon.stiffness).delay(index.overlayAnimations.confirm.icon.delay),
-          style: [styles.iconBubble, { backgroundColor: colors.iconBg }],
-          children: brandLogo ? brandLogo : typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index_native$1.Icon, { name: icon, size: "xl", color: colors.iconFg }) : icon
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        Animated.View,
-        {
-          entering: Animated.ZoomIn.springify().damping(index.overlayAnimations.confirm.enter.damping).stiffness(index.overlayAnimations.confirm.enter.stiffness),
-          style: [
-            styles.panel,
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: hide, children: visible && /* @__PURE__ */ jsxRuntime.jsxs(
+    Animated.View,
+    {
+      entering: Animated.FadeIn.duration(index.overlayAnimations.scrim.enterDuration),
+      exiting: Animated.FadeOut.duration(index.overlayAnimations.scrim.exitDuration),
+      style: [styles.overlay, { backgroundColor: scrimColor }, resolvedMaskStyle],
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { style: reactNative.StyleSheet.absoluteFill, onPress: hide }),
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.cardStack, children: [
+          showIcon && /* @__PURE__ */ jsxRuntime.jsx(
+            Animated.View,
+            {
+              entering: Animated.ZoomIn.springify().damping(index.overlayAnimations.confirm.icon.damping).stiffness(index.overlayAnimations.confirm.icon.stiffness).mass(index.overlayAnimations.confirm.icon.mass).delay(index.overlayAnimations.confirm.icon.delay),
+              exiting: Animated.ZoomOut.duration(index.overlayAnimations.confirm.exitDuration).easing(Animated.Easing.in(Animated.Easing.ease)),
+              style: [styles.iconBubble, { backgroundColor: colors.iconBg }],
+              children: brandLogo ? brandLogo : typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index_native$1.Icon, { name: icon, size: "xl", color: colors.iconFg }) : icon
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Animated.View,
             {
-              backgroundColor: panelBg,
-              paddingTop: showIcon ? 48 : 24,
-              gap: 10
-            },
-            resolvedStyle,
-            resolvedContentStyle
-          ],
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { style: styles.closeBtn, onPress: hide, hitSlop: 12, children: /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { style: { fontSize: 18, color: subtextColor }, children: "\u2715" }) }),
-            header != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { style: [styles.header, { color: textColor }, resolvedHeaderStyle], children: header }),
-            message != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { style: [styles.message, { color: subtextColor }], children: message }),
-            children,
-            renderActions(false)
-          ]
-        }
-      )
-    ] })
-  ] }) });
+              entering: Animated.ZoomIn.springify().damping(index.overlayAnimations.confirm.enter.damping).stiffness(index.overlayAnimations.confirm.enter.stiffness).mass(index.overlayAnimations.confirm.enter.mass),
+              exiting: Animated.ZoomOut.duration(index.overlayAnimations.confirm.exitDuration).easing(Animated.Easing.in(Animated.Easing.ease)).withCallback((finished) => {
+                "worklet";
+                if (finished) Animated.runOnJS(handleExitFinished)();
+              }),
+              style: [
+                styles.panel,
+                {
+                  backgroundColor: panelBg,
+                  paddingTop: showIcon ? 48 : 24,
+                  gap: 10
+                },
+                resolvedStyle,
+                resolvedContentStyle
+              ],
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { style: styles.closeBtn, onPress: hide, hitSlop: 12, children: /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { style: { fontSize: 18, color: subtextColor }, children: "\u2715" }) }),
+                header != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { style: [styles.header, { color: textColor }, resolvedHeaderStyle], children: header }),
+                message != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { style: [styles.message, { color: subtextColor }], children: message }),
+                children,
+                renderActions(false)
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
 }
 const styles = reactNative.StyleSheet.create({
   overlay: {
     flex: 1,
-    backgroundColor: "rgba(0,0,0,0.55)",
     justifyContent: "center",
     alignItems: "center",
     padding: 28
   },
   sheetOverlay: {
     flex: 1,
-    backgroundColor: "rgba(0,0,0,0.55)",
     justifyContent: "flex-end"
   },
   sheetPanel: {
+    // 24 == radii.2xl, top corners only (bottom stays square).
     borderTopLeftRadius: 24,
     borderTopRightRadius: 24,
     paddingHorizontal: 24,
     paddingTop: 10,
     gap: 14,
-    elevation: 16,
+    // Subtle elevation (upward for a sheet): low opacity, wide blur, minimal offset.
+    elevation: 6,
     shadowColor: "#000",
-    shadowOffset: { width: 0, height: -4 },
+    shadowOffset: { width: 0, height: -2 },
     shadowOpacity: 0.15,
-    shadowRadius: 16
+    shadowRadius: 20
   },
   grabber: {
     width: 40,
@@ -266,14 +317,16 @@ const styles = reactNative.StyleSheet.create({
   },
   panel: {
     alignSelf: "stretch",
-    borderRadius: 16,
+    // 20 == radii.xl. Side padding (24) == bottom padding (24) for even rhythm.
+    borderRadius: 20,
     paddingHorizontal: 24,
     paddingBottom: 24,
-    elevation: 16,
+    // Subtle elevation: low opacity, wide blur, minimal offset.
+    elevation: 6,
     shadowColor: "#000",
-    shadowOffset: { width: 0, height: 8 },
-    shadowOpacity: 0.2,
-    shadowRadius: 16,
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.15,
+    shadowRadius: 20,
     alignItems: "center"
   },
   closeBtn: {
@@ -292,7 +345,8 @@ const styles = reactNative.StyleSheet.create({
     fontSize: 14,
     textAlign: "center",
     lineHeight: 20,
-    marginBottom: 24
+    // Tightened so top/bottom whitespace around the actions reads balanced.
+    marginBottom: 16
   },
   buttonRow: {
     flexDirection: "row",
@@ -303,15 +357,18 @@ const styles = reactNative.StyleSheet.create({
   actionBtn: {
     paddingVertical: 12,
     paddingHorizontal: 24,
-    borderRadius: 8,
+    // Pill (== radii.pill). Buttons here are raw Pressables, not kits Button,
+    // so the pill comes from borderRadius — the pattern the `buttons` array
+    // path (`b.rounded && {borderRadius: 999}`) already uses in this file.
+    borderRadius: 999,
     minWidth: 100,
     alignItems: "center",
     justifyContent: "center"
   },
-  // Taller, rounder buttons for the bottom-sheet action row.
+  // Taller buttons for the bottom-sheet action row (pill shape shared).
   actionBtnSheet: {
     paddingVertical: 16,
-    borderRadius: 12
+    borderRadius: 999
   },
   actionBtnOutlined: {
     backgroundColor: "transparent",

package/components/overlay/ConfirmDialog/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../src/components/overlay/ConfirmDialog/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {Modal, Pressable, StyleSheet, View} from \"react-native\";\nimport Animated, {FadeIn, SlideInDown, ZoomIn} from \"react-native-reanimated\";\nimport {useSafeAreaInsets} from \"react-native-safe-area-context\";\nimport {Icon, Text} from \"../../../_compat\";\nimport type {IConfirmDialogProps} from \"@lmb-it/kitsconcerto-types\";\nimport {useKitsTheme} from \"../../../contexts/Theme\";\nimport {useSeverityColors, useAllSeverityColors} from \"../../../hooks/useSeverityColors\";\nimport {useResolvedStyle} from \"../../../hooks\";\nimport {overlayAnimations as anim} from \"../../../animations\";\n\nexport default function KitsConfirm(props: IConfirmDialogProps) {\n    const {\n        visible,\n        header,\n        message,\n        icon,\n        type = \"secondary\",\n        accept,\n        reject,\n        acceptLabel = \"Accept\",\n        rejectLabel = \"Reject\",\n        buttons,\n        headless,\n        defaultUI,\n        async: asyncMode,\n        onHide,\n        content,\n        children,\n        position = \"center\",\n        style,\n        contentStyle,\n        headerStyle,\n        maskStyle,\n        // LEGIT-PLATFORM-ONLY (web): acceptIcon/rejectIcon take PrimeReact\n        // icon classes ('pi pi-*') with no native rendering path — use the\n        // `buttons` array for custom native actions. acceptClassName/\n        // rejectClassName are CSS classes; appendTo is a DOM portal target.\n        ...rest\n    } = props;\n\n    const {resolveToken, theme} = useKitsTheme();\n    const colors = useSeverityColors(type);\n    const allColors = useAllSeverityColors();\n    const insets = useSafeAreaInsets();\n\n    const surfaceColor = resolveToken('surface-card');\n    const textColor = resolveToken('text');\n    const subtextColor = resolveToken('gray.500');\n    const grabberColor = resolveToken('gray.300');\n    const brandLogo = type === 'brand' ? theme.config.logo : null;\n\n    const resolvedStyle = useResolvedStyle(style || {});\n    const resolvedContentStyle = useResolvedStyle(contentStyle || {});\n    const resolvedHeaderStyle = useResolvedStyle(headerStyle || {});\n    const resolvedMaskStyle = useResolvedStyle(maskStyle || {});\n\n    if (!visible) return null;\n\n    const isSheet = position === 'bottom';\n    const hide = () => onHide?.('hide');\n\n    const doClick = async (callback?: () => void) => {\n        if (asyncMode) {\n            await callback?.();\n            hide();\n        } else {\n            hide();\n            callback?.();\n        }\n    };\n\n    const showIcon = icon != null || brandLogo != null;\n    // Panel always uses surface-card. Severity (danger/success/...) only colours\n    // the icon bubble and the action button — not the whole panel — otherwise\n    // a danger confirm renders as a red wash with the underlying screen\n    // bleeding through.\n    const panelBg = surfaceColor;\n\n    // Shared action row. `stretch` makes each button flex:1 (bottom-sheet,\n    // full-width). The default accept/reject pair is ordered accept-first in the\n    // centered card but reject-first (Cancel | Confirm) in the sheet, matching\n    // the platform-native bottom-sheet convention.\n    const renderActions = (stretch: boolean) => {\n        if (buttons?.length) {\n            return (\n                <View style={styles.buttonRow}>\n                    {buttons.map((b, i) => {\n                        const btnColor = allColors[b.type ?? type]?.solid ?? colors.solid;\n                        return (\n                            <Pressable\n                                key={i}\n                                disabled={b.disabled}\n                                style={[\n                                    styles.actionBtn,\n                                    stretch && styles.actionBtnSheet,\n                                    stretch && {flex: 1},\n                                    b.outlined\n                                        ? {backgroundColor: \"transparent\", borderColor: btnColor, borderWidth: 1.5}\n                                        : {backgroundColor: btnColor},\n                                    b.rounded && {borderRadius: 999},\n                                    b.disabled && {opacity: 0.5},\n                                ]}\n                                onPress={() => b.onClick(hide, accept, reject)}\n                            >\n                                <Text style={{\n                                    color: b.outlined ? btnColor : \"#fff\",\n                                    fontWeight: \"600\",\n                                    fontSize: 14,\n                                }}>\n                                    {b.title}\n                                </Text>\n                            </Pressable>\n                        );\n                    })}\n                </View>\n            );\n        }\n\n        const acceptBtn = (\n            <Pressable\n                key=\"accept\"\n                style={[styles.actionBtn, stretch && styles.actionBtnSheet, {backgroundColor: colors.solid, flex: 1}]}\n                onPress={() => doClick(accept)}\n            >\n                <Text style={styles.btnTextPrimary}>{acceptLabel}</Text>\n            </Pressable>\n        );\n        const rejectBtn = !defaultUI ? (\n            <Pressable\n                key=\"reject\"\n                style={[styles.actionBtn, styles.actionBtnOutlined, stretch && styles.actionBtnSheet, {borderColor: colors.solid, flex: 1}]}\n                onPress={() => doClick(reject)}\n            >\n                <Text style={[styles.btnTextOutlined, {color: colors.solid}]}>{rejectLabel}</Text>\n            </Pressable>\n        ) : null;\n\n        return (\n            <View style={styles.buttonRow}>\n                {stretch ? <>{rejectBtn}{acceptBtn}</> : <>{acceptBtn}{rejectBtn}</>}\n            </View>\n        );\n    };\n\n    // ── Bottom sheet ────────────────────────────────────────\n    if (isSheet) {\n        return (\n            <Modal visible transparent animationType=\"none\" onRequestClose={hide}>\n                <Animated.View entering={FadeIn.duration(anim.scrim.enterDuration)} style={[styles.sheetOverlay, resolvedMaskStyle as any]}>\n                    <Pressable style={StyleSheet.absoluteFill} onPress={hide}/>\n                    <Animated.View\n                        entering={SlideInDown.springify().damping(anim.sheet.enter.damping).stiffness(anim.sheet.enter.stiffness)}\n                        style={[\n                            styles.sheetPanel,\n                            {backgroundColor: panelBg, paddingBottom: 24 + insets.bottom},\n                            resolvedStyle as any,\n                            resolvedContentStyle as any,\n                        ]}\n                    >\n                        {/* Grabber */}\n                        <View style={[styles.grabber, {backgroundColor: grabberColor}]}/>\n\n                        {/* Header */}\n                        {header != null && (\n                            <Text style={[styles.sheetHeader, {color: textColor}, resolvedHeaderStyle as any]}>\n                                {header as React.ReactNode}\n                            </Text>\n                        )}\n\n                        {/* Message */}\n                        {message != null && (\n                            <Text style={[styles.sheetMessage, {color: subtextColor}]}>\n                                {message as React.ReactNode}\n                            </Text>\n                        )}\n\n                        {/* Injected item / extra content */}\n                        {children}\n\n                        {/* Actions */}\n                        {renderActions(true)}\n                    </Animated.View>\n                </Animated.View>\n            </Modal>\n        );\n    }\n\n    // ── Content-only mode (prompt) ──────────────────────────\n    if (content) {\n        return (\n            <Modal visible transparent animationType=\"none\" onRequestClose={hide}>\n                <Animated.View entering={FadeIn.duration(anim.scrim.enterDuration)} style={[styles.overlay, resolvedMaskStyle as any]}>\n                    <Pressable style={StyleSheet.absoluteFill} onPress={hide}/>\n                    <Animated.View\n                        entering={ZoomIn.springify().damping(anim.confirm.content.damping).stiffness(anim.confirm.content.stiffness)}\n                        style={[\n                            styles.panel,\n                            {backgroundColor: surfaceColor, minWidth: 250, maxWidth: 380},\n                            resolvedStyle as any,\n                            resolvedContentStyle as any,\n                        ]}\n                    >\n                        {content as React.ReactNode}\n                    </Animated.View>\n                </Animated.View>\n            </Modal>\n        );\n    }\n\n    return (\n        <Modal visible transparent animationType=\"none\" onRequestClose={hide}>\n            <Animated.View entering={FadeIn.duration(anim.scrim.enterDuration)} style={[styles.overlay, resolvedMaskStyle as any]}>\n                <Pressable style={StyleSheet.absoluteFill} onPress={hide}/>\n\n                {/* Card + icon stack: icon sits above the card */}\n                <View style={styles.cardStack}>\n                    {/* Soft-circle icon bubble */}\n                    {showIcon && (\n                        <Animated.View\n                            entering={ZoomIn.springify().damping(anim.confirm.icon.damping).stiffness(anim.confirm.icon.stiffness).delay(anim.confirm.icon.delay ?? 0)}\n                            style={[styles.iconBubble, {backgroundColor: colors.iconBg}]}\n                        >\n                            {brandLogo ? brandLogo : typeof icon === \"string\" ? (\n                                <Icon name={icon as never} size={'xl'} color={colors.iconFg}/>\n                            ) : (\n                                icon\n                            )}\n                        </Animated.View>\n                    )}\n\n                    {/* Panel */}\n                    <Animated.View\n                        entering={ZoomIn.springify().damping(anim.confirm.enter.damping).stiffness(anim.confirm.enter.stiffness)}\n                        style={[\n                            styles.panel,\n                            {\n                                backgroundColor: panelBg,\n                                paddingTop: showIcon ? 48 : 24,\n                                gap: 10,\n                            },\n                            resolvedStyle as any,\n                            resolvedContentStyle as any,\n                        ]}\n                    >\n                        {/* Close button */}\n                        <Pressable style={styles.closeBtn} onPress={hide} hitSlop={12}>\n                            <Text style={{fontSize: 18, color: subtextColor}}>✕</Text>\n                        </Pressable>\n\n                        {/* Header */}\n                        {header != null && (\n                            <Text style={[styles.header, {color: textColor}, resolvedHeaderStyle as any]}>\n                                {header as React.ReactNode}\n                            </Text>\n                        )}\n\n                        {/* Message */}\n                        {message != null && (\n                            <Text style={[styles.message, {color: subtextColor}]}>\n                                {message as React.ReactNode}\n                            </Text>\n                        )}\n\n                        {/* Children */}\n                        {children}\n\n                        {/* Buttons */}\n                        {renderActions(false)}\n                    </Animated.View>\n                </View>\n            </Animated.View>\n        </Modal>\n    );\n}\n\nconst styles = StyleSheet.create({\n    overlay: {\n        flex: 1,\n        backgroundColor: \"rgba(0,0,0,0.55)\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        padding: 28,\n    },\n    sheetOverlay: {\n        flex: 1,\n        backgroundColor: \"rgba(0,0,0,0.55)\",\n        justifyContent: \"flex-end\",\n    },\n    sheetPanel: {\n        borderTopLeftRadius: 24,\n        borderTopRightRadius: 24,\n        paddingHorizontal: 24,\n        paddingTop: 10,\n        gap: 14,\n        elevation: 16,\n        shadowColor: \"#000\",\n        shadowOffset: {width: 0, height: -4},\n        shadowOpacity: 0.15,\n        shadowRadius: 16,\n    },\n    grabber: {\n        width: 40,\n        height: 5,\n        borderRadius: 999,\n        alignSelf: \"center\",\n        marginBottom: 6,\n    },\n    sheetHeader: {\n        fontSize: 24,\n        fontWeight: \"700\",\n        textAlign: \"left\",\n    },\n    sheetMessage: {\n        fontSize: 15,\n        lineHeight: 22,\n        textAlign: \"left\",\n    },\n    cardStack: {\n        minWidth: 250,\n        maxWidth: 380,\n        alignItems: \"center\",\n    },\n    iconBubble: {\n        width: 72,\n        height: 72,\n        borderRadius: 36,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        zIndex: 2,\n        marginBottom: -36,\n        elevation: 8,\n        shadowColor: \"#000\",\n        shadowOffset: {width: 0, height: 4},\n        shadowOpacity: 0.15,\n        shadowRadius: 8,\n    },\n    panel: {\n        alignSelf: \"stretch\",\n        borderRadius: 16,\n        paddingHorizontal: 24,\n        paddingBottom: 24,\n        elevation: 16,\n        shadowColor: \"#000\",\n        shadowOffset: {width: 0, height: 8},\n        shadowOpacity: 0.2,\n        shadowRadius: 16,\n        alignItems: \"center\",\n    },\n    closeBtn: {\n        position: \"absolute\",\n        top: 12,\n        right: 14,\n        zIndex: 3,\n    },\n    header: {\n        fontSize: 22,\n        fontWeight: \"700\",\n        textAlign: \"center\",\n        marginBottom: 8,\n    },\n    message: {\n        fontSize: 14,\n        textAlign: \"center\",\n        lineHeight: 20,\n        marginBottom: 24,\n    },\n    buttonRow: {\n        flexDirection: \"row\",\n        justifyContent: \"center\",\n        gap: 12,\n        width: \"100%\",\n    },\n    actionBtn: {\n        paddingVertical: 12,\n        paddingHorizontal: 24,\n        borderRadius: 8,\n        minWidth: 100,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    // Taller, rounder buttons for the bottom-sheet action row.\n    actionBtnSheet: {\n        paddingVertical: 16,\n        borderRadius: 12,\n    },\n    actionBtnOutlined: {\n        backgroundColor: \"transparent\",\n        borderWidth: 1.5,\n    },\n    btnTextPrimary: {\n        color: \"#fff\",\n        fontWeight: \"600\",\n        fontSize: 14,\n    },\n    btnTextOutlined: {\n        fontWeight: \"600\",\n        fontSize: 14,\n    },\n});\n"],"names":["useKitsTheme","useSeverityColors","useAllSeverityColors","useSafeAreaInsets","useResolvedStyle","jsx","View","Pressable","Text","jsxs","Fragment","Modal","FadeIn","anim","StyleSheet","SlideInDown","ZoomIn","Icon"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/overlay/ConfirmDialog/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {Modal, Pressable, StyleSheet, View} from \"react-native\";\nimport Animated, {Easing, FadeIn, FadeOut, runOnJS, SlideInDown, SlideOutDown, ZoomIn, ZoomOut} from \"react-native-reanimated\";\nimport {useSafeAreaInsets} from \"react-native-safe-area-context\";\nimport {Icon, Text} from \"../../../_compat\";\nimport type {IConfirmDialogProps} from \"@lmb-it/kitsconcerto-types\";\nimport {useKitsTheme} from \"../../../contexts/Theme\";\nimport {useSeverityColors, useAllSeverityColors} from \"../../../hooks/useSeverityColors\";\nimport {useResolvedStyle} from \"../../../hooks\";\nimport {overlayAnimations as anim} from \"../../../animations\";\n\n/**\n * Keeps the RN Modal mounted through the exit animation. `visible` drives the\n * inner scrim + panel entering/exiting; the Modal itself stays mounted until\n * the panel's exit animation reports finished, then unmounts.\n *\n * Re-entrancy: a new `visible=true` during an exit cancels the panel's exit\n * (reanimated reports `finished=false`, so the unmount is skipped) and the\n * inner re-enters cleanly; `visibleRef` is a second guard for the case where\n * the exit had already completed.\n */\nfunction useOverlayPresence(visible: boolean) {\n    const [mounted, setMounted] = React.useState(visible);\n    const visibleRef = React.useRef(visible);\n    React.useEffect(() => {\n        visibleRef.current = visible;\n        if (visible) setMounted(true);\n    }, [visible]);\n    // Runs on the JS thread (dispatched via runOnJS from the exit worklet).\n    const handleExitFinished = React.useCallback(() => {\n        if (!visibleRef.current) setMounted(false);\n    }, []);\n    return {mounted, handleExitFinished};\n}\n\nexport default function KitsConfirm(props: IConfirmDialogProps) {\n    const {\n        visible,\n        header,\n        message,\n        icon,\n        type = \"secondary\",\n        accept,\n        reject,\n        acceptLabel = \"Accept\",\n        rejectLabel = \"Reject\",\n        buttons,\n        headless,\n        defaultUI,\n        async: asyncMode,\n        onHide,\n        content,\n        children,\n        position = \"center\",\n        style,\n        contentStyle,\n        headerStyle,\n        maskStyle,\n        // LEGIT-PLATFORM-ONLY (web): acceptIcon/rejectIcon take PrimeReact\n        // icon classes ('pi pi-*') with no native rendering path — use the\n        // `buttons` array for custom native actions. acceptClassName/\n        // rejectClassName are CSS classes; appendTo is a DOM portal target.\n        ...rest\n    } = props;\n\n    const {resolveToken, theme} = useKitsTheme();\n    const colors = useSeverityColors(type);\n    const allColors = useAllSeverityColors();\n    const insets = useSafeAreaInsets();\n\n    const surfaceColor = resolveToken('surface-card');\n    const textColor = resolveToken('text');\n    const subtextColor = resolveToken('gray.500');\n    const grabberColor = resolveToken('gray.300');\n    // Scrim via the literal alpha overlay token → rgba(0,0,0,0.4) in both modes.\n    const scrimColor = resolveToken('black-alpha-40');\n    const brandLogo = type === 'brand' ? theme.config.logo : null;\n\n    const resolvedStyle = useResolvedStyle(style || {});\n    const resolvedContentStyle = useResolvedStyle(contentStyle || {});\n    const resolvedHeaderStyle = useResolvedStyle(headerStyle || {});\n    const resolvedMaskStyle = useResolvedStyle(maskStyle || {});\n\n    const {mounted, handleExitFinished} = useOverlayPresence(!!visible);\n    if (!mounted) return null;\n\n    const isSheet = position === 'bottom';\n    const hide = () => onHide?.('hide');\n\n    const doClick = async (callback?: () => void) => {\n        if (asyncMode) {\n            await callback?.();\n            hide();\n        } else {\n            hide();\n            callback?.();\n        }\n    };\n\n    const showIcon = icon != null || brandLogo != null;\n    // Panel always uses surface-card. Severity (danger/success/...) only colours\n    // the icon bubble and the action button — not the whole panel — otherwise\n    // a danger confirm renders as a red wash with the underlying screen\n    // bleeding through.\n    const panelBg = surfaceColor;\n\n    // Shared action row. `stretch` makes each button flex:1 (bottom-sheet,\n    // full-width). The default accept/reject pair is ordered accept-first in the\n    // centered card but reject-first (Cancel | Confirm) in the sheet, matching\n    // the platform-native bottom-sheet convention.\n    const renderActions = (stretch: boolean) => {\n        if (buttons?.length) {\n            return (\n                <View style={styles.buttonRow}>\n                    {buttons.map((b, i) => {\n                        const btnColor = allColors[b.type ?? type]?.solid ?? colors.solid;\n                        return (\n                            <Pressable\n                                key={i}\n                                disabled={b.disabled}\n                                style={[\n                                    styles.actionBtn,\n                                    stretch && styles.actionBtnSheet,\n                                    stretch && {flex: 1},\n                                    b.outlined\n                                        ? {backgroundColor: \"transparent\", borderColor: btnColor, borderWidth: 1.5}\n                                        : {backgroundColor: btnColor},\n                                    b.rounded && {borderRadius: 999},\n                                    b.disabled && {opacity: 0.5},\n                                ]}\n                                onPress={() => b.onClick(hide, accept, reject)}\n                            >\n                                <Text style={{\n                                    color: b.outlined ? btnColor : \"#fff\",\n                                    fontWeight: \"600\",\n                                    fontSize: 14,\n                                }}>\n                                    {b.title}\n                                </Text>\n                            </Pressable>\n                        );\n                    })}\n                </View>\n            );\n        }\n\n        const acceptBtn = (\n            <Pressable\n                key=\"accept\"\n                style={[styles.actionBtn, stretch && styles.actionBtnSheet, {backgroundColor: colors.solid, flex: 1}]}\n                onPress={() => doClick(accept)}\n            >\n                <Text style={styles.btnTextPrimary}>{acceptLabel}</Text>\n            </Pressable>\n        );\n        const rejectBtn = !defaultUI ? (\n            <Pressable\n                key=\"reject\"\n                style={[styles.actionBtn, styles.actionBtnOutlined, stretch && styles.actionBtnSheet, {borderColor: colors.solid, flex: 1}]}\n                onPress={() => doClick(reject)}\n            >\n                <Text style={[styles.btnTextOutlined, {color: colors.solid}]}>{rejectLabel}</Text>\n            </Pressable>\n        ) : null;\n\n        return (\n            <View style={styles.buttonRow}>\n                {stretch ? <>{rejectBtn}{acceptBtn}</> : <>{acceptBtn}{rejectBtn}</>}\n            </View>\n        );\n    };\n\n    // ── Bottom sheet ────────────────────────────────────────\n    if (isSheet) {\n        return (\n            <Modal visible transparent animationType=\"none\" onRequestClose={hide}>\n                {visible && (\n                <Animated.View\n                    entering={FadeIn.duration(anim.scrim.enterDuration)}\n                    exiting={FadeOut.duration(anim.scrim.exitDuration)}\n                    style={[styles.sheetOverlay, {backgroundColor: scrimColor}, resolvedMaskStyle as any]}\n                >\n                    <Pressable style={StyleSheet.absoluteFill} onPress={hide}/>\n                    <Animated.View\n                        entering={SlideInDown.springify().damping(anim.sheet.enter.damping).stiffness(anim.sheet.enter.stiffness).mass(anim.sheet.enter.mass ?? 1)}\n                        exiting={SlideOutDown.duration(anim.sheet.exitDuration).easing(Easing.in(Easing.ease)).withCallback((finished) => {\n                            'worklet';\n                            if (finished) runOnJS(handleExitFinished)();\n                        })}\n                        style={[\n                            styles.sheetPanel,\n                            {backgroundColor: panelBg, paddingBottom: 24 + insets.bottom},\n                            resolvedStyle as any,\n                            resolvedContentStyle as any,\n                        ]}\n                    >\n                        {/* Grabber */}\n                        <View style={[styles.grabber, {backgroundColor: grabberColor}]}/>\n\n                        {/* Header */}\n                        {header != null && (\n                            <Text style={[styles.sheetHeader, {color: textColor}, resolvedHeaderStyle as any]}>\n                                {header as React.ReactNode}\n                            </Text>\n                        )}\n\n                        {/* Message */}\n                        {message != null && (\n                            <Text style={[styles.sheetMessage, {color: subtextColor}]}>\n                                {message as React.ReactNode}\n                            </Text>\n                        )}\n\n                        {/* Injected item / extra content */}\n                        {children}\n\n                        {/* Actions */}\n                        {renderActions(true)}\n                    </Animated.View>\n                </Animated.View>\n                )}\n            </Modal>\n        );\n    }\n\n    // ── Content-only mode (prompt) ──────────────────────────\n    if (content) {\n        return (\n            <Modal visible transparent animationType=\"none\" onRequestClose={hide}>\n                {visible && (\n                <Animated.View\n                    entering={FadeIn.duration(anim.scrim.enterDuration)}\n                    exiting={FadeOut.duration(anim.scrim.exitDuration)}\n                    style={[styles.overlay, {backgroundColor: scrimColor}, resolvedMaskStyle as any]}\n                >\n                    <Pressable style={StyleSheet.absoluteFill} onPress={hide}/>\n                    <Animated.View\n                        entering={ZoomIn.springify().damping(anim.confirm.content.damping).stiffness(anim.confirm.content.stiffness).mass(anim.confirm.content.mass ?? 1)}\n                        exiting={ZoomOut.duration(anim.confirm.exitDuration).easing(Easing.in(Easing.ease)).withCallback((finished) => {\n                            'worklet';\n                            if (finished) runOnJS(handleExitFinished)();\n                        })}\n                        style={[\n                            styles.panel,\n                            {backgroundColor: surfaceColor, minWidth: 250, maxWidth: 380},\n                            resolvedStyle as any,\n                            resolvedContentStyle as any,\n                        ]}\n                    >\n                        {content as React.ReactNode}\n                    </Animated.View>\n                </Animated.View>\n                )}\n            </Modal>\n        );\n    }\n\n    return (\n        <Modal visible transparent animationType=\"none\" onRequestClose={hide}>\n            {visible && (\n            <Animated.View\n                entering={FadeIn.duration(anim.scrim.enterDuration)}\n                exiting={FadeOut.duration(anim.scrim.exitDuration)}\n                style={[styles.overlay, {backgroundColor: scrimColor}, resolvedMaskStyle as any]}\n            >\n                <Pressable style={StyleSheet.absoluteFill} onPress={hide}/>\n\n                {/* Card + icon stack: icon sits above the card */}\n                <View style={styles.cardStack}>\n                    {/* Soft-circle icon bubble */}\n                    {showIcon && (\n                        <Animated.View\n                            entering={ZoomIn.springify().damping(anim.confirm.icon.damping).stiffness(anim.confirm.icon.stiffness).mass(anim.confirm.icon.mass ?? 1).delay(anim.confirm.icon.delay ?? 0)}\n                            exiting={ZoomOut.duration(anim.confirm.exitDuration).easing(Easing.in(Easing.ease))}\n                            style={[styles.iconBubble, {backgroundColor: colors.iconBg}]}\n                        >\n                            {brandLogo ? brandLogo : typeof icon === \"string\" ? (\n                                <Icon name={icon as never} size={'xl'} color={colors.iconFg}/>\n                            ) : (\n                                icon\n                            )}\n                        </Animated.View>\n                    )}\n\n                    {/* Panel */}\n                    <Animated.View\n                        entering={ZoomIn.springify().damping(anim.confirm.enter.damping).stiffness(anim.confirm.enter.stiffness).mass(anim.confirm.enter.mass ?? 1)}\n                        exiting={ZoomOut.duration(anim.confirm.exitDuration).easing(Easing.in(Easing.ease)).withCallback((finished) => {\n                            'worklet';\n                            if (finished) runOnJS(handleExitFinished)();\n                        })}\n                        style={[\n                            styles.panel,\n                            {\n                                backgroundColor: panelBg,\n                                paddingTop: showIcon ? 48 : 24,\n                                gap: 10,\n                            },\n                            resolvedStyle as any,\n                            resolvedContentStyle as any,\n                        ]}\n                    >\n                        {/* Close button */}\n                        <Pressable style={styles.closeBtn} onPress={hide} hitSlop={12}>\n                            <Text style={{fontSize: 18, color: subtextColor}}>✕</Text>\n                        </Pressable>\n\n                        {/* Header */}\n                        {header != null && (\n                            <Text style={[styles.header, {color: textColor}, resolvedHeaderStyle as any]}>\n                                {header as React.ReactNode}\n                            </Text>\n                        )}\n\n                        {/* Message */}\n                        {message != null && (\n                            <Text style={[styles.message, {color: subtextColor}]}>\n                                {message as React.ReactNode}\n                            </Text>\n                        )}\n\n                        {/* Children */}\n                        {children}\n\n                        {/* Buttons */}\n                        {renderActions(false)}\n                    </Animated.View>\n                </View>\n            </Animated.View>\n            )}\n        </Modal>\n    );\n}\n\nconst styles = StyleSheet.create({\n    overlay: {\n        flex: 1,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        padding: 28,\n    },\n    sheetOverlay: {\n        flex: 1,\n        justifyContent: \"flex-end\",\n    },\n    sheetPanel: {\n        // 24 == radii.2xl, top corners only (bottom stays square).\n        borderTopLeftRadius: 24,\n        borderTopRightRadius: 24,\n        paddingHorizontal: 24,\n        paddingTop: 10,\n        gap: 14,\n        // Subtle elevation (upward for a sheet): low opacity, wide blur, minimal offset.\n        elevation: 6,\n        shadowColor: \"#000\",\n        shadowOffset: {width: 0, height: -2},\n        shadowOpacity: 0.15,\n        shadowRadius: 20,\n    },\n    grabber: {\n        width: 40,\n        height: 5,\n        borderRadius: 999,\n        alignSelf: \"center\",\n        marginBottom: 6,\n    },\n    sheetHeader: {\n        fontSize: 24,\n        fontWeight: \"700\",\n        textAlign: \"left\",\n    },\n    sheetMessage: {\n        fontSize: 15,\n        lineHeight: 22,\n        textAlign: \"left\",\n    },\n    cardStack: {\n        minWidth: 250,\n        maxWidth: 380,\n        alignItems: \"center\",\n    },\n    iconBubble: {\n        width: 72,\n        height: 72,\n        borderRadius: 36,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        zIndex: 2,\n        marginBottom: -36,\n        elevation: 8,\n        shadowColor: \"#000\",\n        shadowOffset: {width: 0, height: 4},\n        shadowOpacity: 0.15,\n        shadowRadius: 8,\n    },\n    panel: {\n        alignSelf: \"stretch\",\n        // 20 == radii.xl. Side padding (24) == bottom padding (24) for even rhythm.\n        borderRadius: 20,\n        paddingHorizontal: 24,\n        paddingBottom: 24,\n        // Subtle elevation: low opacity, wide blur, minimal offset.\n        elevation: 6,\n        shadowColor: \"#000\",\n        shadowOffset: {width: 0, height: 2},\n        shadowOpacity: 0.15,\n        shadowRadius: 20,\n        alignItems: \"center\",\n    },\n    closeBtn: {\n        position: \"absolute\",\n        top: 12,\n        right: 14,\n        zIndex: 3,\n    },\n    header: {\n        fontSize: 22,\n        fontWeight: \"700\",\n        textAlign: \"center\",\n        marginBottom: 8,\n    },\n    message: {\n        fontSize: 14,\n        textAlign: \"center\",\n        lineHeight: 20,\n        // Tightened so top/bottom whitespace around the actions reads balanced.\n        marginBottom: 16,\n    },\n    buttonRow: {\n        flexDirection: \"row\",\n        justifyContent: \"center\",\n        gap: 12,\n        width: \"100%\",\n    },\n    actionBtn: {\n        paddingVertical: 12,\n        paddingHorizontal: 24,\n        // Pill (== radii.pill). Buttons here are raw Pressables, not kits Button,\n        // so the pill comes from borderRadius — the pattern the `buttons` array\n        // path (`b.rounded && {borderRadius: 999}`) already uses in this file.\n        borderRadius: 999,\n        minWidth: 100,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    // Taller buttons for the bottom-sheet action row (pill shape shared).\n    actionBtnSheet: {\n        paddingVertical: 16,\n        borderRadius: 999,\n    },\n    actionBtnOutlined: {\n        backgroundColor: \"transparent\",\n        borderWidth: 1.5,\n    },\n    btnTextPrimary: {\n        color: \"#fff\",\n        fontWeight: \"600\",\n        fontSize: 14,\n    },\n    btnTextOutlined: {\n        fontWeight: \"600\",\n        fontSize: 14,\n    },\n});\n"],"names":["useKitsTheme","useSeverityColors","useAllSeverityColors","useSafeAreaInsets","useResolvedStyle","jsx","View","Pressable","Text","jsxs","Fragment","Modal","FadeIn","anim","FadeOut","StyleSheet","SlideInDown","SlideOutDown","Easing","runOnJS","ZoomIn","ZoomOut","Icon"],"mappings":"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"}