@lmb-it/kitsconcerto-native 0.1.236

package/components/Banner/banner.cjs

@@ -0,0 +1,203 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReactNative = require('lucide-react-native');
+var useSeverityColors = require('../../hooks/useSeverityColors.cjs');
+var reactNative = require('react-native');
+var KitsThemeProvider_native = require('../../contexts/Theme/KitsThemeProvider.cjs');
+var index_native = require('../../primitives/Icon/index.cjs');
+var index = require('../../layout/Flex/index.cjs');
+var index_native$1 = require('../../primitives/Text/index.cjs');
+
+const icons = {
+  error: lucideReactNative.CircleX,
+  success: lucideReactNative.CheckCircle2,
+  warning: lucideReactNative.AlertTriangle,
+  info: lucideReactNative.Info
+};
+function statusToSeverity(status) {
+  if (status === "error") return "danger";
+  return status;
+}
+const Banner = ({
+  status: statusProp,
+  headerTitle,
+  headerIcon = true,
+  title,
+  description,
+  withIcon = true,
+  actions = [],
+  onDismiss,
+  children,
+  className,
+  textDirection = "ltr"
+}) => {
+  const { theme } = KitsThemeProvider_native.useKitsTheme();
+  const hasActions = actions.length > 0;
+  const status = statusProp ?? (hasActions ? "error" : "info");
+  const sev = useSeverityColors.useSeverityColors(statusToSeverity(status));
+  const computedHeaderTitle = hasActions ? `Action required${actions.length > 1 ? ` (${actions.length})` : ""}` : headerTitle;
+  const hasHeader = !!computedHeaderTitle;
+  const hasBody = !!(title || description || children);
+  const rowDirection = textDirection === "rtl" ? "row-reverse" : "row";
+  const headerIconNode = (() => {
+    if (!headerIcon) return null;
+    if (status === "brand" && theme.config.logo) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: theme.config.logo });
+    if (hasActions) return /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: lucideReactNative.AlertTriangle, color: sev.solidText, size: "sm" });
+    const IconComp = icons[status];
+    return IconComp ? /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: IconComp, color: sev.solidText, size: "sm" }) : null;
+  })();
+  const bodyIconNode = (() => {
+    if (!withIcon) return null;
+    if (status === "brand" && theme.config.logo) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: theme.config.logo });
+    const IconComp = icons[status];
+    return IconComp ? /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: IconComp, color: sev.iconFg, size: "sm" }) : null;
+  })();
+  const renderActionRow = (bannerAction, index$1) => /* @__PURE__ */ jsxRuntime.jsxs(
+    index.default,
+    {
+      flexDirection: rowDirection,
+      alignItems: "flex-start",
+      gap: 10,
+      style: {
+        padding: 12,
+        borderTopWidth: index$1 > 0 ? 1 : 0,
+        borderTopColor: sev.border
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          index.default,
+          {
+            alignItems: "center",
+            justifyContent: "center",
+            style: {
+              width: 28,
+              height: 28,
+              borderRadius: 8,
+              backgroundColor: "#fff",
+              borderWidth: 1,
+              borderColor: sev.border,
+              flexShrink: 0
+            },
+            children: bannerAction.icon ?? /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: lucideReactNative.AlertTriangle, color: sev.iconFg, size: "sm" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "column", gap: 2, style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { fontWeight: "bold", size: "sm", style: { color: sev.text }, children: bannerAction.label }),
+          bannerAction.detail && /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { size: "xs", style: { color: sev.text, lineHeight: 17 }, children: bannerAction.detail })
+        ] }),
+        bannerAction.cta && /* @__PURE__ */ jsxRuntime.jsxs(
+          reactNative.Pressable,
+          {
+            onPress: bannerAction.onCta,
+            style: {
+              backgroundColor: sev.solid,
+              borderRadius: 999,
+              paddingHorizontal: 12,
+              paddingVertical: 7,
+              flexDirection: "row",
+              alignItems: "center",
+              gap: 4,
+              flexShrink: 0
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                index_native$1.default,
+                {
+                  fontWeight: "bold",
+                  size: "xs",
+                  style: { color: sev.solidText },
+                  children: bannerAction.cta
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.ArrowRight, { size: 12, color: sev.solidText })
+            ]
+          }
+        )
+      ]
+    },
+    bannerAction.id
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    index.default,
+    {
+      flexDirection: "column",
+      className,
+      style: {
+        borderRadius: 8,
+        overflow: "hidden",
+        writingDirection: textDirection
+      },
+      children: [
+        hasHeader && /* @__PURE__ */ jsxRuntime.jsxs(
+          index.default,
+          {
+            flexDirection: rowDirection,
+            alignItems: "center",
+            gap: 6,
+            style: {
+              backgroundColor: sev.solid,
+              paddingVertical: 8,
+              paddingHorizontal: 12
+            },
+            children: [
+              headerIconNode,
+              /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { fontWeight: "bold", size: "sm", style: { color: sev.solidText, flex: 1 }, children: computedHeaderTitle }),
+              onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
+                reactNative.Pressable,
+                {
+                  accessibilityLabel: "Dismiss",
+                  onPress: onDismiss,
+                  style: {
+                    width: 24,
+                    height: 24,
+                    borderRadius: 999,
+                    backgroundColor: "rgba(255, 255, 255, 0.2)",
+                    alignItems: "center",
+                    justifyContent: "center"
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.X, { size: 14, color: sev.solidText })
+                }
+              )
+            ]
+          }
+        ),
+        hasActions ? /* @__PURE__ */ jsxRuntime.jsx(
+          index.default,
+          {
+            flexDirection: "column",
+            style: {
+              backgroundColor: sev.bgTint
+            },
+            children: actions.map(renderActionRow)
+          }
+        ) : hasBody && /* @__PURE__ */ jsxRuntime.jsx(
+          index.default,
+          {
+            flexDirection: rowDirection,
+            alignItems: "center",
+            gap: 12,
+            style: {
+              backgroundColor: sev.bgTint,
+              padding: 12,
+              justifyContent: "space-between"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "column", gap: 4, style: { flex: 1 }, children: [
+              (withIcon || title) && /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: rowDirection, alignItems: "center", gap: 6, children: [
+                bodyIconNode,
+                title && /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { fontWeight: "bold", size: "sm", style: { color: sev.text }, children: title })
+              ] }),
+              description && /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { size: "xs", style: { color: sev.text }, children: description }),
+              children
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+
+exports.default = Banner;
+//# sourceMappingURL=banner.cjs.map

