@lmb-it/kitsconcerto-native 0.1.236

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/overlay/Dialog/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {Modal, Pressable, ScrollView, StyleSheet, View, useWindowDimensions} 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 {IKitsDialogControlled} from \"@lmb-it/kitsconcerto-types\";\nimport {useKitsTheme} from \"../../../contexts/Theme\";\nimport {useSeverityColors} from \"../../../hooks/useSeverityColors\";\nimport {useResolvedStyle} from \"../../../hooks\";\nimport {overlayAnimations as anim} from \"../../../animations\";\n\nexport default function KitsDialogControlled({state, onHide}: IKitsDialogControlled) {\n    const {\n        children,\n        content: contentProp,\n        onClose,\n        asyncClose,\n        type,\n        icon,\n        style,\n        contentStyle,\n        headerStyle,\n        maskStyle,\n        position = 'center',\n        responsive = true,\n        hideHeader,\n        headerRender,\n        footerRender,\n        footerStyle,\n        canClose,\n        bodyStyle,\n        closeIcon,\n        // Native default true preserves historical tap-to-dismiss; web's\n        // PrimeReact default is false — pass explicitly in shared code.\n        dismissableMask = true,\n        breakpoints,\n        ...rest\n    } = state;\n    const {resolveToken, theme} = useKitsTheme();\n    const severityColors = useSeverityColors(type || 'secondary');\n    const colors = type ? severityColors : null;\n    const insets = useSafeAreaInsets();\n    const isSheet = position === 'bottom';\n\n    const surfaceColor = resolveToken('surface-card');\n    const textColor = resolveToken('text');\n    const borderColor = colors?.border ?? resolveToken('border');\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    const resolvedFooterStyle = useResolvedStyle(footerStyle || {});\n    const resolvedBodyStyle = useResolvedStyle(bodyStyle || {});\n\n    const {width: screenWidth} = useWindowDimensions();\n    // Consumer `breakpoints` ({'960px': '75vw'}) mirrors the web prop: the\n    // smallest max-width threshold >= the screen width wins; vw/% both map\n    // to a percentage of the window width. Falls back to the responsive\n    // default (50% tablets/desktop, 95% phones <=641px).\n    const breakpointWidth = (() => {\n        if (!breakpoints) return null;\n        const matches = Object.entries(breakpoints)\n            .map(([k, v]) => [parseFloat(k), v] as const)\n            .filter(([px]) => !Number.isNaN(px) && screenWidth <= px)\n            .sort(([a], [b]) => a - b);\n        const value = matches[0]?.[1];\n        if (value == null) return null;\n        const num = parseFloat(value);\n        return Number.isNaN(num) ? null : `${num}%`;\n    })();\n    const responsiveWidth = breakpointWidth ?? (screenWidth > 641 ? '50%' : '95%');\n    const hasExplicitWidth = (resolvedStyle as any).width != null;\n\n    const hide = async () => {\n        // canClose gate — intercepts every close path (backdrop Pressable,\n        // built-in X Pressable, RN Modal onRequestClose). When blocked,\n        // onClose is suppressed and the dialog stays open.\n        if (canClose === false || (typeof canClose === 'function' && !canClose())) {\n            return;\n        }\n        if (asyncClose && typeof onClose === \"function\") {\n            await onClose();\n        } else {\n            onClose?.();\n        }\n        onHide();\n    };\n\n    if (!state.visible) return null;\n\n    const content = typeof children === \"function\" ? children(hide) : children;\n    // Content-mode override (mirrors web): consumer node replaces the whole\n    // header / body / footer template inside the panel.\n    const contentMode = contentProp != null\n        ? (typeof contentProp === \"function\" ? contentProp({hide}) : contentProp)\n        : null;\n\n    return (\n        <Modal visible transparent animationType=\"none\" onRequestClose={hide}>\n            <Animated.View entering={FadeIn.duration(anim.scrim.enterDuration)} style={[isSheet ? styles.sheetOverlay : styles.overlay, resolvedMaskStyle as any]}>\n                <Pressable style={StyleSheet.absoluteFill} onPress={dismissableMask ? hide : undefined}/>\n                <Animated.View\n                    entering={isSheet\n                        ? SlideInDown.springify().damping(anim.sheet.enter.damping).stiffness(anim.sheet.enter.stiffness)\n                        : ZoomIn.springify().damping(anim.dialog.enter.damping).stiffness(anim.dialog.enter.stiffness)}\n                    style={[\n                        styles.panel,\n                        isSheet && styles.sheetPanel,\n                        {backgroundColor: surfaceColor, borderColor},\n                        // Explicit `breakpoints` win even when responsive=false (web parity)\n                        !isSheet && !hasExplicitWidth && (breakpoints != null || responsive) ? {width: responsiveWidth} : null,\n                        resolvedStyle as any,\n                        resolvedContentStyle as any,\n                    ]}\n                >\n                    {contentMode != null ? contentMode : <>\n                    {/* Grabber (bottom-sheet) */}\n                    {isSheet && <View style={[styles.grabber, {backgroundColor: grabberColor}]}/>}\n\n                    {/* Severity accent strip */}\n                    {colors && !isSheet && (\n                        <View style={{height: 4, backgroundColor: colors.solid, borderTopLeftRadius: 16, borderTopRightRadius: 16}}/>\n                    )}\n\n                    {/* Custom header (headerRender) — fully replaces the built-in header\n                        View when provided. Wins over the default header even if `header`\n                        is also set. */}\n                    {!hideHeader && headerRender != null && headerRender({close: () => { void hide(); }})}\n\n                    {/* Header (default) — rendered when no headerRender and `header` is set. */}\n                    {!hideHeader && headerRender == null && rest.header != null && (\n                        <View style={[styles.header, {borderBottomColor: borderColor}, resolvedHeaderStyle as any]}>\n                            {/* Inline severity icon */}\n                            {(icon || brandLogo) && colors && (\n                                <View style={{\n                                    width: 36,\n                                    height: 36,\n                                    borderRadius: 18,\n                                    backgroundColor: colors.iconBg,\n                                    alignItems: 'center',\n                                    justifyContent: 'center',\n                                    marginRight: 12,\n                                }}>\n                                    {brandLogo ? brandLogo : typeof icon === 'string' ? (\n                                        <Icon name={icon as never} size={'lg'} color={colors.iconFg}/>\n                                    ) : icon}\n                                </View>\n                            )}\n                            <Text style={{fontSize: 18, fontWeight: \"700\", color: textColor, flex: 1}}>\n                                {rest.header as React.ReactNode}\n                            </Text>\n                            <Pressable onPress={hide} hitSlop={8}>\n                                {closeIcon ?? <Text style={{fontSize: 18, color: subtextColor}}>✕</Text>}\n                            </Pressable>\n                        </View>\n                    )}\n\n                    {/* Body — bodyStyle is applied AFTER the built-in maxHeight: 400,\n                        so consumers can lift the cap (`maxHeight: 600`) or unlock flex\n                        sizing (`minHeight: 0`) without losing the default behavior when\n                        bodyStyle is unset. */}\n                    <ScrollView\n                        style={[styles.body, resolvedBodyStyle as any]}\n                        contentContainerStyle={styles.bodyContent}\n                        showsVerticalScrollIndicator={false}\n                    >\n                        {content}\n                    </ScrollView>\n\n                    {/* Footer — footerRender takes precedence over `footer`. footerStyle\n                        is merged AFTER the built-in flex defaults so consumers can override\n                        alignment (e.g. justifyContent: 'space-between' for left-delete /\n                        right-actions layouts) without losing the borderTop / padding. */}\n                    {(footerRender != null || rest.footer != null) && (\n                        <View style={[\n                            styles.footer,\n                            {borderTopColor: borderColor},\n                            isSheet && {paddingBottom: 12 + insets.bottom},\n                            resolvedFooterStyle as any,\n                        ]}>\n                            {footerRender\n                                ? footerRender({close: () => { void hide(); }})\n                                : (rest.footer as React.ReactNode)}\n                        </View>\n                    )}\n                    </>}\n                </Animated.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.45)\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        padding: 24,\n    },\n    sheetOverlay: {\n        flex: 1,\n        backgroundColor: \"rgba(0,0,0,0.45)\",\n        justifyContent: \"flex-end\",\n    },\n    sheetPanel: {\n        width: \"100%\",\n        maxWidth: \"100%\",\n        maxHeight: \"90%\",\n        borderWidth: 0,\n        borderTopLeftRadius: 24,\n        borderTopRightRadius: 24,\n        borderBottomLeftRadius: 0,\n        borderBottomRightRadius: 0,\n        paddingTop: 10,\n    },\n    grabber: {\n        width: 40,\n        height: 5,\n        borderRadius: 999,\n        alignSelf: \"center\",\n        marginBottom: 6,\n    },\n    panel: {\n        borderRadius: 16,\n        borderWidth: 1,\n        minWidth: 250,\n        maxWidth: \"90%\",\n        maxHeight: \"80%\",\n        overflow: \"hidden\",\n        elevation: 12,\n        shadowColor: \"#000\",\n        shadowOffset: {width: 0, height: 6},\n        shadowOpacity: 0.2,\n        shadowRadius: 12,\n    },\n    header: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        paddingHorizontal: 20,\n        paddingVertical: 16,\n        borderBottomWidth: 1,\n    },\n    body: {\n        maxHeight: 400,\n    },\n    bodyContent: {\n        padding: 20,\n    },\n    footer: {\n        flexDirection: \"row\",\n        justifyContent: \"flex-end\",\n        paddingHorizontal: 20,\n        paddingVertical: 12,\n        borderTopWidth: 1,\n        gap: 8,\n    },\n});\n"],"names":["useKitsTheme","useSeverityColors","useSafeAreaInsets","useResolvedStyle","useWindowDimensions","jsx","Modal","jsxs","FadeIn","anim","Pressable","StyleSheet","SlideInDown","ZoomIn","Fragment","View","Icon","Text","ScrollView"],"mappings":"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"}

package/components/overlay/Dialog/index.js

@@ -0,0 +1,207 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useWindowDimensions, Modal, Pressable, StyleSheet, View, ScrollView } from 'react-native';
+import Animated, { SlideInDown, ZoomIn, FadeIn } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useSeverityColors } from '../../../hooks/useSeverityColors.js';
+import 'react';
+import '../../../contexts/DialogContext.js';
+import useResolvedStyle from '../../../hooks/useResolvedStyle.js';
+import { overlayAnimations } from '../../../animations/index.js';
+import { useKitsTheme } from '../../../contexts/Theme/KitsThemeProvider.js';
+import { Icon } from '../../../primitives/Icon/index.js';
+import Text from '../../../primitives/Text/index.js';
+
+function KitsDialogControlled({ state, onHide }) {
+  const {
+    children,
+    content: contentProp,
+    onClose,
+    asyncClose,
+    type,
+    icon,
+    style,
+    contentStyle,
+    headerStyle,
+    maskStyle,
+    position = "center",
+    responsive = true,
+    hideHeader,
+    headerRender,
+    footerRender,
+    footerStyle,
+    canClose,
+    bodyStyle,
+    closeIcon,
+    // Native default true preserves historical tap-to-dismiss; web's
+    // PrimeReact default is false — pass explicitly in shared code.
+    dismissableMask = true,
+    breakpoints,
+    ...rest
+  } = state;
+  const { resolveToken, theme } = useKitsTheme();
+  const severityColors = useSeverityColors(type || "secondary");
+  const colors = type ? severityColors : null;
+  const insets = useSafeAreaInsets();
+  const isSheet = position === "bottom";
+  const surfaceColor = resolveToken("surface-card");
+  const textColor = resolveToken("text");
+  const borderColor = colors?.border ?? resolveToken("border");
+  const subtextColor = resolveToken("gray.500");
+  const grabberColor = resolveToken("gray.300");
+  const brandLogo = type === "brand" ? theme.config.logo : null;
+  const resolvedStyle = useResolvedStyle(style || {});
+  const resolvedContentStyle = useResolvedStyle(contentStyle || {});
+  const resolvedHeaderStyle = useResolvedStyle(headerStyle || {});
+  const resolvedMaskStyle = useResolvedStyle(maskStyle || {});
+  const resolvedFooterStyle = useResolvedStyle(footerStyle || {});
+  const resolvedBodyStyle = useResolvedStyle(bodyStyle || {});
+  const { width: screenWidth } = useWindowDimensions();
+  const breakpointWidth = (() => {
+    if (!breakpoints) return null;
+    const matches = Object.entries(breakpoints).map(([k, v]) => [parseFloat(k), v]).filter(([px]) => !Number.isNaN(px) && screenWidth <= px).sort(([a], [b]) => a - b);
+    const value = matches[0]?.[1];
+    if (value == null) return null;
+    const num = parseFloat(value);
+    return Number.isNaN(num) ? null : `${num}%`;
+  })();
+  const responsiveWidth = breakpointWidth ?? (screenWidth > 641 ? "50%" : "95%");
+  const hasExplicitWidth = resolvedStyle.width != null;
+  const hide = async () => {
+    if (canClose === false || typeof canClose === "function" && !canClose()) {
+      return;
+    }
+    if (asyncClose && typeof onClose === "function") {
+      await onClose();
+    } else {
+      onClose?.();
+    }
+    onHide();
+  };
+  if (!state.visible) return null;
+  const content = typeof children === "function" ? children(hide) : children;
+  const contentMode = contentProp != null ? typeof contentProp === "function" ? contentProp({ hide }) : contentProp : null;
+  return /* @__PURE__ */ jsx(Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: hide, children: /* @__PURE__ */ jsxs(Animated.View, { entering: FadeIn.duration(overlayAnimations.scrim.enterDuration), style: [isSheet ? styles.sheetOverlay : styles.overlay, resolvedMaskStyle], children: [
+    /* @__PURE__ */ jsx(Pressable, { style: StyleSheet.absoluteFill, onPress: dismissableMask ? hide : void 0 }),
+    /* @__PURE__ */ jsx(
+      Animated.View,
+      {
+        entering: isSheet ? SlideInDown.springify().damping(overlayAnimations.sheet.enter.damping).stiffness(overlayAnimations.sheet.enter.stiffness) : ZoomIn.springify().damping(overlayAnimations.dialog.enter.damping).stiffness(overlayAnimations.dialog.enter.stiffness),
+        style: [
+          styles.panel,
+          isSheet && styles.sheetPanel,
+          { backgroundColor: surfaceColor, borderColor },
+          // Explicit `breakpoints` win even when responsive=false (web parity)
+          !isSheet && !hasExplicitWidth && (breakpoints != null || responsive) ? { width: responsiveWidth } : null,
+          resolvedStyle,
+          resolvedContentStyle
+        ],
+        children: contentMode != null ? contentMode : /* @__PURE__ */ jsxs(Fragment, { children: [
+          isSheet && /* @__PURE__ */ jsx(View, { style: [styles.grabber, { backgroundColor: grabberColor }] }),
+          colors && !isSheet && /* @__PURE__ */ jsx(View, { style: { height: 4, backgroundColor: colors.solid, borderTopLeftRadius: 16, borderTopRightRadius: 16 } }),
+          !hideHeader && headerRender != null && headerRender({ close: () => {
+            void hide();
+          } }),
+          !hideHeader && headerRender == null && rest.header != null && /* @__PURE__ */ jsxs(View, { style: [styles.header, { borderBottomColor: borderColor }, resolvedHeaderStyle], children: [
+            (icon || brandLogo) && colors && /* @__PURE__ */ jsx(View, { style: {
+              width: 36,
+              height: 36,
+              borderRadius: 18,
+              backgroundColor: colors.iconBg,
+              alignItems: "center",
+              justifyContent: "center",
+              marginRight: 12
+            }, children: brandLogo ? brandLogo : typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon, size: "lg", color: colors.iconFg }) : icon }),
+            /* @__PURE__ */ jsx(Text, { style: { fontSize: 18, fontWeight: "700", color: textColor, flex: 1 }, children: rest.header }),
+            /* @__PURE__ */ jsx(Pressable, { onPress: hide, hitSlop: 8, children: closeIcon ?? /* @__PURE__ */ jsx(Text, { style: { fontSize: 18, color: subtextColor }, children: "\u2715" }) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            ScrollView,
+            {
+              style: [styles.body, resolvedBodyStyle],
+              contentContainerStyle: styles.bodyContent,
+              showsVerticalScrollIndicator: false,
+              children: content
+            }
+          ),
+          (footerRender != null || rest.footer != null) && /* @__PURE__ */ jsx(View, { style: [
+            styles.footer,
+            { borderTopColor: borderColor },
+            isSheet && { paddingBottom: 12 + insets.bottom },
+            resolvedFooterStyle
+          ], children: footerRender ? footerRender({ close: () => {
+            void hide();
+          } }) : rest.footer })
+        ] })
+      }
+    )
+  ] }) });
+}
+const styles = StyleSheet.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.45)",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 24
+  },
+  sheetOverlay: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.45)",
+    justifyContent: "flex-end"
+  },
+  sheetPanel: {
+    width: "100%",
+    maxWidth: "100%",
+    maxHeight: "90%",
+    borderWidth: 0,
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0,
+    paddingTop: 10
+  },
+  grabber: {
+    width: 40,
+    height: 5,
+    borderRadius: 999,
+    alignSelf: "center",
+    marginBottom: 6
+  },
+  panel: {
+    borderRadius: 16,
+    borderWidth: 1,
+    minWidth: 250,
+    maxWidth: "90%",
+    maxHeight: "80%",
+    overflow: "hidden",
+    elevation: 12,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 6 },
+    shadowOpacity: 0.2,
+    shadowRadius: 12
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 20,
+    paddingVertical: 16,
+    borderBottomWidth: 1
+  },
+  body: {
+    maxHeight: 400
+  },
+  bodyContent: {
+    padding: 20
+  },
+  footer: {
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    paddingHorizontal: 20,
+    paddingVertical: 12,
+    borderTopWidth: 1,
+    gap: 8
+  }
+});
+
+export { KitsDialogControlled as default };
+//# sourceMappingURL=index.js.map