package/components/Banner/banner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.cjs","sources":["../../../../src/components/Banner/banner.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex, Text, Icon } from \"../../_compat\";\nimport {\n    AlertTriangle,\n    ArrowRight,\n    CheckCircle2,\n    Info,\n    CircleX,\n    X,\n} from \"lucide-react-native\";\nimport { useSeverityColors } from \"../../hooks/useSeverityColors\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport type { BannerAction, IBannerProps, BannerStatus } from \"@lmb-it/kitsconcerto-types\";\nimport type { Severity } from \"@lmb-it/kitsconcerto-types\";\nimport { Pressable } from \"react-native\";\n\nconst icons: Record<string, any> = {\n    error: CircleX,\n    success: CheckCircle2,\n    warning: AlertTriangle,\n    info: Info,\n};\n\nfunction statusToSeverity(status: BannerStatus): Severity {\n    if (status === \"error\") return \"danger\";\n    return status;\n}\n\nconst Banner: React.FC<IBannerProps> = ({\n    status: statusProp,\n    headerTitle,\n    headerIcon = true,\n    title,\n    description,\n    withIcon = true,\n    actions = [],\n    onDismiss,\n    children,\n    className,\n    textDirection = \"ltr\",\n}) => {\n    const { theme } = useKitsTheme();\n    const hasActions = actions.length > 0;\n    const status = statusProp ?? (hasActions ? \"error\" : \"info\");\n    const sev = useSeverityColors(statusToSeverity(status));\n    const computedHeaderTitle = hasActions\n        ? `Action required${actions.length > 1 ? ` (${actions.length})` : \"\"}`\n        : headerTitle;\n    const hasHeader = !!computedHeaderTitle;\n    const hasBody = !!(title || description || children);\n    const rowDirection = textDirection === \"rtl\" ? \"row-reverse\" : \"row\";\n\n    const headerIconNode = (() => {\n        if (!headerIcon) return null;\n        if (status === \"brand\" && theme.config.logo) return <>{theme.config.logo}</>;\n        if (hasActions) return <Icon name={AlertTriangle} color={sev.solidText} size=\"sm\" />;\n        const IconComp = icons[status];\n        return IconComp ? <Icon name={IconComp} color={sev.solidText} size=\"sm\" /> : null;\n    })();\n\n    const bodyIconNode = (() => {\n        if (!withIcon) return null;\n        if (status === \"brand\" && theme.config.logo) return <>{theme.config.logo}</>;\n        const IconComp = icons[status];\n        return IconComp ? <Icon name={IconComp} color={sev.iconFg} size=\"sm\" /> : null;\n    })();\n\n    const renderActionRow = (bannerAction: BannerAction, index: number) => (\n        <Flex\n            key={bannerAction.id}\n            flexDirection={rowDirection}\n            alignItems=\"flex-start\"\n            gap={10}\n            style={{\n                padding: 12,\n                borderTopWidth: index > 0 ? 1 : 0,\n                borderTopColor: sev.border,\n            }}\n        >\n            <Flex\n                alignItems=\"center\"\n                justifyContent=\"center\"\n                style={{\n                    width: 28,\n                    height: 28,\n                    borderRadius: 8,\n                    backgroundColor: \"#fff\",\n                    borderWidth: 1,\n                    borderColor: sev.border,\n                    flexShrink: 0,\n                }}\n            >\n                {bannerAction.icon ?? <Icon name={AlertTriangle} color={sev.iconFg} size=\"sm\" />}\n            </Flex>\n            <Flex flexDirection=\"column\" gap={2} style={{ flex: 1 }}>\n                <Text fontWeight=\"bold\" size=\"sm\" style={{ color: sev.text }}>\n                    {bannerAction.label}\n                </Text>\n                {bannerAction.detail && (\n                    <Text size=\"xs\" style={{ color: sev.text, lineHeight: 17 }}>\n                        {bannerAction.detail}\n                    </Text>\n                )}\n            </Flex>\n            {bannerAction.cta && (\n                <Pressable\n                    onPress={bannerAction.onCta}\n                    style={{\n                        backgroundColor: sev.solid,\n                        borderRadius: 999,\n                        paddingHorizontal: 12,\n                        paddingVertical: 7,\n                        flexDirection: \"row\",\n                        alignItems: \"center\",\n                        gap: 4,\n                        flexShrink: 0,\n                    }}\n                >\n                    <Text\n                        fontWeight=\"bold\"\n                        size=\"xs\"\n                        style={{ color: sev.solidText }}\n                    >\n                        {bannerAction.cta}\n                    </Text>\n                    <ArrowRight size={12} color={sev.solidText} />\n                </Pressable>\n            )}\n        </Flex>\n    );\n\n    return (\n        <Flex\n            flexDirection=\"column\"\n            className={className}\n            style={{\n                borderRadius: 8,\n                overflow: \"hidden\",\n                writingDirection: textDirection,\n            }}\n        >\n            {/* Header bar */}\n            {hasHeader && (\n                <Flex\n                    flexDirection={rowDirection}\n                    alignItems=\"center\"\n                    gap={6}\n                    style={{\n                        backgroundColor: sev.solid,\n                        paddingVertical: 8,\n                        paddingHorizontal: 12,\n                    }}\n                >\n                    {headerIconNode}\n                    <Text fontWeight=\"bold\" size=\"sm\" style={{ color: sev.solidText, flex: 1 }}>\n                        {computedHeaderTitle}\n                    </Text>\n                    {onDismiss && (\n                        <Pressable\n                            accessibilityLabel=\"Dismiss\"\n                            onPress={onDismiss}\n                            style={{\n                                width: 24,\n                                height: 24,\n                                borderRadius: 999,\n                                backgroundColor: \"rgba(255, 255, 255, 0.2)\",\n                                alignItems: \"center\",\n                                justifyContent: \"center\",\n                            }}\n                        >\n                            <X size={14} color={sev.solidText} />\n                        </Pressable>\n                    )}\n                </Flex>\n            )}\n\n            {/* Body section */}\n            {hasActions ? (\n                <Flex\n                    flexDirection=\"column\"\n                    style={{\n                        backgroundColor: sev.bgTint,\n                    }}\n                >\n                    {actions.map(renderActionRow)}\n                </Flex>\n            ) : hasBody && (\n                <Flex\n                    flexDirection={rowDirection}\n                    alignItems=\"center\"\n                    gap={12}\n                    style={{\n                        backgroundColor: sev.bgTint,\n                        padding: 12,\n                        justifyContent: \"space-between\",\n                    }}\n                >\n                    <Flex flexDirection=\"column\" gap={4} style={{ flex: 1 }}>\n                        {(withIcon || title) && (\n                            <Flex flexDirection={rowDirection} alignItems=\"center\" gap={6}>\n                                {bodyIconNode}\n                                {title && (\n                                    <Text fontWeight=\"bold\" size=\"sm\" style={{ color: sev.text }}>\n                                        {title}\n                                    </Text>\n                                )}\n                            </Flex>\n                        )}\n                        {description && (\n                            <Text size=\"xs\" style={{ color: sev.text }}>\n                                {description}\n                            </Text>\n                        )}\n                        {children}\n                    </Flex>\n                </Flex>\n            )}\n        </Flex>\n    );\n};\n\nexport default Banner;\n"],"names":["CircleX","CheckCircle2","AlertTriangle","Info","useKitsTheme","useSeverityColors","jsx","Fragment","Icon","index","jsxs","Flex","Text","Pressable","ArrowRight","X"],"mappings":"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"}