package/components/overlay/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/overlay/Dialog/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {Modal, Pressable, ScrollView, StyleSheet, View, useWindowDimensions} 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 {IKitsDialogControlled} from \"@lmb-it/kitsconcerto-types\";\nimport {useKitsTheme} from \"../../../contexts/Theme\";\nimport {useSeverityColors} from \"../../../hooks/useSeverityColors\";\nimport {useResolvedStyle} from \"../../../hooks\";\nimport {overlayAnimations as anim} from \"../../../animations\";\n\nexport default function KitsDialogControlled({state, onHide}: IKitsDialogControlled) {\n    const {\n        children,\n        content: contentProp,\n        onClose,\n        asyncClose,\n        type,\n        icon,\n        style,\n        contentStyle,\n        headerStyle,\n        maskStyle,\n        position = 'center',\n        responsive = true,\n        hideHeader,\n        headerRender,\n        footerRender,\n        footerStyle,\n        canClose,\n        bodyStyle,\n        closeIcon,\n        // Native default true preserves historical tap-to-dismiss; web's\n        // PrimeReact default is false — pass explicitly in shared code.\n        dismissableMask = true,\n        breakpoints,\n        ...rest\n    } = state;\n    const {resolveToken, theme} = useKitsTheme();\n    const severityColors = useSeverityColors(type || 'secondary');\n    const colors = type ? severityColors : null;\n    const insets = useSafeAreaInsets();\n    const isSheet = position === 'bottom';\n\n    const surfaceColor = resolveToken('surface-card');\n    const textColor = resolveToken('text');\n    const borderColor = colors?.border ?? resolveToken('border');\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    const resolvedFooterStyle = useResolvedStyle(footerStyle || {});\n    const resolvedBodyStyle = useResolvedStyle(bodyStyle || {});\n\n    const {width: screenWidth} = useWindowDimensions();\n    // Consumer `breakpoints` ({'960px': '75vw'}) mirrors the web prop: the\n    // smallest max-width threshold >= the screen width wins; vw/% both map\n    // to a percentage of the window width. Falls back to the responsive\n    // default (50% tablets/desktop, 95% phones <=641px).\n    const breakpointWidth = (() => {\n        if (!breakpoints) return null;\n        const matches = Object.entries(breakpoints)\n            .map(([k, v]) => [parseFloat(k), v] as const)\n            .filter(([px]) => !Number.isNaN(px) && screenWidth <= px)\n            .sort(([a], [b]) => a - b);\n        const value = matches[0]?.[1];\n        if (value == null) return null;\n        const num = parseFloat(value);\n        return Number.isNaN(num) ? null : `${num}%`;\n    })();\n    const responsiveWidth = breakpointWidth ?? (screenWidth > 641 ? '50%' : '95%');\n    const hasExplicitWidth = (resolvedStyle as any).width != null;\n\n    const hide = async () => {\n        // canClose gate — intercepts every close path (backdrop Pressable,\n        // built-in X Pressable, RN Modal onRequestClose). When blocked,\n        // onClose is suppressed and the dialog stays open.\n        if (canClose === false || (typeof canClose === 'function' && !canClose())) {\n            return;\n        }\n        if (asyncClose && typeof onClose === \"function\") {\n            await onClose();\n        } else {\n            onClose?.();\n        }\n        onHide();\n    };\n\n    if (!state.visible) return null;\n\n    const content = typeof children === \"function\" ? children(hide) : children;\n    // Content-mode override (mirrors web): consumer node replaces the whole\n    // header / body / footer template inside the panel.\n    const contentMode = contentProp != null\n        ? (typeof contentProp === \"function\" ? contentProp({hide}) : contentProp)\n        : null;\n\n    return (\n        <Modal visible transparent animationType=\"none\" onRequestClose={hide}>\n            <Animated.View entering={FadeIn.duration(anim.scrim.enterDuration)} style={[isSheet ? styles.sheetOverlay : styles.overlay, resolvedMaskStyle as any]}>\n                <Pressable style={StyleSheet.absoluteFill} onPress={dismissableMask ? hide : undefined}/>\n                <Animated.View\n                    entering={isSheet\n                        ? SlideInDown.springify().damping(anim.sheet.enter.damping).stiffness(anim.sheet.enter.stiffness)\n                        : ZoomIn.springify().damping(anim.dialog.enter.damping).stiffness(anim.dialog.enter.stiffness)}\n                    style={[\n                        styles.panel,\n                        isSheet && styles.sheetPanel,\n                        {backgroundColor: surfaceColor, borderColor},\n                        // Explicit `breakpoints` win even when responsive=false (web parity)\n                        !isSheet && !hasExplicitWidth && (breakpoints != null || responsive) ? {width: responsiveWidth} : null,\n                        resolvedStyle as any,\n                        resolvedContentStyle as any,\n                    ]}\n                >\n                    {contentMode != null ? contentMode : <>\n                    {/* Grabber (bottom-sheet) */}\n                    {isSheet && <View style={[styles.grabber, {backgroundColor: grabberColor}]}/>}\n\n                    {/* Severity accent strip */}\n                    {colors && !isSheet && (\n                        <View style={{height: 4, backgroundColor: colors.solid, borderTopLeftRadius: 16, borderTopRightRadius: 16}}/>\n                    )}\n\n                    {/* Custom header (headerRender) — fully replaces the built-in header\n                        View when provided. Wins over the default header even if `header`\n                        is also set. */}\n                    {!hideHeader && headerRender != null && headerRender({close: () => { void hide(); }})}\n\n                    {/* Header (default) — rendered when no headerRender and `header` is set. */}\n                    {!hideHeader && headerRender == null && rest.header != null && (\n                        <View style={[styles.header, {borderBottomColor: borderColor}, resolvedHeaderStyle as any]}>\n                            {/* Inline severity icon */}\n                            {(icon || brandLogo) && colors && (\n                                <View style={{\n                                    width: 36,\n                                    height: 36,\n                                    borderRadius: 18,\n                                    backgroundColor: colors.iconBg,\n                                    alignItems: 'center',\n                                    justifyContent: 'center',\n                                    marginRight: 12,\n                                }}>\n                                    {brandLogo ? brandLogo : typeof icon === 'string' ? (\n                                        <Icon name={icon as never} size={'lg'} color={colors.iconFg}/>\n                                    ) : icon}\n                                </View>\n                            )}\n                            <Text style={{fontSize: 18, fontWeight: \"700\", color: textColor, flex: 1}}>\n                                {rest.header as React.ReactNode}\n                            </Text>\n                            <Pressable onPress={hide} hitSlop={8}>\n                                {closeIcon ?? <Text style={{fontSize: 18, color: subtextColor}}>✕</Text>}\n                            </Pressable>\n                        </View>\n                    )}\n\n                    {/* Body — bodyStyle is applied AFTER the built-in maxHeight: 400,\n                        so consumers can lift the cap (`maxHeight: 600`) or unlock flex\n                        sizing (`minHeight: 0`) without losing the default behavior when\n                        bodyStyle is unset. */}\n                    <ScrollView\n                        style={[styles.body, resolvedBodyStyle as any]}\n                        contentContainerStyle={styles.bodyContent}\n                        showsVerticalScrollIndicator={false}\n                    >\n                        {content}\n                    </ScrollView>\n\n                    {/* Footer — footerRender takes precedence over `footer`. footerStyle\n                        is merged AFTER the built-in flex defaults so consumers can override\n                        alignment (e.g. justifyContent: 'space-between' for left-delete /\n                        right-actions layouts) without losing the borderTop / padding. */}\n                    {(footerRender != null || rest.footer != null) && (\n                        <View style={[\n                            styles.footer,\n                            {borderTopColor: borderColor},\n                            isSheet && {paddingBottom: 12 + insets.bottom},\n                            resolvedFooterStyle as any,\n                        ]}>\n                            {footerRender\n                                ? footerRender({close: () => { void hide(); }})\n                                : (rest.footer as React.ReactNode)}\n                        </View>\n                    )}\n                    </>}\n                </Animated.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.45)\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        padding: 24,\n    },\n    sheetOverlay: {\n        flex: 1,\n        backgroundColor: \"rgba(0,0,0,0.45)\",\n        justifyContent: \"flex-end\",\n    },\n    sheetPanel: {\n        width: \"100%\",\n        maxWidth: \"100%\",\n        maxHeight: \"90%\",\n        borderWidth: 0,\n        borderTopLeftRadius: 24,\n        borderTopRightRadius: 24,\n        borderBottomLeftRadius: 0,\n        borderBottomRightRadius: 0,\n        paddingTop: 10,\n    },\n    grabber: {\n        width: 40,\n        height: 5,\n        borderRadius: 999,\n        alignSelf: \"center\",\n        marginBottom: 6,\n    },\n    panel: {\n        borderRadius: 16,\n        borderWidth: 1,\n        minWidth: 250,\n        maxWidth: \"90%\",\n        maxHeight: \"80%\",\n        overflow: \"hidden\",\n        elevation: 12,\n        shadowColor: \"#000\",\n        shadowOffset: {width: 0, height: 6},\n        shadowOpacity: 0.2,\n        shadowRadius: 12,\n    },\n    header: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        paddingHorizontal: 20,\n        paddingVertical: 16,\n        borderBottomWidth: 1,\n    },\n    body: {\n        maxHeight: 400,\n    },\n    bodyContent: {\n        padding: 20,\n    },\n    footer: {\n        flexDirection: \"row\",\n        justifyContent: \"flex-end\",\n        paddingHorizontal: 20,\n        paddingVertical: 12,\n        borderTopWidth: 1,\n        gap: 8,\n    },\n});\n"],"names":["anim"],"mappings":"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"}

package/components/overlay/Popover/index.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Button_native = require('../../Button/Button.cjs');
+var index = require('../../../layout/Flex/index.cjs');
+
+const CustomPopover = ({
+  children,
+  label,
+  onPopoverClosed,
+  onPopoverOpened,
+  closeButton = false
+}) => {
+  const op = React.useRef(null);
+  const toggle = (event) => {
+    op.current?.toggle(event);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    typeof label == "string" && /* @__PURE__ */ jsxRuntime.jsx(Button_native.Button, { onClick: toggle, children: label }),
+    typeof label != "string" && /* @__PURE__ */ jsxRuntime.jsx(index.default, { onClick: toggle, children: label })
+  ] });
+};
+
+exports.default = CustomPopover;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/overlay/Popover/index.native.tsx"],"sourcesContent":["import React, {type FC, type MouseEventHandler, useRef} from \"react\";\nimport {Button, Flex} from \"../../../_compat\";\n// import {OverlayPanel} from \"primereact/overlaypanel\";\n// import {TimesIcon} from \"primereact/icons/times\";\nimport type {IPopoverProps} from \"@lmb-it/kitsconcerto-types\";\n\n// WEB-ONLY COMPONENT (documented): the overlay is PrimeReact's OverlayPanel\n// and has no native implementation yet — this stub renders ONLY the trigger,\n// and tapping it does nothing. The web-only `style` prop (panel styling) has\n// no effect here for the same reason. Building a native popover (RN Modal\n// anchored to the trigger) is an architecture decision — do not bolt one on\n// in a parity pass.\nconst CustomPopover: FC<IPopoverProps> = ({\n  children,\n  label,\n  onPopoverClosed,\n  onPopoverOpened,\n  closeButton = false,\n}) => {\n  const op = useRef<any>(null);\n\n  const toggle:MouseEventHandler<any> = (event) => {\n    op.current?.toggle(event);\n  };\n  return (\n    <>\n      {typeof label == \"string\" && <Button onClick={toggle}>{label}</Button>}\n      {typeof label != \"string\" && <Flex onClick={toggle}>{label}</Flex>}\n\n      {/*<OverlayPanel\n        closeIcon={<TimesIcon />}\n        showCloseIcon={closeButton}\n        ref={op}\n        onShow={() => {\n          onPopoverOpened && onPopoverOpened();\n        }}\n        onHide={() => {\n          onPopoverClosed && onPopoverClosed();\n        }}\n      >\n        {typeof children == \"function\"\n          ? children({ onClose: () => op.current?.hide() })\n          : children}\n      </OverlayPanel>*/}\n    </>\n  );\n};\n\nexport default CustomPopover;\n"],"names":["useRef","jsxs","Fragment","jsx","Button","Flex"],"mappings":";;;;;;;;;AAYA,MAAM,gBAAmC,CAAC;AAAA,EACxC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,KAAM;AACJ,EAAA,MAAM,EAAA,GAAKA,aAAY,IAAI,CAAA;AAE3B,EAAA,MAAM,MAAA,GAAgC,CAAC,KAAA,KAAU;AAC/C,IAAA,EAAA,CAAG,OAAA,EAAS,OAAO,KAAK,CAAA;AAAA,EAC1B,CAAA;AACA,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,OAAO,SAAS,QAAA,oBAAYC,cAAA,CAACC,oBAAA,EAAA,EAAO,OAAA,EAAS,QAAS,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IAC5D,OAAO,KAAA,IAAS,QAAA,mCAAaC,aAAA,EAAA,EAAK,OAAA,EAAS,QAAS,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAiB7D,CAAA;AAEJ;;;;"}

package/components/overlay/Popover/index.js

@@ -0,0 +1,24 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { Button } from '../../Button/Button.js';
+import Flex from '../../../layout/Flex/index.js';
+
+const CustomPopover = ({
+  children,
+  label,
+  onPopoverClosed,
+  onPopoverOpened,
+  closeButton = false
+}) => {
+  const op = useRef(null);
+  const toggle = (event) => {
+    op.current?.toggle(event);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    typeof label == "string" && /* @__PURE__ */ jsx(Button, { onClick: toggle, children: label }),
+    typeof label != "string" && /* @__PURE__ */ jsx(Flex, { onClick: toggle, children: label })
+  ] });
+};
+
+export { CustomPopover as default };
+//# sourceMappingURL=index.js.map

package/components/overlay/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/overlay/Popover/index.native.tsx"],"sourcesContent":["import React, {type FC, type MouseEventHandler, useRef} from \"react\";\nimport {Button, Flex} from \"../../../_compat\";\n// import {OverlayPanel} from \"primereact/overlaypanel\";\n// import {TimesIcon} from \"primereact/icons/times\";\nimport type {IPopoverProps} from \"@lmb-it/kitsconcerto-types\";\n\n// WEB-ONLY COMPONENT (documented): the overlay is PrimeReact's OverlayPanel\n// and has no native implementation yet — this stub renders ONLY the trigger,\n// and tapping it does nothing. The web-only `style` prop (panel styling) has\n// no effect here for the same reason. Building a native popover (RN Modal\n// anchored to the trigger) is an architecture decision — do not bolt one on\n// in a parity pass.\nconst CustomPopover: FC<IPopoverProps> = ({\n  children,\n  label,\n  onPopoverClosed,\n  onPopoverOpened,\n  closeButton = false,\n}) => {\n  const op = useRef<any>(null);\n\n  const toggle:MouseEventHandler<any> = (event) => {\n    op.current?.toggle(event);\n  };\n  return (\n    <>\n      {typeof label == \"string\" && <Button onClick={toggle}>{label}</Button>}\n      {typeof label != \"string\" && <Flex onClick={toggle}>{label}</Flex>}\n\n      {/*<OverlayPanel\n        closeIcon={<TimesIcon />}\n        showCloseIcon={closeButton}\n        ref={op}\n        onShow={() => {\n          onPopoverOpened && onPopoverOpened();\n        }}\n        onHide={() => {\n          onPopoverClosed && onPopoverClosed();\n        }}\n      >\n        {typeof children == \"function\"\n          ? children({ onClose: () => op.current?.hide() })\n          : children}\n      </OverlayPanel>*/}\n    </>\n  );\n};\n\nexport default CustomPopover;\n"],"names":[],"mappings":";;;;;AAYA,MAAM,gBAAmC,CAAC;AAAA,EACxC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,KAAM;AACJ,EAAA,MAAM,EAAA,GAAK,OAAY,IAAI,CAAA;AAE3B,EAAA,MAAM,MAAA,GAAgC,CAAC,KAAA,KAAU;AAC/C,IAAA,EAAA,CAAG,OAAA,EAAS,OAAO,KAAK,CAAA;AAAA,EAC1B,CAAA;AACA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,OAAO,SAAS,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAS,QAAS,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IAC5D,OAAO,KAAA,IAAS,QAAA,wBAAa,IAAA,EAAA,EAAK,OAAA,EAAS,QAAS,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAiB7D,CAAA;AAEJ;;;;"}

package/components/overlay/Toast/index.cjs