package/components/Banner/banner.js

@@ -0,0 +1,199 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { AlertTriangle, Info, CheckCircle2, CircleX, X, ArrowRight } from 'lucide-react-native';
+import { useSeverityColors } from '../../hooks/useSeverityColors.js';
+import { Pressable } from 'react-native';
+import { useKitsTheme } from '../../contexts/Theme/KitsThemeProvider.js';
+import { Icon } from '../../primitives/Icon/index.js';
+import Flex from '../../layout/Flex/index.js';
+import Text from '../../primitives/Text/index.js';
+
+const icons = {
+  error: CircleX,
+  success: CheckCircle2,
+  warning: AlertTriangle,
+  info: Info
+};
+function statusToSeverity(status) {
+  if (status === "error") return "danger";
+  return status;
+}
+const Banner = ({
+  status: statusProp,
+  headerTitle,
+  headerIcon = true,
+  title,
+  description,
+  withIcon = true,
+  actions = [],
+  onDismiss,
+  children,
+  className,
+  textDirection = "ltr"
+}) => {
+  const { theme } = useKitsTheme();
+  const hasActions = actions.length > 0;
+  const status = statusProp ?? (hasActions ? "error" : "info");
+  const sev = useSeverityColors(statusToSeverity(status));
+  const computedHeaderTitle = hasActions ? `Action required${actions.length > 1 ? ` (${actions.length})` : ""}` : headerTitle;
+  const hasHeader = !!computedHeaderTitle;
+  const hasBody = !!(title || description || children);
+  const rowDirection = textDirection === "rtl" ? "row-reverse" : "row";
+  const headerIconNode = (() => {
+    if (!headerIcon) return null;
+    if (status === "brand" && theme.config.logo) return /* @__PURE__ */ jsx(Fragment, { children: theme.config.logo });
+    if (hasActions) return /* @__PURE__ */ jsx(Icon, { name: AlertTriangle, color: sev.solidText, size: "sm" });
+    const IconComp = icons[status];
+    return IconComp ? /* @__PURE__ */ jsx(Icon, { name: IconComp, color: sev.solidText, size: "sm" }) : null;
+  })();
+  const bodyIconNode = (() => {
+    if (!withIcon) return null;
+    if (status === "brand" && theme.config.logo) return /* @__PURE__ */ jsx(Fragment, { children: theme.config.logo });
+    const IconComp = icons[status];
+    return IconComp ? /* @__PURE__ */ jsx(Icon, { name: IconComp, color: sev.iconFg, size: "sm" }) : null;
+  })();
+  const renderActionRow = (bannerAction, index) => /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      flexDirection: rowDirection,
+      alignItems: "flex-start",
+      gap: 10,
+      style: {
+        padding: 12,
+        borderTopWidth: index > 0 ? 1 : 0,
+        borderTopColor: sev.border
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Flex,
+          {
+            alignItems: "center",
+            justifyContent: "center",
+            style: {
+              width: 28,
+              height: 28,
+              borderRadius: 8,
+              backgroundColor: "#fff",
+              borderWidth: 1,
+              borderColor: sev.border,
+              flexShrink: 0
+            },
+            children: bannerAction.icon ?? /* @__PURE__ */ jsx(Icon, { name: AlertTriangle, color: sev.iconFg, size: "sm" })
+          }
+        ),
+        /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", gap: 2, style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx(Text, { fontWeight: "bold", size: "sm", style: { color: sev.text }, children: bannerAction.label }),
+          bannerAction.detail && /* @__PURE__ */ jsx(Text, { size: "xs", style: { color: sev.text, lineHeight: 17 }, children: bannerAction.detail })
+        ] }),
+        bannerAction.cta && /* @__PURE__ */ jsxs(
+          Pressable,
+          {
+            onPress: bannerAction.onCta,
+            style: {
+              backgroundColor: sev.solid,
+              borderRadius: 999,
+              paddingHorizontal: 12,
+              paddingVertical: 7,
+              flexDirection: "row",
+              alignItems: "center",
+              gap: 4,
+              flexShrink: 0
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  fontWeight: "bold",
+                  size: "xs",
+                  style: { color: sev.solidText },
+                  children: bannerAction.cta
+                }
+              ),
+              /* @__PURE__ */ jsx(ArrowRight, { size: 12, color: sev.solidText })
+            ]
+          }
+        )
+      ]
+    },
+    bannerAction.id
+  );
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      flexDirection: "column",
+      className,
+      style: {
+        borderRadius: 8,
+        overflow: "hidden",
+        writingDirection: textDirection
+      },
+      children: [
+        hasHeader && /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            flexDirection: rowDirection,
+            alignItems: "center",
+            gap: 6,
+            style: {
+              backgroundColor: sev.solid,
+              paddingVertical: 8,
+              paddingHorizontal: 12
+            },
+            children: [
+              headerIconNode,
+              /* @__PURE__ */ jsx(Text, { fontWeight: "bold", size: "sm", style: { color: sev.solidText, flex: 1 }, children: computedHeaderTitle }),
+              onDismiss && /* @__PURE__ */ jsx(
+                Pressable,
+                {
+                  accessibilityLabel: "Dismiss",
+                  onPress: onDismiss,
+                  style: {
+                    width: 24,
+                    height: 24,
+                    borderRadius: 999,
+                    backgroundColor: "rgba(255, 255, 255, 0.2)",
+                    alignItems: "center",
+                    justifyContent: "center"
+                  },
+                  children: /* @__PURE__ */ jsx(X, { size: 14, color: sev.solidText })
+                }
+              )
+            ]
+          }
+        ),
+        hasActions ? /* @__PURE__ */ jsx(
+          Flex,
+          {
+            flexDirection: "column",
+            style: {
+              backgroundColor: sev.bgTint
+            },
+            children: actions.map(renderActionRow)
+          }
+        ) : hasBody && /* @__PURE__ */ jsx(
+          Flex,
+          {
+            flexDirection: rowDirection,
+            alignItems: "center",
+            gap: 12,
+            style: {
+              backgroundColor: sev.bgTint,
+              padding: 12,
+              justifyContent: "space-between"
+            },
+            children: /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", gap: 4, style: { flex: 1 }, children: [
+              (withIcon || title) && /* @__PURE__ */ jsxs(Flex, { flexDirection: rowDirection, alignItems: "center", gap: 6, children: [
+                bodyIconNode,
+                title && /* @__PURE__ */ jsx(Text, { fontWeight: "bold", size: "sm", style: { color: sev.text }, children: title })
+              ] }),
+              description && /* @__PURE__ */ jsx(Text, { size: "xs", style: { color: sev.text }, children: description }),
+              children
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { Banner as default };
+//# sourceMappingURL=banner.js.map

package/components/Banner/banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.js","sources":["../../../../src/components/Banner/banner.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex, Text, Icon } from \"../../_compat\";\nimport {\n    AlertTriangle,\n    ArrowRight,\n    CheckCircle2,\n    Info,\n    CircleX,\n    X,\n} from \"lucide-react-native\";\nimport { useSeverityColors } from \"../../hooks/useSeverityColors\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport type { BannerAction, IBannerProps, BannerStatus } from \"@lmb-it/kitsconcerto-types\";\nimport type { Severity } from \"@lmb-it/kitsconcerto-types\";\nimport { Pressable } from \"react-native\";\n\nconst icons: Record<string, any> = {\n    error: CircleX,\n    success: CheckCircle2,\n    warning: AlertTriangle,\n    info: Info,\n};\n\nfunction statusToSeverity(status: BannerStatus): Severity {\n    if (status === \"error\") return \"danger\";\n    return status;\n}\n\nconst Banner: React.FC<IBannerProps> = ({\n    status: statusProp,\n    headerTitle,\n    headerIcon = true,\n    title,\n    description,\n    withIcon = true,\n    actions = [],\n    onDismiss,\n    children,\n    className,\n    textDirection = \"ltr\",\n}) => {\n    const { theme } = useKitsTheme();\n    const hasActions = actions.length > 0;\n    const status = statusProp ?? (hasActions ? \"error\" : \"info\");\n    const sev = useSeverityColors(statusToSeverity(status));\n    const computedHeaderTitle = hasActions\n        ? `Action required${actions.length > 1 ? ` (${actions.length})` : \"\"}`\n        : headerTitle;\n    const hasHeader = !!computedHeaderTitle;\n    const hasBody = !!(title || description || children);\n    const rowDirection = textDirection === \"rtl\" ? \"row-reverse\" : \"row\";\n\n    const headerIconNode = (() => {\n        if (!headerIcon) return null;\n        if (status === \"brand\" && theme.config.logo) return <>{theme.config.logo}</>;\n        if (hasActions) return <Icon name={AlertTriangle} color={sev.solidText} size=\"sm\" />;\n        const IconComp = icons[status];\n        return IconComp ? <Icon name={IconComp} color={sev.solidText} size=\"sm\" /> : null;\n    })();\n\n    const bodyIconNode = (() => {\n        if (!withIcon) return null;\n        if (status === \"brand\" && theme.config.logo) return <>{theme.config.logo}</>;\n        const IconComp = icons[status];\n        return IconComp ? <Icon name={IconComp} color={sev.iconFg} size=\"sm\" /> : null;\n    })();\n\n    const renderActionRow = (bannerAction: BannerAction, index: number) => (\n        <Flex\n            key={bannerAction.id}\n            flexDirection={rowDirection}\n            alignItems=\"flex-start\"\n            gap={10}\n            style={{\n                padding: 12,\n                borderTopWidth: index > 0 ? 1 : 0,\n                borderTopColor: sev.border,\n            }}\n        >\n            <Flex\n                alignItems=\"center\"\n                justifyContent=\"center\"\n                style={{\n                    width: 28,\n                    height: 28,\n                    borderRadius: 8,\n                    backgroundColor: \"#fff\",\n                    borderWidth: 1,\n                    borderColor: sev.border,\n                    flexShrink: 0,\n                }}\n            >\n                {bannerAction.icon ?? <Icon name={AlertTriangle} color={sev.iconFg} size=\"sm\" />}\n            </Flex>\n            <Flex flexDirection=\"column\" gap={2} style={{ flex: 1 }}>\n                <Text fontWeight=\"bold\" size=\"sm\" style={{ color: sev.text }}>\n                    {bannerAction.label}\n                </Text>\n                {bannerAction.detail && (\n                    <Text size=\"xs\" style={{ color: sev.text, lineHeight: 17 }}>\n                        {bannerAction.detail}\n                    </Text>\n                )}\n            </Flex>\n            {bannerAction.cta && (\n                <Pressable\n                    onPress={bannerAction.onCta}\n                    style={{\n                        backgroundColor: sev.solid,\n                        borderRadius: 999,\n                        paddingHorizontal: 12,\n                        paddingVertical: 7,\n                        flexDirection: \"row\",\n                        alignItems: \"center\",\n                        gap: 4,\n                        flexShrink: 0,\n                    }}\n                >\n                    <Text\n                        fontWeight=\"bold\"\n                        size=\"xs\"\n                        style={{ color: sev.solidText }}\n                    >\n                        {bannerAction.cta}\n                    </Text>\n                    <ArrowRight size={12} color={sev.solidText} />\n                </Pressable>\n            )}\n        </Flex>\n    );\n\n    return (\n        <Flex\n            flexDirection=\"column\"\n            className={className}\n            style={{\n                borderRadius: 8,\n                overflow: \"hidden\",\n                writingDirection: textDirection,\n            }}\n        >\n            {/* Header bar */}\n            {hasHeader && (\n                <Flex\n                    flexDirection={rowDirection}\n                    alignItems=\"center\"\n                    gap={6}\n                    style={{\n                        backgroundColor: sev.solid,\n                        paddingVertical: 8,\n                        paddingHorizontal: 12,\n                    }}\n                >\n                    {headerIconNode}\n                    <Text fontWeight=\"bold\" size=\"sm\" style={{ color: sev.solidText, flex: 1 }}>\n                        {computedHeaderTitle}\n                    </Text>\n                    {onDismiss && (\n                        <Pressable\n                            accessibilityLabel=\"Dismiss\"\n                            onPress={onDismiss}\n                            style={{\n                                width: 24,\n                                height: 24,\n                                borderRadius: 999,\n                                backgroundColor: \"rgba(255, 255, 255, 0.2)\",\n                                alignItems: \"center\",\n                                justifyContent: \"center\",\n                            }}\n                        >\n                            <X size={14} color={sev.solidText} />\n                        </Pressable>\n                    )}\n                </Flex>\n            )}\n\n            {/* Body section */}\n            {hasActions ? (\n                <Flex\n                    flexDirection=\"column\"\n                    style={{\n                        backgroundColor: sev.bgTint,\n                    }}\n                >\n                    {actions.map(renderActionRow)}\n                </Flex>\n            ) : hasBody && (\n                <Flex\n                    flexDirection={rowDirection}\n                    alignItems=\"center\"\n                    gap={12}\n                    style={{\n                        backgroundColor: sev.bgTint,\n                        padding: 12,\n                        justifyContent: \"space-between\",\n                    }}\n                >\n                    <Flex flexDirection=\"column\" gap={4} style={{ flex: 1 }}>\n                        {(withIcon || title) && (\n                            <Flex flexDirection={rowDirection} alignItems=\"center\" gap={6}>\n                                {bodyIconNode}\n                                {title && (\n                                    <Text fontWeight=\"bold\" size=\"sm\" style={{ color: sev.text }}>\n                                        {title}\n                                    </Text>\n                                )}\n                            </Flex>\n                        )}\n                        {description && (\n                            <Text size=\"xs\" style={{ color: sev.text }}>\n                                {description}\n                            </Text>\n                        )}\n                        {children}\n                    </Flex>\n                </Flex>\n            )}\n        </Flex>\n    );\n};\n\nexport default Banner;\n"],"names":[],"mappings":";;;;;;;;;AAgBA,MAAM,KAAA,GAA6B;AAAA,EAC/B,KAAA,EAAO,OAAA;AAAA,EACP,OAAA,EAAS,YAAA;AAAA,EACT,OAAA,EAAS,aAAA;AAAA,EACT,IAAA,EAAM;AACV,CAAA;AAEA,SAAS,iBAAiB,MAAA,EAAgC;AACtD,EAAA,IAAI,MAAA,KAAW,SAAS,OAAO,QAAA;AAC/B,EAAA,OAAO,MAAA;AACX;AAEA,MAAM,SAAiC,CAAC;AAAA,EACpC,MAAA,EAAQ,UAAA;AAAA,EACR,WAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAU,EAAC;AAAA,EACX,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,GAAgB;AACpB,CAAA,KAAM;AACF,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,YAAA,EAAa;AAC/B,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAA,GAAS,CAAA;AACpC,EAAA,MAAM,MAAA,GAAS,UAAA,KAAe,UAAA,GAAa,OAAA,GAAU,MAAA,CAAA;AACrD,EAAA,MAAM,GAAA,GAAM,iBAAA,CAAkB,gBAAA,CAAiB,MAAM,CAAC,CAAA;AACtD,EAAA,MAAM,mBAAA,GAAsB,UAAA,GACtB,CAAA,eAAA,EAAkB,OAAA,CAAQ,MAAA,GAAS,CAAA,GAAI,CAAA,EAAA,EAAK,OAAA,CAAQ,MAAM,CAAA,CAAA,CAAA,GAAM,EAAE,CAAA,CAAA,GAClE,WAAA;AACN,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,mBAAA;AACpB,EAAA,MAAM,OAAA,GAAU,CAAC,EAAE,KAAA,IAAS,WAAA,IAAe,QAAA,CAAA;AAC3C,EAAA,MAAM,YAAA,GAAe,aAAA,KAAkB,KAAA,GAAQ,aAAA,GAAgB,KAAA;AAE/D,EAAA,MAAM,kBAAkB,MAAM;AAC1B,IAAA,IAAI,CAAC,YAAY,OAAO,IAAA;AACxB,IAAA,IAAI,MAAA,KAAW,WAAW,KAAA,CAAM,MAAA,CAAO,MAAM,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,KAAA,CAAM,MAAA,CAAO,IAAA,EAAK,CAAA;AACzE,IAAA,IAAI,UAAA,EAAY,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,eAAe,KAAA,EAAO,GAAA,CAAI,SAAA,EAAW,IAAA,EAAK,IAAA,EAAK,CAAA;AAClF,IAAA,MAAM,QAAA,GAAW,MAAM,MAAM,CAAA;AAC7B,IAAA,OAAO,QAAA,mBAAW,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,QAAA,EAAU,OAAO,GAAA,CAAI,SAAA,EAAW,IAAA,EAAK,IAAA,EAAK,CAAA,GAAK,IAAA;AAAA,EACjF,CAAA,GAAG;AAEH,EAAA,MAAM,gBAAgB,MAAM;AACxB,IAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AACtB,IAAA,IAAI,MAAA,KAAW,WAAW,KAAA,CAAM,MAAA,CAAO,MAAM,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,KAAA,CAAM,MAAA,CAAO,IAAA,EAAK,CAAA;AACzE,IAAA,MAAM,QAAA,GAAW,MAAM,MAAM,CAAA;AAC7B,IAAA,OAAO,QAAA,mBAAW,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,QAAA,EAAU,OAAO,GAAA,CAAI,MAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,CAAA,GAAK,IAAA;AAAA,EAC9E,CAAA,GAAG;AAEH,EAAA,MAAM,eAAA,GAAkB,CAAC,YAAA,EAA4B,KAAA,qBACjD,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MAEG,aAAA,EAAe,YAAA;AAAA,MACf,UAAA,EAAW,YAAA;AAAA,MACX,GAAA,EAAK,EAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACH,OAAA,EAAS,EAAA;AAAA,QACT,cAAA,EAAgB,KAAA,GAAQ,CAAA,GAAI,CAAA,GAAI,CAAA;AAAA,QAChC,gBAAgB,GAAA,CAAI;AAAA,OACxB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,UAAA,EAAW,QAAA;AAAA,YACX,cAAA,EAAe,QAAA;AAAA,YACf,KAAA,EAAO;AAAA,cACH,KAAA,EAAO,EAAA;AAAA,cACP,MAAA,EAAQ,EAAA;AAAA,cACR,YAAA,EAAc,CAAA;AAAA,cACd,eAAA,EAAiB,MAAA;AAAA,cACjB,WAAA,EAAa,CAAA;AAAA,cACb,aAAa,GAAA,CAAI,MAAA;AAAA,cACjB,UAAA,EAAY;AAAA,aAChB;AAAA,YAEC,QAAA,EAAA,YAAA,CAAa,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,eAAe,KAAA,EAAO,GAAA,CAAI,MAAA,EAAQ,IAAA,EAAK,IAAA,EAAK;AAAA;AAAA,SAClF;AAAA,wBACA,IAAA,CAAC,IAAA,EAAA,EAAK,aAAA,EAAc,QAAA,EAAS,GAAA,EAAK,GAAG,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAE,EAClD,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,UAAA,EAAW,MAAA,EAAO,IAAA,EAAK,IAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA,CAAI,IAAA,EAAK,EACtD,QAAA,EAAA,YAAA,CAAa,KAAA,EAClB,CAAA;AAAA,UACC,YAAA,CAAa,MAAA,oBACV,GAAA,CAAC,IAAA,EAAA,EAAK,MAAK,IAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,IAAI,IAAA,EAAM,UAAA,EAAY,EAAA,EAAG,EACpD,uBAAa,MAAA,EAClB;AAAA,SAAA,EAER,CAAA;AAAA,QACC,aAAa,GAAA,oBACV,IAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACG,SAAS,YAAA,CAAa,KAAA;AAAA,YACtB,KAAA,EAAO;AAAA,cACH,iBAAiB,GAAA,CAAI,KAAA;AAAA,cACrB,YAAA,EAAc,GAAA;AAAA,cACd,iBAAA,EAAmB,EAAA;AAAA,cACnB,eAAA,EAAiB,CAAA;AAAA,cACjB,aAAA,EAAe,KAAA;AAAA,cACf,UAAA,EAAY,QAAA;AAAA,cACZ,GAAA,EAAK,CAAA;AAAA,cACL,UAAA,EAAY;AAAA,aAChB;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACG,UAAA,EAAW,MAAA;AAAA,kBACX,IAAA,EAAK,IAAA;AAAA,kBACL,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA,CAAI,SAAA,EAAU;AAAA,kBAE7B,QAAA,EAAA,YAAA,CAAa;AAAA;AAAA,eAClB;AAAA,kCACC,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,KAAA,EAAO,IAAI,SAAA,EAAW;AAAA;AAAA;AAAA;AAChD;AAAA,KAAA;AAAA,IAzDC,YAAA,CAAa;AAAA,GA2DtB;AAGJ,EAAA,uBACI,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACG,aAAA,EAAc,QAAA;AAAA,MACd,SAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACH,YAAA,EAAc,CAAA;AAAA,QACd,QAAA,EAAU,QAAA;AAAA,QACV,gBAAA,EAAkB;AAAA,OACtB;AAAA,MAGC,QAAA,EAAA;AAAA,QAAA,SAAA,oBACG,IAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,aAAA,EAAe,YAAA;AAAA,YACf,UAAA,EAAW,QAAA;AAAA,YACX,GAAA,EAAK,CAAA;AAAA,YACL,KAAA,EAAO;AAAA,cACH,iBAAiB,GAAA,CAAI,KAAA;AAAA,cACrB,eAAA,EAAiB,CAAA;AAAA,cACjB,iBAAA,EAAmB;AAAA,aACvB;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,cAAA;AAAA,8BACD,GAAA,CAAC,IAAA,EAAA,EAAK,UAAA,EAAW,MAAA,EAAO,MAAK,IAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA,CAAI,SAAA,EAAW,IAAA,EAAM,CAAA,IAClE,QAAA,EAAA,mBAAA,EACL,CAAA;AAAA,cACC,SAAA,oBACG,GAAA;AAAA,gBAAC,SAAA;AAAA,gBAAA;AAAA,kBACG,kBAAA,EAAmB,SAAA;AAAA,kBACnB,OAAA,EAAS,SAAA;AAAA,kBACT,KAAA,EAAO;AAAA,oBACH,KAAA,EAAO,EAAA;AAAA,oBACP,MAAA,EAAQ,EAAA;AAAA,oBACR,YAAA,EAAc,GAAA;AAAA,oBACd,eAAA,EAAiB,0BAAA;AAAA,oBACjB,UAAA,EAAY,QAAA;AAAA,oBACZ,cAAA,EAAgB;AAAA,mBACpB;AAAA,kBAEA,8BAAC,CAAA,EAAA,EAAE,IAAA,EAAM,EAAA,EAAI,KAAA,EAAO,IAAI,SAAA,EAAW;AAAA;AAAA;AACvC;AAAA;AAAA,SAER;AAAA,QAIH,UAAA,mBACG,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,aAAA,EAAc,QAAA;AAAA,YACd,KAAA,EAAO;AAAA,cACH,iBAAiB,GAAA,CAAI;AAAA,aACzB;AAAA,YAEC,QAAA,EAAA,OAAA,CAAQ,IAAI,eAAe;AAAA;AAAA,YAEhC,OAAA,oBACA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,aAAA,EAAe,YAAA;AAAA,YACf,UAAA,EAAW,QAAA;AAAA,YACX,GAAA,EAAK,EAAA;AAAA,YACL,KAAA,EAAO;AAAA,cACH,iBAAiB,GAAA,CAAI,MAAA;AAAA,cACrB,OAAA,EAAS,EAAA;AAAA,cACT,cAAA,EAAgB;AAAA,aACpB;AAAA,YAEA,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,aAAA,EAAc,QAAA,EAAS,GAAA,EAAK,GAAG,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAE,EAChD,QAAA,EAAA;AAAA,cAAA,CAAA,QAAA,IAAY,KAAA,0BACT,IAAA,EAAA,EAAK,aAAA,EAAe,cAAc,UAAA,EAAW,QAAA,EAAS,KAAK,CAAA,EACvD,QAAA,EAAA;AAAA,gBAAA,YAAA;AAAA,gBACA,KAAA,oBACG,GAAA,CAAC,IAAA,EAAA,EAAK,UAAA,EAAW,MAAA,EAAO,IAAA,EAAK,IAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA,CAAI,IAAA,IACjD,QAAA,EAAA,KAAA,EACL;AAAA,eAAA,EAER,CAAA;AAAA,cAEH,WAAA,oBACG,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA,CAAI,IAAA,EAAK,EACpC,QAAA,EAAA,WAAA,EACL,CAAA;AAAA,cAEH;AAAA,aAAA,EACL;AAAA;AAAA;AACJ;AAAA;AAAA,GAER;AAER;;;;"}