@@ -0,0 +1,202 @@
+'use strict';
+
+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 index = require('../../../animations/index.cjs');
+var KitsThemeProvider_native = require('../../../contexts/Theme/KitsThemeProvider.cjs');
+var index_native = require('../../../primitives/Text/index.cjs');
+
+let toastIdCounter = 0;
+const LIFE = 3e3;
+const SIZE_CONFIG = {
+  sm: { paddingV: 8, paddingH: 10, summarySize: 12, bodySize: 10, accentWidth: 3, closeSize: 14, minW: 200 },
+  md: { paddingV: 12, paddingH: 14, summarySize: 14, bodySize: 12, accentWidth: 4, closeSize: 16, minW: 280 },
+  lg: { paddingV: 16, paddingH: 18, summarySize: 16, bodySize: 14, accentWidth: 5, closeSize: 18, minW: 320 }
+};
+const KitsToast = ({ ref }) => {
+  const [toasts, setToasts] = React.useState([]);
+  const timersRef = React.useRef(/* @__PURE__ */ new Map());
+  const { resolveToken } = KitsThemeProvider_native.useKitsTheme();
+  const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
+  const [keyboardVisible, setKeyboardVisible] = React.useState(false);
+  React.useEffect(() => {
+    const showSub = reactNative.Keyboard.addListener("keyboardDidShow", () => setKeyboardVisible(true));
+    const hideSub = reactNative.Keyboard.addListener("keyboardDidHide", () => setKeyboardVisible(false));
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, []);
+  const severityColors = {
+    success: resolveToken("green.500"),
+    info: resolveToken("blue.500"),
+    warn: resolveToken("yellow.500"),
+    error: resolveToken("red.500"),
+    loading: resolveToken("blue.500"),
+    brand: resolveToken("primary")
+  };
+  const surfaceColor = resolveToken("surface-card");
+  const textColor = resolveToken("text");
+  const borderColor = resolveToken("border");
+  const removeToast = React.useCallback((id) => {
+    const timer = timersRef.current.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      timersRef.current.delete(id);
+    }
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  const toast = React.useCallback((severity, summary, body = "", position = "bottom-center", isUpdate = false, size = "md", onPress) => {
+    const id = ++toastIdCounter;
+    const item = { id, severity, summary, body, position, size, sticky: severity === "loading", onPress };
+    setToasts((prev) => {
+      if (!isUpdate) return [...prev, item];
+      const lastAtPos = [...prev].reverse().find((t) => t.position === position);
+      if (!lastAtPos) return [...prev, item];
+      const timer = timersRef.current.get(lastAtPos.id);
+      if (timer) {
+        clearTimeout(timer);
+        timersRef.current.delete(lastAtPos.id);
+      }
+      return prev.map((t) => t.id === lastAtPos.id ? item : t);
+    });
+    if (!item.sticky) {
+      const timer = setTimeout(() => removeToast(id), LIFE);
+      timersRef.current.set(id, timer);
+    }
+  }, [removeToast]);
+  const dismiss = React.useCallback((position) => {
+    setToasts((prev) => {
+      const toRemove = position ? prev.filter((t) => t.position === position) : prev;
+      toRemove.forEach((t) => {
+        const timer = timersRef.current.get(t.id);
+        if (timer) {
+          clearTimeout(timer);
+          timersRef.current.delete(t.id);
+        }
+      });
+      return position ? prev.filter((t) => t.position !== position) : [];
+    });
+  }, []);
+  const dismissAll = React.useCallback(() => {
+    timersRef.current.forEach((t) => clearTimeout(t));
+    timersRef.current.clear();
+    setToasts([]);
+  }, []);
+  React.useImperativeHandle(ref, () => ({ toast, dismiss, dismissAll }));
+  React.useEffect(() => {
+    return () => {
+      timersRef.current.forEach((t) => clearTimeout(t));
+    };
+  }, []);
+  if (toasts.length === 0) return null;
+  const getAlignment = (position) => {
+    if (position.endsWith("-left")) return "flex-start";
+    if (position.endsWith("-right")) return "flex-end";
+    return "center";
+  };
+  const isTop = (position) => position.startsWith("top");
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: reactNative.StyleSheet.absoluteFill, pointerEvents: "box-none", children: toasts.map((item) => {
+    const top = keyboardVisible ? true : isTop(item.position);
+    const align = getAlignment(item.position);
+    const entering = top ? Animated.SlideInUp.duration(index.overlayAnimations.toast.slideInDuration) : Animated.SlideInDown.duration(index.overlayAnimations.toast.slideInDuration);
+    const exiting = top ? Animated.SlideOutUp.duration(index.overlayAnimations.toast.slideOutDuration) : Animated.SlideOutDown.duration(index.overlayAnimations.toast.slideOutDuration);
+    const s = SIZE_CONFIG[item.size] ?? SIZE_CONFIG.md;
+    const accentColor = severityColors[item.severity] ?? severityColors.info;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Animated.View,
+      {
+        entering,
+        exiting,
+        layout: Animated.Layout.duration(index.overlayAnimations.toast.layoutDuration),
+        style: [
+          styles.toastWrapper,
+          {
+            alignItems: align,
+            ...top ? { top: insets.top + 8 } : { bottom: insets.bottom + 8 }
+          }
+        ],
+        pointerEvents: "box-none",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Animated.View,
+          {
+            entering: Animated.FadeIn.duration(index.overlayAnimations.toast.itemEnterDuration),
+            exiting: Animated.FadeOut.duration(index.overlayAnimations.toast.itemExitDuration),
+            style: [
+              styles.toast,
+              {
+                backgroundColor: surfaceColor,
+                borderColor,
+                minWidth: s.minW
+              }
+            ],
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              reactNative.Pressable,
+              {
+                style: styles.pressArea,
+                disabled: !item.onPress,
+                onPress: () => {
+                  item.onPress?.();
+                  removeToast(item.id);
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.accentBar, { backgroundColor: accentColor, width: s.accentWidth }] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles.content, { paddingVertical: s.paddingV, paddingHorizontal: s.paddingH, gap: s.paddingH * 0.7 }], children: [
+                    item.severity === "loading" && /* @__PURE__ */ jsxRuntime.jsx(reactNative.ActivityIndicator, { size: "small", color: accentColor }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.textContainer, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { style: { fontWeight: "600", fontSize: s.summarySize, color: textColor }, children: item.summary }),
+                      !!item.body && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { style: { fontSize: s.bodySize, marginTop: 2, color: textColor, opacity: 0.7 }, children: item.body })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: () => removeToast(item.id), hitSlop: 8, children: /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { style: { fontSize: s.closeSize, fontWeight: "bold", color: textColor, opacity: 0.4 }, children: "\u2715" }) })
+                  ] })
+                ]
+              }
+            )
+          }
+        )
+      },
+      item.id
+    );
+  }) });
+};
+const styles = reactNative.StyleSheet.create({
+  toastWrapper: {
+    position: "absolute",
+    left: 16,
+    right: 16,
+    zIndex: 9999
+  },
+  toast: {
+    flexDirection: "row",
+    borderRadius: 10,
+    borderWidth: 1,
+    marginBottom: 8,
+    overflow: "hidden",
+    elevation: 6,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 3 },
+    shadowOpacity: 0.15,
+    shadowRadius: 6
+  },
+  accentBar: {},
+  pressArea: {
+    flex: 1,
+    flexDirection: "row"
+  },
+  content: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  textContainer: {
+    flex: 1
+  }
+});
+
+exports.default = KitsToast;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/overlay/Toast/index.native.tsx"],"sourcesContent":["import React, {\n    type Ref,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from \"react\";\nimport {Keyboard, Pressable, StyleSheet, ActivityIndicator, View} from \"react-native\";\nimport Animated, {\n    FadeIn,\n    FadeOut,\n    SlideInUp,\n    SlideInDown,\n    SlideOutUp,\n    SlideOutDown,\n    Layout,\n} from \"react-native-reanimated\";\nimport {useSafeAreaInsets} from \"react-native-safe-area-context\";\nimport {Text} from \"../../../_compat\";\nimport type {\n    IKitsToastRef,\n    IToastFunction,\n    IToastParams,\n    ToastPosition,\n    ToastSeverity,\n    ToastSize,\n} from \"@lmb-it/kitsconcerto-types\";\nimport {useKitsTheme} from \"../../../contexts/Theme\";\nimport {overlayAnimations as anim} from \"../../../animations\";\n\ninterface ToastItem {\n    id: number;\n    severity: ToastSeverity;\n    summary: string;\n    body?: string;\n    position: ToastPosition;\n    size: ToastSize;\n    sticky?: boolean;\n    onPress?: () => void;\n}\n\nlet toastIdCounter = 0;\nconst LIFE = 3000;\n\nconst SIZE_CONFIG: Record<ToastSize, { paddingV: number; paddingH: number; summarySize: number; bodySize: number; accentWidth: number; closeSize: number; minW: number }> = {\n    sm: {paddingV: 8, paddingH: 10, summarySize: 12, bodySize: 10, accentWidth: 3, closeSize: 14, minW: 200},\n    md: {paddingV: 12, paddingH: 14, summarySize: 14, bodySize: 12, accentWidth: 4, closeSize: 16, minW: 280},\n    lg: {paddingV: 16, paddingH: 18, summarySize: 16, bodySize: 14, accentWidth: 5, closeSize: 18, minW: 320},\n};\n\nconst KitsToast = ({ref}: { ref?: Ref<IKitsToastRef> }) => {\n    const [toasts, setToasts] = useState<ToastItem[]>([]);\n    const timersRef = useRef<Map<number, ReturnType<typeof setTimeout>>>(new Map());\n    const {resolveToken} = useKitsTheme();\n    const insets = useSafeAreaInsets();\n    const [keyboardVisible, setKeyboardVisible] = useState(false);\n\n    useEffect(() => {\n        const showSub = Keyboard.addListener(\"keyboardDidShow\", () => setKeyboardVisible(true));\n        const hideSub = Keyboard.addListener(\"keyboardDidHide\", () => setKeyboardVisible(false));\n        return () => {\n            showSub.remove();\n            hideSub.remove();\n        };\n    }, []);\n\n    const severityColors: Record<string, string> = {\n        success: resolveToken('green.500'),\n        info: resolveToken('blue.500'),\n        warn: resolveToken('yellow.500'),\n        error: resolveToken('red.500'),\n        loading: resolveToken('blue.500'),\n        brand: resolveToken('primary'),\n    };\n\n    const surfaceColor = resolveToken('surface-card');\n    const textColor = resolveToken('text');\n    const borderColor = resolveToken('border');\n\n    const removeToast = useCallback((id: number) => {\n        const timer = timersRef.current.get(id);\n        if (timer) {\n            clearTimeout(timer);\n            timersRef.current.delete(id);\n        }\n        setToasts(prev => prev.filter(t => t.id !== id));\n    }, []);\n\n    const toast: IToastFunction = useCallback((\n        severity: ToastSeverity,\n        summary: string,\n        body: string = \"\",\n        position: ToastPosition = \"bottom-center\",\n        isUpdate: boolean = false,\n        size: ToastSize = \"md\",\n        onPress?: () => void,\n    ) => {\n        const id = ++toastIdCounter;\n        const item: ToastItem = {id, severity, summary, body, position, size, sticky: severity === \"loading\", onPress};\n\n        // isUpdate mirrors web's toastRef.replace: swap the most recent toast\n        // at this position instead of stacking a new one.\n        setToasts(prev => {\n            if (!isUpdate) return [...prev, item];\n            const lastAtPos = [...prev].reverse().find(t => t.position === position);\n            if (!lastAtPos) return [...prev, item];\n            const timer = timersRef.current.get(lastAtPos.id);\n            if (timer) {\n                clearTimeout(timer);\n                timersRef.current.delete(lastAtPos.id);\n            }\n            return prev.map(t => (t.id === lastAtPos.id ? item : t));\n        });\n\n        if (!item.sticky) {\n            const timer = setTimeout(() => removeToast(id), LIFE);\n            timersRef.current.set(id, timer);\n        }\n    }, [removeToast]) as IToastFunction;\n\n    const dismiss = useCallback((position?: ToastPosition) => {\n        setToasts(prev => {\n            const toRemove = position ? prev.filter(t => t.position === position) : prev;\n            toRemove.forEach(t => {\n                const timer = timersRef.current.get(t.id);\n                if (timer) {\n                    clearTimeout(timer);\n                    timersRef.current.delete(t.id);\n                }\n            });\n            return position ? prev.filter(t => t.position !== position) : [];\n        });\n    }, []);\n\n    const dismissAll = useCallback(() => {\n        timersRef.current.forEach(t => clearTimeout(t));\n        timersRef.current.clear();\n        setToasts([]);\n    }, []);\n\n    useImperativeHandle(ref, () => ({toast, dismiss, dismissAll}));\n\n    useEffect(() => {\n        return () => {\n            timersRef.current.forEach(t => clearTimeout(t));\n        };\n    }, []);\n\n    if (toasts.length === 0) return null;\n\n    const getAlignment = (position: ToastPosition): 'flex-start' | 'center' | 'flex-end' => {\n        if (position.endsWith('-left')) return 'flex-start';\n        if (position.endsWith('-right')) return 'flex-end';\n        return 'center';\n    };\n\n    const isTop = (position: ToastPosition) => position.startsWith('top');\n\n    return (\n        <View style={StyleSheet.absoluteFill} pointerEvents=\"box-none\">\n            {toasts.map(item => {\n                // When keyboard is visible, force bottom toasts to render at top\n                const top = keyboardVisible ? true : isTop(item.position);\n                const align = getAlignment(item.position);\n                const entering = top ? SlideInUp.duration(anim.toast.slideInDuration) : SlideInDown.duration(anim.toast.slideInDuration);\n                const exiting = top ? SlideOutUp.duration(anim.toast.slideOutDuration) : SlideOutDown.duration(anim.toast.slideOutDuration);\n                const s = SIZE_CONFIG[item.size] ?? SIZE_CONFIG.md;\n                const accentColor = severityColors[item.severity] ?? severityColors.info;\n\n                return (\n                    <Animated.View\n                        key={item.id}\n                        entering={entering}\n                        exiting={exiting}\n                        layout={Layout.duration(anim.toast.layoutDuration)}\n                        style={[\n                            styles.toastWrapper,\n                            {\n                                alignItems: align,\n                                ...(top\n                                    ? {top: insets.top + 8}\n                                    : {bottom: insets.bottom + 8}),\n                            },\n                        ]}\n                        pointerEvents=\"box-none\"\n                    >\n                        <Animated.View\n                            entering={FadeIn.duration(anim.toast.itemEnterDuration)}\n                            exiting={FadeOut.duration(anim.toast.itemExitDuration)}\n                            style={[\n                                styles.toast,\n                                {\n                                    backgroundColor: surfaceColor,\n                                    borderColor,\n                                    minWidth: s.minW,\n                                },\n                            ]}\n                        >\n                            <Pressable\n                                style={styles.pressArea}\n                                disabled={!item.onPress}\n                                onPress={() => {\n                                    item.onPress?.();\n                                    removeToast(item.id);\n                                }}\n                            >\n                                <View style={[styles.accentBar, {backgroundColor: accentColor, width: s.accentWidth}]}/>\n                                <View style={[styles.content, {paddingVertical: s.paddingV, paddingHorizontal: s.paddingH, gap: s.paddingH * 0.7}]}>\n                                    {item.severity === \"loading\" && (\n                                        <ActivityIndicator size=\"small\" color={accentColor}/>\n                                    )}\n                                    <View style={styles.textContainer}>\n                                        <Text style={{fontWeight: \"600\", fontSize: s.summarySize, color: textColor}}>\n                                            {item.summary}\n                                        </Text>\n                                        {!!item.body && (\n                                            <Text style={{fontSize: s.bodySize, marginTop: 2, color: textColor, opacity: 0.7}}>\n                                                {item.body}\n                                            </Text>\n                                        )}\n                                    </View>\n                                    <Pressable onPress={() => removeToast(item.id)} hitSlop={8}>\n                                        <Text style={{fontSize: s.closeSize, fontWeight: \"bold\", color: textColor, opacity: 0.4}}>\n                                            ✕\n                                        </Text>\n                                    </Pressable>\n                                </View>\n                            </Pressable>\n                        </Animated.View>\n                    </Animated.View>\n                );\n            })}\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    toastWrapper: {\n        position: \"absolute\",\n        left: 16,\n        right: 16,\n        zIndex: 9999,\n    },\n    toast: {\n        flexDirection: \"row\",\n        borderRadius: 10,\n        borderWidth: 1,\n        marginBottom: 8,\n        overflow: \"hidden\",\n        elevation: 6,\n        shadowColor: \"#000\",\n        shadowOffset: {width: 0, height: 3},\n        shadowOpacity: 0.15,\n        shadowRadius: 6,\n    },\n    accentBar: {},\n    pressArea: {\n        flex: 1,\n        flexDirection: \"row\",\n    },\n    content: {\n        flex: 1,\n        flexDirection: \"row\",\n        alignItems: \"center\",\n    },\n    textContainer: {\n        flex: 1,\n    },\n});\n\nexport default KitsToast;\n"],"names":["useState","useRef","useKitsTheme","useSafeAreaInsets","useEffect","Keyboard","useCallback","useImperativeHandle","jsx","View","StyleSheet","SlideInUp","anim","SlideInDown","SlideOutUp","SlideOutDown","Layout","FadeIn","FadeOut","jsxs","Pressable","ActivityIndicator","Text"],"mappings":";;;;;;;;;;;;;AA0CA,IAAI,cAAA,GAAiB,CAAA;AACrB,MAAM,IAAA,GAAO,GAAA;AAEb,MAAM,WAAA,GAAsK;AAAA,EACxK,EAAA,EAAI,EAAC,QAAA,EAAU,CAAA,EAAG,UAAU,EAAA,EAAI,WAAA,EAAa,EAAA,EAAI,QAAA,EAAU,IAAI,WAAA,EAAa,CAAA,EAAG,SAAA,EAAW,EAAA,EAAI,MAAM,GAAA,EAAG;AAAA,EACvG,EAAA,EAAI,EAAC,QAAA,EAAU,EAAA,EAAI,UAAU,EAAA,EAAI,WAAA,EAAa,EAAA,EAAI,QAAA,EAAU,IAAI,WAAA,EAAa,CAAA,EAAG,SAAA,EAAW,EAAA,EAAI,MAAM,GAAA,EAAG;AAAA,EACxG,EAAA,EAAI,EAAC,QAAA,EAAU,EAAA,EAAI,UAAU,EAAA,EAAI,WAAA,EAAa,EAAA,EAAI,QAAA,EAAU,IAAI,WAAA,EAAa,CAAA,EAAG,SAAA,EAAW,EAAA,EAAI,MAAM,GAAA;AACzG,CAAA;AAEA,MAAM,SAAA,GAAY,CAAC,EAAC,GAAA,EAAG,KAAoC;AACvD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,cAAA,CAAsB,EAAE,CAAA;AACpD,EAAA,MAAM,SAAA,GAAYC,YAAA,iBAAmD,IAAI,GAAA,EAAK,CAAA;AAC9E,EAAA,MAAM,EAAC,YAAA,EAAY,GAAIC,qCAAA,EAAa;AACpC,EAAA,MAAM,SAASC,4CAAA,EAAkB;AACjC,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIH,eAAS,KAAK,CAAA;AAE5D,EAAAI,eAAA,CAAU,MAAM;AACZ,IAAA,MAAM,UAAUC,oBAAA,CAAS,WAAA,CAAY,mBAAmB,MAAM,kBAAA,CAAmB,IAAI,CAAC,CAAA;AACtF,IAAA,MAAM,UAAUA,oBAAA,CAAS,WAAA,CAAY,mBAAmB,MAAM,kBAAA,CAAmB,KAAK,CAAC,CAAA;AACvF,IAAA,OAAO,MAAM;AACT,MAAA,OAAA,CAAQ,MAAA,EAAO;AACf,MAAA,OAAA,CAAQ,MAAA,EAAO;AAAA,IACnB,CAAA;AAAA,EACJ,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,cAAA,GAAyC;AAAA,IAC3C,OAAA,EAAS,aAAa,WAAW,CAAA;AAAA,IACjC,IAAA,EAAM,aAAa,UAAU,CAAA;AAAA,IAC7B,IAAA,EAAM,aAAa,YAAY,CAAA;AAAA,IAC/B,KAAA,EAAO,aAAa,SAAS,CAAA;AAAA,IAC7B,OAAA,EAAS,aAAa,UAAU,CAAA;AAAA,IAChC,KAAA,EAAO,aAAa,SAAS;AAAA,GACjC;AAEA,EAAA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA;AAChD,EAAA,MAAM,SAAA,GAAY,aAAa,MAAM,CAAA;AACrC,EAAA,MAAM,WAAA,GAAc,aAAa,QAAQ,CAAA;AAEzC,EAAA,MAAM,WAAA,GAAcC,iBAAA,CAAY,CAAC,EAAA,KAAe;AAC5C,IAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,OAAA,CAAQ,GAAA,CAAI,EAAE,CAAA;AACtC,IAAA,IAAI,KAAA,EAAO;AACP,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAA,SAAA,CAAU,OAAA,CAAQ,OAAO,EAAE,CAAA;AAAA,IAC/B;AACA,IAAA,SAAA,CAAU,UAAQ,IAAA,CAAK,MAAA,CAAO,OAAK,CAAA,CAAE,EAAA,KAAO,EAAE,CAAC,CAAA;AAAA,EACnD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,KAAA,GAAwBA,iBAAA,CAAY,CACtC,QAAA,EACA,OAAA,EACA,IAAA,GAAe,EAAA,EACf,QAAA,GAA0B,eAAA,EAC1B,QAAA,GAAoB,KAAA,EACpB,IAAA,GAAkB,MAClB,OAAA,KACC;AACD,IAAA,MAAM,KAAK,EAAE,cAAA;AACb,IAAA,MAAM,IAAA,GAAkB,EAAC,EAAA,EAAI,QAAA,EAAU,OAAA,EAAS,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,MAAA,EAAQ,QAAA,KAAa,SAAA,EAAW,OAAA,EAAO;AAI7G,IAAA,SAAA,CAAU,CAAA,IAAA,KAAQ;AACd,MAAA,IAAI,CAAC,QAAA,EAAU,OAAO,CAAC,GAAG,MAAM,IAAI,CAAA;AACpC,MAAA,MAAM,SAAA,GAAY,CAAC,GAAG,IAAI,CAAA,CAAE,OAAA,EAAQ,CAAE,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,QAAA,KAAa,QAAQ,CAAA;AACvE,MAAA,IAAI,CAAC,SAAA,EAAW,OAAO,CAAC,GAAG,MAAM,IAAI,CAAA;AACrC,MAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,OAAA,CAAQ,GAAA,CAAI,UAAU,EAAE,CAAA;AAChD,MAAA,IAAI,KAAA,EAAO;AACP,QAAA,YAAA,CAAa,KAAK,CAAA;AAClB,QAAA,SAAA,CAAU,OAAA,CAAQ,MAAA,CAAO,SAAA,CAAU,EAAE,CAAA;AAAA,MACzC;AACA,MAAA,OAAO,IAAA,CAAK,IAAI,CAAA,CAAA,KAAM,CAAA,CAAE,OAAO,SAAA,CAAU,EAAA,GAAK,OAAO,CAAE,CAAA;AAAA,IAC3D,CAAC,CAAA;AAED,IAAA,IAAI,CAAC,KAAK,MAAA,EAAQ;AACd,MAAA,MAAM,QAAQ,UAAA,CAAW,MAAM,WAAA,CAAY,EAAE,GAAG,IAAI,CAAA;AACpD,MAAA,SAAA,CAAU,OAAA,CAAQ,GAAA,CAAI,EAAA,EAAI,KAAK,CAAA;AAAA,IACnC;AAAA,EACJ,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,MAAM,OAAA,GAAUA,iBAAA,CAAY,CAAC,QAAA,KAA6B;AACtD,IAAA,SAAA,CAAU,CAAA,IAAA,KAAQ;AACd,MAAA,MAAM,QAAA,GAAW,WAAW,IAAA,CAAK,MAAA,CAAO,OAAK,CAAA,CAAE,QAAA,KAAa,QAAQ,CAAA,GAAI,IAAA;AACxE,MAAA,QAAA,CAAS,QAAQ,CAAA,CAAA,KAAK;AAClB,QAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,OAAA,CAAQ,GAAA,CAAI,EAAE,EAAE,CAAA;AACxC,QAAA,IAAI,KAAA,EAAO;AACP,UAAA,YAAA,CAAa,KAAK,CAAA;AAClB,UAAA,SAAA,CAAU,OAAA,CAAQ,MAAA,CAAO,CAAA,CAAE,EAAE,CAAA;AAAA,QACjC;AAAA,MACJ,CAAC,CAAA;AACD,MAAA,OAAO,QAAA,GAAW,KAAK,MAAA,CAAO,CAAA,CAAA,KAAK,EAAE,QAAA,KAAa,QAAQ,IAAI,EAAC;AAAA,IACnE,CAAC,CAAA;AAAA,EACL,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,UAAA,GAAaA,kBAAY,MAAM;AACjC,IAAA,SAAA,CAAU,OAAA,CAAQ,OAAA,CAAQ,CAAA,CAAA,KAAK,YAAA,CAAa,CAAC,CAAC,CAAA;AAC9C,IAAA,SAAA,CAAU,QAAQ,KAAA,EAAM;AACxB,IAAA,SAAA,CAAU,EAAE,CAAA;AAAA,EAChB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAAC,yBAAA,CAAoB,KAAK,OAAO,EAAC,KAAA,EAAO,OAAA,EAAS,YAAU,CAAE,CAAA;AAE7D,EAAAH,eAAA,CAAU,MAAM;AACZ,IAAA,OAAO,MAAM;AACT,MAAA,SAAA,CAAU,OAAA,CAAQ,OAAA,CAAQ,CAAA,CAAA,KAAK,YAAA,CAAa,CAAC,CAAC,CAAA;AAAA,IAClD,CAAA;AAAA,EACJ,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,IAAI,MAAA,CAAO,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAEhC,EAAA,MAAM,YAAA,GAAe,CAAC,QAAA,KAAkE;AACpF,IAAA,IAAI,QAAA,CAAS,QAAA,CAAS,OAAO,CAAA,EAAG,OAAO,YAAA;AACvC,IAAA,IAAI,QAAA,CAAS,QAAA,CAAS,QAAQ,CAAA,EAAG,OAAO,UAAA;AACxC,IAAA,OAAO,QAAA;AAAA,EACX,CAAA;AAEA,EAAA,MAAM,KAAA,GAAQ,CAAC,QAAA,KAA4B,QAAA,CAAS,WAAW,KAAK,CAAA;AAEpE,EAAA,uBACII,cAAA,CAACC,oBAAK,KAAA,EAAOC,sBAAA,CAAW,cAAc,aAAA,EAAc,UAAA,EAC/C,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAA,IAAA,KAAQ;AAEhB,IAAA,MAAM,GAAA,GAAM,eAAA,GAAkB,IAAA,GAAO,KAAA,CAAM,KAAK,QAAQ,CAAA;AACxD,IAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,IAAA,CAAK,QAAQ,CAAA;AACxC,IAAA,MAAM,QAAA,GAAW,GAAA,GAAMC,kBAAA,CAAU,QAAA,CAASC,uBAAA,CAAK,KAAA,CAAM,eAAe,CAAA,GAAIC,oBAAA,CAAY,QAAA,CAASD,uBAAA,CAAK,KAAA,CAAM,eAAe,CAAA;AACvH,IAAA,MAAM,OAAA,GAAU,GAAA,GAAME,mBAAA,CAAW,QAAA,CAASF,uBAAA,CAAK,KAAA,CAAM,gBAAgB,CAAA,GAAIG,qBAAA,CAAa,QAAA,CAASH,uBAAA,CAAK,KAAA,CAAM,gBAAgB,CAAA;AAC1H,IAAA,MAAM,CAAA,GAAI,WAAA,CAAY,IAAA,CAAK,IAAI,KAAK,WAAA,CAAY,EAAA;AAChD,IAAA,MAAM,WAAA,GAAc,cAAA,CAAe,IAAA,CAAK,QAAQ,KAAK,cAAA,CAAe,IAAA;AAEpE,IAAA,uBACIJ,cAAA;AAAA,MAAC,QAAA,CAAS,IAAA;AAAA,MAAT;AAAA,QAEG,QAAA;AAAA,QACA,OAAA;AAAA,QACA,MAAA,EAAQQ,eAAA,CAAO,QAAA,CAASJ,uBAAA,CAAK,MAAM,cAAc,CAAA;AAAA,QACjD,KAAA,EAAO;AAAA,UACH,MAAA,CAAO,YAAA;AAAA,UACP;AAAA,YACI,UAAA,EAAY,KAAA;AAAA,YACZ,GAAI,GAAA,GACE,EAAC,GAAA,EAAK,MAAA,CAAO,GAAA,GAAM,CAAA,EAAC,GACpB,EAAC,MAAA,EAAQ,MAAA,CAAO,MAAA,GAAS,CAAA;AAAC;AACpC,SACJ;AAAA,QACA,aAAA,EAAc,UAAA;AAAA,QAEd,QAAA,kBAAAJ,cAAA;AAAA,UAAC,QAAA,CAAS,IAAA;AAAA,UAAT;AAAA,YACG,QAAA,EAAUS,eAAA,CAAO,QAAA,CAASL,uBAAA,CAAK,MAAM,iBAAiB,CAAA;AAAA,YACtD,OAAA,EAASM,gBAAA,CAAQ,QAAA,CAASN,uBAAA,CAAK,MAAM,gBAAgB,CAAA;AAAA,YACrD,KAAA,EAAO;AAAA,cACH,MAAA,CAAO,KAAA;AAAA,cACP;AAAA,gBACI,eAAA,EAAiB,YAAA;AAAA,gBACjB,WAAA;AAAA,gBACA,UAAU,CAAA,CAAE;AAAA;AAChB,aACJ;AAAA,YAEA,QAAA,kBAAAO,eAAA;AAAA,cAACC,qBAAA;AAAA,cAAA;AAAA,gBACG,OAAO,MAAA,CAAO,SAAA;AAAA,gBACd,QAAA,EAAU,CAAC,IAAA,CAAK,OAAA;AAAA,gBAChB,SAAS,MAAM;AACX,kBAAA,IAAA,CAAK,OAAA,IAAU;AACf,kBAAA,WAAA,CAAY,KAAK,EAAE,CAAA;AAAA,gBACvB,CAAA;AAAA,gBAEA,QAAA,EAAA;AAAA,kCAAAZ,cAAA,CAACC,gBAAA,EAAA,EAAK,KAAA,EAAO,CAAC,MAAA,CAAO,SAAA,EAAW,EAAC,eAAA,EAAiB,WAAA,EAAa,KAAA,EAAO,CAAA,CAAE,WAAA,EAAY,CAAA,EAAE,CAAA;AAAA,kDACrFA,gBAAA,EAAA,EAAK,KAAA,EAAO,CAAC,MAAA,CAAO,OAAA,EAAS,EAAC,eAAA,EAAiB,CAAA,CAAE,QAAA,EAAU,iBAAA,EAAmB,EAAE,QAAA,EAAU,GAAA,EAAK,EAAE,QAAA,GAAW,GAAA,EAAI,CAAA,EAC5G,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAK,aAAa,SAAA,oBACfD,cAAA,CAACa,iCAAkB,IAAA,EAAK,OAAA,EAAQ,OAAO,WAAA,EAAY,CAAA;AAAA,oCAEvDF,eAAA,CAACV,gBAAA,EAAA,EAAK,KAAA,EAAO,MAAA,CAAO,aAAA,EAChB,QAAA,EAAA;AAAA,sCAAAD,cAAA,CAACc,oBAAA,EAAA,EAAK,KAAA,EAAO,EAAC,UAAA,EAAY,KAAA,EAAO,QAAA,EAAU,CAAA,CAAE,WAAA,EAAa,KAAA,EAAO,SAAA,EAAS,EACrE,QAAA,EAAA,IAAA,CAAK,OAAA,EACV,CAAA;AAAA,sBACC,CAAC,CAAC,IAAA,CAAK,wBACJd,cAAA,CAACc,oBAAA,EAAA,EAAK,OAAO,EAAC,QAAA,EAAU,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,KAAA,EAAO,SAAA,EAAW,SAAS,GAAA,EAAG,EAC3E,eAAK,IAAA,EACV;AAAA,qBAAA,EAER,CAAA;AAAA,oCACAd,cAAA,CAACY,qBAAA,EAAA,EAAU,OAAA,EAAS,MAAM,WAAA,CAAY,KAAK,EAAE,CAAA,EAAG,OAAA,EAAS,CAAA,EACrD,QAAA,kBAAAZ,cAAA,CAACc,oBAAA,EAAA,EAAK,OAAO,EAAC,QAAA,EAAU,CAAA,CAAE,SAAA,EAAW,UAAA,EAAY,MAAA,EAAQ,KAAA,EAAO,SAAA,EAAW,OAAA,EAAS,GAAA,EAAG,EAAG,QAAA,EAAA,QAAA,EAE1F,CAAA,EACJ;AAAA,mBAAA,EACJ;AAAA;AAAA;AAAA;AACJ;AAAA;AACJ,OAAA;AAAA,MAzDK,IAAA,CAAK;AAAA,KA0Dd;AAAA,EAER,CAAC,CAAA,EACL,CAAA;AAER;AAEA,MAAM,MAAA,GAASZ,uBAAW,MAAA,CAAO;AAAA,EAC7B,YAAA,EAAc;AAAA,IACV,QAAA,EAAU,UAAA;AAAA,IACV,IAAA,EAAM,EAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA,KAAA,EAAO;AAAA,IACH,aAAA,EAAe,KAAA;AAAA,IACf,YAAA,EAAc,EAAA;AAAA,IACd,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc,CAAA;AAAA,IACd,QAAA,EAAU,QAAA;AAAA,IACV,SAAA,EAAW,CAAA;AAAA,IACX,WAAA,EAAa,MAAA;AAAA,IACb,YAAA,EAAc,EAAC,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAC;AAAA,IAClC,aAAA,EAAe,IAAA;AAAA,IACf,YAAA,EAAc;AAAA,GAClB;AAAA,EACA,WAAW,EAAC;AAAA,EACZ,SAAA,EAAW;AAAA,IACP,IAAA,EAAM,CAAA;AAAA,IACN,aAAA,EAAe;AAAA,GACnB;AAAA,EACA,OAAA,EAAS;AAAA,IACL,IAAA,EAAM,CAAA;AAAA,IACN,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY;AAAA,GAChB;AAAA,EACA,aAAA,EAAe;AAAA,IACX,IAAA,EAAM;AAAA;AAEd,CAAC,CAAA;;;;"}