@adminide-stack/yantra-mobile 12.0.129-alpha.0 → 12.0.129

package/lib/features/design/surface/PickerSheet.js

@@ -0,0 +1,175 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useMemo}from'react';import {Modal,View,Text,TextInput,FlatList,ActivityIndicator,StyleSheet}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useCanvasTheme,themedStyles}from'../../canvas/canvasTheme.js';import {Pressable,SPACE,TYPE,RADIUS}from'../../canvas/canvasUi.js';import {useSafeInsets}from'../../canvas/withRemoteSafeArea.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function PickerSheet({
+  visible,
+  title,
+  items,
+  selectedId,
+  onPick,
+  onClose,
+  emptyText,
+  header
+}) {
+  const theme = useCanvasTheme();
+  const styles = makeStyles(theme);
+  const insets = useSafeInsets();
+  const [query, setQuery] = useState("");
+  const shown = useMemo(() => {
+    const q = query.trim().toLowerCase();
+    return q ? items.filter((i) => {
+      var _a, _b;
+      return `${i.title} ${(_a = i.subtitle) != null ? _a : ""} ${(_b = i.group) != null ? _b : ""}`.toLowerCase().includes(q);
+    }) : items;
+  }, [items, query]);
+  return /* @__PURE__ */ jsxs(Modal, { visible, animationType: "slide", transparent: true, onRequestClose: onClose, children: [
+    /* @__PURE__ */ jsx(Pressable, { style: styles.scrim, onPress: onClose, accessibilityLabel: "Close" }),
+    /* @__PURE__ */ jsxs(View, { style: [styles.sheet, {
+      paddingBottom: insets.bottom + SPACE.md
+    }], children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.head, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.title, children: title }),
+        /* @__PURE__ */ jsxs(View, { style: styles.headActions, children: [
+          selectedId ? /* @__PURE__ */ jsx(Pressable, { onPress: () => onPick(void 0), hitSlop: 8, accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles.clear, children: "Clear" }) }) : null,
+          /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 10, style: styles.close, accessibilityRole: "button", accessibilityLabel: `Close ${title}`, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 22, color: theme.mutedForeground }) })
+        ] })
+      ] }),
+      header,
+      items.length > 6 ? /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Search", placeholderTextColor: theme.mutedForeground, style: styles.search, autoCorrect: false }) : null,
+      /* @__PURE__ */ jsx(FlatList, { data: shown, keyExtractor: (i) => i.id, keyboardShouldPersistTaps: "handled", ListEmptyComponent: /* @__PURE__ */ jsxs(View, { style: styles.empty, children: [
+        items.length === 0 && !emptyText ? /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.mutedForeground }) : null,
+        /* @__PURE__ */ jsx(Text, { style: styles.emptyText, children: emptyText != null ? emptyText : items.length ? "Nothing matches." : "Loading\u2026" })
+      ] }), renderItem: ({
+        item,
+        index
+      }) => {
+        var _a;
+        const on = item.id === selectedId;
+        const groupHead = item.group && item.group !== ((_a = shown[index - 1]) == null ? void 0 : _a.group) ? item.group : null;
+        return /* @__PURE__ */ jsxs(View, { children: [
+          groupHead ? /* @__PURE__ */ jsx(Text, { style: styles.group, children: groupHead }) : null,
+          /* @__PURE__ */ jsxs(Pressable, { onPress: () => onPick(item.id), style: ({
+            pressed
+          }) => [styles.row, on && styles.rowOn, pressed && styles.pressed], accessibilityRole: "button", accessibilityState: {
+            selected: on
+          }, children: [
+            /* @__PURE__ */ jsxs(View, { style: styles.rowText, children: [
+              /* @__PURE__ */ jsx(Text, { style: styles.rowTitle, numberOfLines: 1, children: item.title }),
+              item.subtitle ? /* @__PURE__ */ jsx(Text, { style: styles.rowSub, numberOfLines: 2, children: item.subtitle }) : null
+            ] }),
+            item.badge ? /* @__PURE__ */ jsx(Text, { style: styles.badge, children: item.badge }) : null,
+            on ? /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "check", size: 18, color: theme.primaryText }) : null
+          ] })
+        ] });
+      }, style: styles.list })
+    ] })
+  ] });
+}
+const makeStyles = themedStyles((theme) => StyleSheet.create({
+  pressed: {
+    opacity: 0.7
+  },
+  scrim: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.35)"
+  },
+  sheet: {
+    maxHeight: "75%",
+    backgroundColor: theme.background,
+    paddingTop: SPACE.md
+  },
+  head: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: SPACE.lg,
+    marginBottom: SPACE.sm
+  },
+  title: __spreadProps(__spreadValues({}, TYPE.title), {
+    color: theme.foreground
+  }),
+  clear: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.mutedForeground
+  }),
+  headActions: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: SPACE.lg
+  },
+  close: {
+    width: 32,
+    height: 32,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  search: __spreadValues({
+    height: 40,
+    marginHorizontal: SPACE.lg,
+    marginBottom: SPACE.sm,
+    paddingHorizontal: SPACE.md,
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.card,
+    color: theme.foreground
+  }, TYPE.body),
+  list: {
+    flexGrow: 0
+  },
+  group: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.mutedForeground,
+    paddingHorizontal: SPACE.lg,
+    paddingTop: SPACE.md,
+    paddingBottom: 4
+  }),
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: SPACE.sm,
+    paddingHorizontal: SPACE.lg,
+    paddingVertical: SPACE.md
+  },
+  rowOn: {
+    backgroundColor: theme.card
+  },
+  rowText: {
+    flex: 1,
+    gap: 2
+  },
+  rowTitle: __spreadProps(__spreadValues({}, TYPE.body), {
+    color: theme.foreground
+  }),
+  rowSub: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.mutedForeground
+  }),
+  badge: __spreadProps(__spreadValues({}, TYPE.caption), {
+    fontSize: 10,
+    color: theme.mutedForeground,
+    paddingHorizontal: 6,
+    paddingVertical: 1,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.border
+  }),
+  empty: {
+    alignItems: "center",
+    gap: SPACE.sm,
+    padding: SPACE.xl
+  },
+  emptyText: __spreadProps(__spreadValues({}, TYPE.body), {
+    color: theme.mutedForeground
+  })
+}));export{PickerSheet};//# sourceMappingURL=PickerSheet.js.map

package/lib/features/design/surface/PickerSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerSheet.js","sources":["../../../../src/features/design/surface/PickerSheet.tsx"],"sourcesContent":["/**\n * A searchable list in a bottom sheet - the agent pane's Template, Design\n * system and Toolbox pickers (web: the pane's dialogs).\n */\nimport React, { useMemo, useState } from 'react';\nimport { ActivityIndicator, FlatList, Modal, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { themedStyles, useCanvasTheme, type CanvasPalette } from '../../canvas/canvasTheme';\nimport { Pressable, RADIUS, SPACE, TYPE } from '../../canvas/canvasUi';\nimport { useSafeInsets } from '../../canvas/withRemoteSafeArea';\n\nexport interface PickerItem {\n    id: string;\n    title: string;\n    subtitle?: string;\n    group?: string;\n    badge?: string;\n}\n\nexport function PickerSheet({\n    visible,\n    title,\n    items,\n    selectedId,\n    onPick,\n    onClose,\n    emptyText,\n    header,\n}: {\n    visible: boolean;\n    title: string;\n    items: PickerItem[];\n    selectedId?: string;\n    onPick: (id: string | undefined) => void;\n    onClose: () => void;\n    emptyText?: string;\n    header?: React.ReactNode;\n}) {\n    const theme = useCanvasTheme();\n    const styles = makeStyles(theme);\n    const insets = useSafeInsets();\n    const [query, setQuery] = useState('');\n    const shown = useMemo(() => {\n        const q = query.trim().toLowerCase();\n        return q\n            ? items.filter((i) => `${i.title} ${i.subtitle ?? ''} ${i.group ?? ''}`.toLowerCase().includes(q))\n            : items;\n    }, [items, query]);\n    return (\n        <Modal visible={visible} animationType=\"slide\" transparent onRequestClose={onClose}>\n            <Pressable style={styles.scrim} onPress={onClose} accessibilityLabel=\"Close\" />\n            <View style={[styles.sheet, { paddingBottom: insets.bottom + SPACE.md }]}>\n                <View style={styles.head}>\n                    <Text style={styles.title}>{title}</Text>\n                    <View style={styles.headActions}>\n                        {selectedId ? (\n                            <Pressable onPress={() => onPick(undefined)} hitSlop={8} accessibilityRole=\"button\">\n                                <Text style={styles.clear}>Clear</Text>\n                            </Pressable>\n                        ) : null}\n                        <Pressable\n                            onPress={onClose}\n                            hitSlop={10}\n                            style={styles.close}\n                            accessibilityRole=\"button\"\n                            accessibilityLabel={`Close ${title}`}\n                        >\n                            <MaterialCommunityIcons name=\"close\" size={22} color={theme.mutedForeground} />\n                        </Pressable>\n                    </View>\n                </View>\n                {header}\n                {items.length > 6 ? (\n                    <TextInput\n                        value={query}\n                        onChangeText={setQuery}\n                        placeholder=\"Search\"\n                        placeholderTextColor={theme.mutedForeground}\n                        style={styles.search}\n                        autoCorrect={false}\n                    />\n                ) : null}\n                <FlatList\n                    data={shown}\n                    keyExtractor={(i) => i.id}\n                    keyboardShouldPersistTaps=\"handled\"\n                    ListEmptyComponent={\n                        <View style={styles.empty}>\n                            {items.length === 0 && !emptyText ? (\n                                <ActivityIndicator color={theme.mutedForeground} />\n                            ) : null}\n                            <Text style={styles.emptyText}>\n                                {emptyText ?? (items.length ? 'Nothing matches.' : 'Loading…')}\n                            </Text>\n                        </View>\n                    }\n                    renderItem={({ item, index }) => {\n                        const on = item.id === selectedId;\n                        const groupHead = item.group && item.group !== shown[index - 1]?.group ? item.group : null;\n                        return (\n                            <View>\n                                {groupHead ? <Text style={styles.group}>{groupHead}</Text> : null}\n                                <Pressable\n                                    onPress={() => onPick(item.id)}\n                                    style={({ pressed }) => [styles.row, on && styles.rowOn, pressed && styles.pressed]}\n                                    accessibilityRole=\"button\"\n                                    accessibilityState={{ selected: on }}\n                                >\n                                    <View style={styles.rowText}>\n                                        <Text style={styles.rowTitle} numberOfLines={1}>\n                                            {item.title}\n                                        </Text>\n                                        {item.subtitle ? (\n                                            <Text style={styles.rowSub} numberOfLines={2}>\n                                                {item.subtitle}\n                                            </Text>\n                                        ) : null}\n                                    </View>\n                                    {item.badge ? <Text style={styles.badge}>{item.badge}</Text> : null}\n                                    {on ? (\n                                        <MaterialCommunityIcons name=\"check\" size={18} color={theme.primaryText} />\n                                    ) : null}\n                                </Pressable>\n                            </View>\n                        );\n                    }}\n                    style={styles.list}\n                />\n            </View>\n        </Modal>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        pressed: { opacity: 0.7 },\n        scrim: { flex: 1, backgroundColor: 'rgba(0,0,0,0.35)' },\n        sheet: { maxHeight: '75%', backgroundColor: theme.background, paddingTop: SPACE.md },\n        head: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            paddingHorizontal: SPACE.lg,\n            marginBottom: SPACE.sm,\n        },\n        title: { ...TYPE.title, color: theme.foreground },\n        clear: { ...TYPE.label, color: theme.mutedForeground },\n        headActions: { flexDirection: 'row', alignItems: 'center', gap: SPACE.lg },\n        close: { width: 32, height: 32, alignItems: 'center', justifyContent: 'center' },\n        search: {\n            height: 40,\n            marginHorizontal: SPACE.lg,\n            marginBottom: SPACE.sm,\n            paddingHorizontal: SPACE.md,\n            borderRadius: RADIUS.pill,\n            backgroundColor: theme.card,\n            color: theme.foreground,\n            ...TYPE.body,\n        },\n        list: { flexGrow: 0 },\n        group: {\n            ...TYPE.caption,\n            color: theme.mutedForeground,\n            paddingHorizontal: SPACE.lg,\n            paddingTop: SPACE.md,\n            paddingBottom: 4,\n        },\n        row: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            gap: SPACE.sm,\n            paddingHorizontal: SPACE.lg,\n            paddingVertical: SPACE.md,\n        },\n        rowOn: { backgroundColor: theme.card },\n        rowText: { flex: 1, gap: 2 },\n        rowTitle: { ...TYPE.body, color: theme.foreground },\n        rowSub: { ...TYPE.caption, color: theme.mutedForeground },\n        badge: {\n            ...TYPE.caption,\n            fontSize: 10,\n            color: theme.mutedForeground,\n            paddingHorizontal: 6,\n            paddingVertical: 1,\n            borderWidth: StyleSheet.hairlineWidth,\n            borderColor: theme.border,\n        },\n        empty: { alignItems: 'center', gap: SPACE.sm, padding: SPACE.xl },\n        emptyText: { ...TYPE.body, color: theme.mutedForeground },\n    }),\n);\n"],"names":[],"mappings":"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"}

package/lib/features/design/surface/TemplatesGallery.js

@@ -0,0 +1,156 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useMemo}from'react';import {useWindowDimensions,View,Text,TextInput,FlatList,StyleSheet,ActivityIndicator}from'react-native';import {Image}from'expo-image';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useCanvasTheme,themedStyles}from'../../canvas/canvasTheme.js';import {IconButton,Pressable,SPACE,TYPE}from'../../canvas/canvasUi.js';import {useSafeInsets}from'../../canvas/withRemoteSafeArea.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const GUTTER = SPACE.lg;
+function TemplatesGallery({
+  templates,
+  onPick,
+  onClose,
+  defaultQuery
+}) {
+  const theme = useCanvasTheme();
+  const styles = makeStyles(theme);
+  const insets = useSafeInsets();
+  const {
+    width
+  } = useWindowDimensions();
+  const col = (width - GUTTER * 2 - SPACE.md) / 2;
+  const [query, setQuery] = useState(defaultQuery != null ? defaultQuery : "");
+  const shown = useMemo(() => {
+    const q = query.trim().toLowerCase();
+    if (!q) return templates;
+    return templates.filter((t) => {
+      var _a;
+      return `${t.title} ${t.id} ${(_a = t.description) != null ? _a : ""}`.toLowerCase().includes(q);
+    });
+  }, [templates, query]);
+  return /* @__PURE__ */ jsxs(View, { style: [styles.fill, {
+    paddingTop: insets.top
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
+      /* @__PURE__ */ jsx(IconButton, { icon: "chevron-left", label: "Back", onPress: onClose }),
+      /* @__PURE__ */ jsx(Text, { style: styles.title, accessibilityRole: "header", children: "Design templates" })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.searchWrap, children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 18, color: theme.mutedForeground }),
+      /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Search templates", placeholderTextColor: theme.mutedForeground, style: styles.search, autoCorrect: false, returnKeyType: "search" })
+    ] }),
+    /* @__PURE__ */ jsx(FlatList, { data: shown, keyExtractor: (t) => t.id, numColumns: 2, columnWrapperStyle: styles.column, contentContainerStyle: [styles.grid, {
+      paddingBottom: insets.bottom + SPACE.xxl
+    }], keyboardShouldPersistTaps: "handled", ListEmptyComponent: /* @__PURE__ */ jsxs(View, { style: styles.empty, children: [
+      templates.length === 0 ? /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.mutedForeground }) : null,
+      /* @__PURE__ */ jsx(Text, { style: styles.emptyText, children: templates.length ? "No templates match." : "Loading templates\u2026" })
+    ] }), renderItem: ({
+      item
+    }) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => onPick(item), style: ({
+      pressed
+    }) => [styles.card, {
+      width: col
+    }, pressed && styles.pressed], accessibilityRole: "button", accessibilityLabel: item.title, children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.cover, {
+        height: col * 9 / 16
+      }], children: item.cover ? /* @__PURE__ */ jsx(Image, { source: {
+        uri: item.cover
+      }, style: StyleSheet.absoluteFill, contentFit: "cover", transition: 150 }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "view-quilt-outline", size: 28, color: theme.mutedForeground }) }),
+      /* @__PURE__ */ jsxs(View, { style: styles.caption, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.cardTitle, numberOfLines: 1, children: item.title }),
+        item.description ? /* @__PURE__ */ jsx(Text, { style: styles.cardText, numberOfLines: 2, children: item.description }) : null
+      ] })
+    ] }) })
+  ] });
+}
+const makeStyles = themedStyles((theme) => StyleSheet.create({
+  fill: {
+    flex: 1,
+    backgroundColor: theme.background
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: SPACE.xs,
+    height: 52,
+    paddingHorizontal: SPACE.sm
+  },
+  title: __spreadProps(__spreadValues({}, TYPE.title), {
+    color: theme.foreground
+  }),
+  searchWrap: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: SPACE.sm,
+    marginHorizontal: GUTTER,
+    marginBottom: SPACE.md,
+    paddingHorizontal: SPACE.md,
+    height: 42,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.input,
+    backgroundColor: theme.card
+  },
+  search: __spreadValues({
+    flex: 1,
+    color: theme.foreground
+  }, TYPE.body),
+  grid: {
+    paddingHorizontal: GUTTER,
+    gap: SPACE.lg
+  },
+  column: {
+    gap: SPACE.md
+  },
+  card: {
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.border,
+    backgroundColor: theme.background,
+    overflow: "hidden"
+  },
+  cover: {
+    width: "100%",
+    backgroundColor: theme.muted,
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden"
+  },
+  caption: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.border,
+    padding: SPACE.sm,
+    gap: 2
+  },
+  cardTitle: {
+    fontSize: 14,
+    fontWeight: "500",
+    color: theme.foreground
+  },
+  cardText: {
+    fontSize: 12,
+    lineHeight: 16,
+    color: theme.mutedForeground
+  },
+  pressed: {
+    opacity: 0.75
+  },
+  empty: {
+    alignItems: "center",
+    gap: SPACE.sm,
+    paddingVertical: SPACE.xxl
+  },
+  emptyText: __spreadProps(__spreadValues({}, TYPE.body), {
+    color: theme.mutedForeground
+  })
+}));export{TemplatesGallery};//# sourceMappingURL=TemplatesGallery.js.map

package/lib/features/design/surface/TemplatesGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatesGallery.js","sources":["../../../../src/features/design/surface/TemplatesGallery.tsx"],"sourcesContent":["/**\n * \"Start from a template\" - native twin of the surface-kit TemplatesGallery the\n * web landing opens full screen: the design templates (the connector's\n * LIST_TEMPLATES, the same catalog the composer's Template picker offers),\n * searchable. A pick opens a new board with that template selected.\n */\nimport React, { useMemo, useState } from 'react';\nimport { ActivityIndicator, FlatList, StyleSheet, Text, TextInput, useWindowDimensions, View } from 'react-native';\nimport { Image } from 'expo-image';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { themedStyles, useCanvasTheme, type CanvasPalette } from '../../canvas/canvasTheme';\nimport { IconButton, Pressable, SPACE, TYPE } from '../../canvas/canvasUi';\nimport { useSafeInsets } from '../../canvas/withRemoteSafeArea';\nimport type { TemplateOption } from './designConnector';\n\nconst GUTTER = SPACE.lg;\n\nexport function TemplatesGallery({\n    templates,\n    onPick,\n    onClose,\n    defaultQuery,\n}: {\n    /** The search a chat card or link opened the gallery on. */\n    defaultQuery?: string;\n    templates: TemplateOption[];\n    onPick: (template: TemplateOption) => void;\n    onClose: () => void;\n}) {\n    const theme = useCanvasTheme();\n    const styles = makeStyles(theme);\n    const insets = useSafeInsets();\n    const { width } = useWindowDimensions();\n    const col = (width - GUTTER * 2 - SPACE.md) / 2;\n    const [query, setQuery] = useState(defaultQuery ?? '');\n    const shown = useMemo(() => {\n        const q = query.trim().toLowerCase();\n        if (!q) return templates;\n        return templates.filter((t) => `${t.title} ${t.id} ${t.description ?? ''}`.toLowerCase().includes(q));\n    }, [templates, query]);\n\n    return (\n        <View style={[styles.fill, { paddingTop: insets.top }]}>\n            <View style={styles.header}>\n                <IconButton icon=\"chevron-left\" label=\"Back\" onPress={onClose} />\n                <Text style={styles.title} accessibilityRole=\"header\">\n                    Design templates\n                </Text>\n            </View>\n            <View style={styles.searchWrap}>\n                <MaterialCommunityIcons name=\"magnify\" size={18} color={theme.mutedForeground} />\n                <TextInput\n                    value={query}\n                    onChangeText={setQuery}\n                    placeholder=\"Search templates\"\n                    placeholderTextColor={theme.mutedForeground}\n                    style={styles.search}\n                    autoCorrect={false}\n                    returnKeyType=\"search\"\n                />\n            </View>\n            <FlatList\n                data={shown}\n                keyExtractor={(t) => t.id}\n                numColumns={2}\n                columnWrapperStyle={styles.column}\n                contentContainerStyle={[styles.grid, { paddingBottom: insets.bottom + SPACE.xxl }]}\n                keyboardShouldPersistTaps=\"handled\"\n                ListEmptyComponent={\n                    <View style={styles.empty}>\n                        {templates.length === 0 ? <ActivityIndicator color={theme.mutedForeground} /> : null}\n                        <Text style={styles.emptyText}>\n                            {templates.length ? 'No templates match.' : 'Loading templates…'}\n                        </Text>\n                    </View>\n                }\n                renderItem={({ item }) => (\n                    <Pressable\n                        onPress={() => onPick(item)}\n                        style={({ pressed }) => [styles.card, { width: col }, pressed && styles.pressed]}\n                        accessibilityRole=\"button\"\n                        accessibilityLabel={item.title}\n                    >\n                        <View style={[styles.cover, { height: (col * 9) / 16 }]}>\n                            {item.cover ? (\n                                <Image\n                                    source={{ uri: item.cover }}\n                                    style={StyleSheet.absoluteFill}\n                                    contentFit=\"cover\"\n                                    transition={150}\n                                />\n                            ) : (\n                                <MaterialCommunityIcons\n                                    name=\"view-quilt-outline\"\n                                    size={28}\n                                    color={theme.mutedForeground}\n                                />\n                            )}\n                        </View>\n                        <View style={styles.caption}>\n                            <Text style={styles.cardTitle} numberOfLines={1}>\n                                {item.title}\n                            </Text>\n                            {item.description ? (\n                                <Text style={styles.cardText} numberOfLines={2}>\n                                    {item.description}\n                                </Text>\n                            ) : null}\n                        </View>\n                    </Pressable>\n                )}\n            />\n        </View>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        fill: { flex: 1, backgroundColor: theme.background },\n        header: { flexDirection: 'row', alignItems: 'center', gap: SPACE.xs, height: 52, paddingHorizontal: SPACE.sm },\n        title: { ...TYPE.title, color: theme.foreground },\n        searchWrap: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            gap: SPACE.sm,\n            marginHorizontal: GUTTER,\n            marginBottom: SPACE.md,\n            paddingHorizontal: SPACE.md,\n            height: 42,\n            borderWidth: StyleSheet.hairlineWidth,\n            borderColor: theme.input,\n            backgroundColor: theme.card,\n        },\n        search: { flex: 1, color: theme.foreground, ...TYPE.body },\n        grid: { paddingHorizontal: GUTTER, gap: SPACE.lg },\n        column: { gap: SPACE.md },\n        card: {\n            borderWidth: StyleSheet.hairlineWidth,\n            borderColor: theme.border,\n            backgroundColor: theme.background,\n            overflow: 'hidden',\n        },\n        cover: {\n            width: '100%',\n            backgroundColor: theme.muted,\n            alignItems: 'center',\n            justifyContent: 'center',\n            overflow: 'hidden',\n        },\n        caption: { borderTopWidth: StyleSheet.hairlineWidth, borderColor: theme.border, padding: SPACE.sm, gap: 2 },\n        cardTitle: { fontSize: 14, fontWeight: '500', color: theme.foreground },\n        cardText: { fontSize: 12, lineHeight: 16, color: theme.mutedForeground },\n        pressed: { opacity: 0.75 },\n        empty: { alignItems: 'center', gap: SPACE.sm, paddingVertical: SPACE.xxl },\n        emptyText: { ...TYPE.body, color: theme.mutedForeground },\n    }),\n);\n"],"names":[],"mappings":"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"}

package/lib/features/design/surface/WetPaint.js

@@ -0,0 +1,140 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {forwardRef,useRef,useState,useEffect,useCallback,useImperativeHandle}from'react';import {AccessibilityInfo,StyleSheet}from'react-native';import {getSvg,svgUsable,SvgBoundary}from'../render/svg.js';import {metaballNecks}from'./metaball.js';const MAX_BLOBS = 46;
+const POINTER_REACH = 150;
+const PAINT_EVERY = 2;
+const WetPaint = forwardRef(function WetPaint2({
+  colours,
+  width,
+  height,
+  avoid,
+  active
+}, ref) {
+  const blobs = useRef([]);
+  const pointer = useRef(null);
+  const geometry = useRef({
+    cx: 0,
+    cy: 0,
+    ex: 1,
+    ey: 1
+  });
+  const keySeq = useRef(0);
+  const [, setFrame] = useState(0);
+  const [still, setStill] = useState(false);
+  const paintKey = colours.join(",");
+  useEffect(() => {
+    var _a, _b;
+    let live = true;
+    void ((_b = (_a = AccessibilityInfo).isReduceMotionEnabled) == null ? void 0 : _b.call(_a).then((v) => live && setStill(Boolean(v))));
+    return () => {
+      live = false;
+    };
+  }, []);
+  const add = useCallback((x, y, r) => {
+    const paints = paintKey.split(",");
+    keySeq.current += 1;
+    blobs.current.push({
+      x,
+      y,
+      vx: 0,
+      vy: 0,
+      ax: x,
+      ay: y,
+      r,
+      ph: Math.random() * 6.28,
+      sp: 3e-4 + Math.random() * 4e-4,
+      fill: paints[Math.floor(Math.random() * paints.length)],
+      key: keySeq.current
+    });
+    if (blobs.current.length > MAX_BLOBS) blobs.current.shift();
+  }, [paintKey]);
+  useEffect(() => {
+    if (width <= 0 || height <= 0) return;
+    const W = width;
+    const H = height;
+    const cx = avoid ? avoid.x + avoid.w / 2 : W / 2;
+    const cy = avoid ? avoid.y + avoid.h / 2 : H / 2;
+    const ex = avoid ? avoid.w / 2 + 40 : W * 0.3;
+    const ey = avoid ? avoid.h / 2 + 32 : H * 0.3;
+    geometry.current = {
+      cx,
+      cy,
+      ex,
+      ey
+    };
+    blobs.current = [];
+    const scale = Math.min(1, Math.max(0.55, W / 1200));
+    const count = Math.round(Math.min(30, Math.max(12, W * H / 28e3)));
+    for (let i = 0; i < count; i += 1) {
+      const a = i / count * Math.PI * 2 + Math.random() * 0.3;
+      const rx = ex + Math.max(0, W / 2 - ex) * (0.3 + Math.random() * 0.7);
+      const ry = ey + Math.max(0, H / 2 - ey) * (0.3 + Math.random() * 0.7);
+      add(cx + Math.cos(a) * rx, cy + Math.sin(a) * ry, (26 + Math.random() * 46) * scale);
+    }
+    setFrame((n) => n + 1);
+  }, [width, height, avoid, add]);
+  useEffect(() => {
+    if (!active || still) return void 0;
+    let raf = 0;
+    let tick = 0;
+    const step = (t) => {
+      const {
+        cx,
+        cy,
+        ex,
+        ey
+      } = geometry.current;
+      const p = pointer.current;
+      for (const b of blobs.current) {
+        let fx = (b.ax + Math.sin(t * b.sp + b.ph) * 46 - b.x) * 4e-3;
+        let fy = (b.ay + Math.cos(t * b.sp * 0.8 + b.ph) * 34 - b.y) * 4e-3;
+        const dx = (b.x - cx) / (ex + b.r * 0.6);
+        const dy = (b.y - cy) / (ey + b.r * 0.6);
+        const d = Math.hypot(dx, dy) || 1;
+        if (d < 1.1) {
+          fx += dx / d * (1.1 - d) * 3;
+          fy += dy / d * (1.1 - d) * 3;
+        }
+        if (p) {
+          const px = b.x - p.x;
+          const py = b.y - p.y;
+          const pd = Math.hypot(px, py) || 1;
+          if (pd < POINTER_REACH) {
+            fx += px / pd * (POINTER_REACH - pd) * 0.06;
+            fy += py / pd * (POINTER_REACH - pd) * 0.06;
+          }
+        }
+        b.vx = (b.vx + fx) * 0.9;
+        b.vy = (b.vy + fy) * 0.9;
+        b.x += b.vx;
+        b.y += b.vy;
+      }
+      tick += 1;
+      if (tick % PAINT_EVERY === 0) setFrame((n) => (n + 1) % 1e6);
+      raf = requestAnimationFrame(step);
+    };
+    raf = requestAnimationFrame(step);
+    return () => cancelAnimationFrame(raf);
+  }, [active, still]);
+  useImperativeHandle(ref, () => ({
+    push: (point) => {
+      pointer.current = point;
+    },
+    drop: (x, y) => {
+      add(x, y, 22 + Math.random() * 30);
+      setFrame((n) => n + 1);
+    }
+  }), [add]);
+  const svg = getSvg();
+  if (!svg || !svgUsable() || width <= 0 || height <= 0) return null;
+  const {
+    Svg,
+    G,
+    Circle,
+    Path
+  } = svg;
+  const circles = blobs.current.map((b) => /* @__PURE__ */ jsx(Circle, { cx: b.x, cy: b.y, r: b.r, fill: b.fill }, b.key));
+  const necks = metaballNecks(blobs.current).map((n) => /* @__PURE__ */ jsx(Path, { d: n.d, fill: n.fill }, n.key));
+  return /* @__PURE__ */ jsx(SvgBoundary, { fallback: null, children: /* @__PURE__ */ jsxs(Svg, { width, height, style: StyleSheet.absoluteFill, pointerEvents: "none", children: [
+    /* @__PURE__ */ jsx(G, { children: necks }),
+    /* @__PURE__ */ jsx(G, { children: circles })
+  ] }) });
+});export{WetPaint};//# sourceMappingURL=WetPaint.js.map

package/lib/features/design/surface/WetPaint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WetPaint.js","sources":["../../../../src/features/design/surface/WetPaint.tsx"],"sourcesContent":["/**\n * Wet paint behind the start screen's headline - native twin of design-surface\n * `components/WetPaint.tsx`: gooey blobs in the boards' own colours, drifting\n * around the headline and pushed by your finger; a tap drops more.\n *\n * Same seeding and springs as the web. The goo is drawn as geometry (a neck\n * between blobs close enough to melt together, metaball.ts) rather than the\n * web's blur-and-threshold filter, whose threshold does not take on iOS. Stepped\n * on requestAnimationFrame and painted at ~30fps; it stops when scrolled away or\n * when the OS asks for reduced motion.\n */\nimport React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { AccessibilityInfo, StyleSheet } from 'react-native';\nimport { SvgBoundary, getSvg, svgUsable } from '../render/svg';\nimport { metaballNecks } from './metaball';\n\ninterface Blob {\n    x: number;\n    y: number;\n    vx: number;\n    vy: number;\n    ax: number;\n    ay: number;\n    r: number;\n    ph: number;\n    sp: number;\n    fill: string;\n    key: number;\n}\n\n/** The headline block the paint flows around, in the hero's own frame. */\nexport interface AvoidRect {\n    x: number;\n    y: number;\n    w: number;\n    h: number;\n}\n\nexport interface WetPaintHandle {\n    /** A finger at (x, y) in the hero's frame, or null when it lifts. */\n    push: (point: { x: number; y: number } | null) => void;\n    /** A tap: more paint there. */\n    drop: (x: number, y: number) => void;\n}\n\nconst MAX_BLOBS = 46;\nconst POINTER_REACH = 150;\n/** Paint every other frame: the goo filter is the cost, and 30fps reads as fluid. */\nconst PAINT_EVERY = 2;\n\nexport const WetPaint = forwardRef<\n    WetPaintHandle,\n    { colours: string[]; width: number; height: number; avoid: AvoidRect | null; active: boolean }\n>(function WetPaint({ colours, width, height, avoid, active }, ref) {\n    const blobs = useRef<Blob[]>([]);\n    const pointer = useRef<{ x: number; y: number } | null>(null);\n    const geometry = useRef({ cx: 0, cy: 0, ex: 1, ey: 1 });\n    const keySeq = useRef(0);\n    const [, setFrame] = useState(0);\n    const [still, setStill] = useState(false);\n    const paintKey = colours.join(',');\n\n    useEffect(() => {\n        let live = true;\n        void AccessibilityInfo.isReduceMotionEnabled?.().then((v) => live && setStill(Boolean(v)));\n        return () => {\n            live = false;\n        };\n    }, []);\n\n    const add = useCallback(\n        (x: number, y: number, r: number) => {\n            const paints = paintKey.split(',');\n            keySeq.current += 1;\n            blobs.current.push({\n                x,\n                y,\n                vx: 0,\n                vy: 0,\n                ax: x,\n                ay: y,\n                r,\n                ph: Math.random() * 6.28,\n                sp: 0.0003 + Math.random() * 0.0004,\n                fill: paints[Math.floor(Math.random() * paints.length)],\n                key: keySeq.current,\n            });\n            if (blobs.current.length > MAX_BLOBS) blobs.current.shift();\n        },\n        [paintKey],\n    );\n\n    // Seed: a ring of blobs around the headline, more on a bigger hero.\n    useEffect(() => {\n        if (width <= 0 || height <= 0) return;\n        const W = width;\n        const H = height;\n        const cx = avoid ? avoid.x + avoid.w / 2 : W / 2;\n        const cy = avoid ? avoid.y + avoid.h / 2 : H / 2;\n        const ex = avoid ? avoid.w / 2 + 40 : W * 0.3;\n        const ey = avoid ? avoid.h / 2 + 32 : H * 0.3;\n        geometry.current = { cx, cy, ex, ey };\n        blobs.current = [];\n        const scale = Math.min(1, Math.max(0.55, W / 1200));\n        const count = Math.round(Math.min(30, Math.max(12, (W * H) / 28000)));\n        for (let i = 0; i < count; i += 1) {\n            const a = (i / count) * Math.PI * 2 + Math.random() * 0.3;\n            const rx = ex + Math.max(0, W / 2 - ex) * (0.3 + Math.random() * 0.7);\n            const ry = ey + Math.max(0, H / 2 - ey) * (0.3 + Math.random() * 0.7);\n            add(cx + Math.cos(a) * rx, cy + Math.sin(a) * ry, (26 + Math.random() * 46) * scale);\n        }\n        setFrame((n) => n + 1);\n    }, [width, height, avoid, add]);\n\n    // Springs toward a drifting anchor, out of the headline's ellipse, and away from the finger.\n    useEffect(() => {\n        if (!active || still) return undefined;\n        let raf = 0;\n        let tick = 0;\n        const step = (t: number) => {\n            const { cx, cy, ex, ey } = geometry.current;\n            const p = pointer.current;\n            for (const b of blobs.current) {\n                let fx = (b.ax + Math.sin(t * b.sp + b.ph) * 46 - b.x) * 0.004;\n                let fy = (b.ay + Math.cos(t * b.sp * 0.8 + b.ph) * 34 - b.y) * 0.004;\n                const dx = (b.x - cx) / (ex + b.r * 0.6);\n                const dy = (b.y - cy) / (ey + b.r * 0.6);\n                const d = Math.hypot(dx, dy) || 1;\n                if (d < 1.1) {\n                    fx += (dx / d) * (1.1 - d) * 3;\n                    fy += (dy / d) * (1.1 - d) * 3;\n                }\n                if (p) {\n                    const px = b.x - p.x;\n                    const py = b.y - p.y;\n                    const pd = Math.hypot(px, py) || 1;\n                    if (pd < POINTER_REACH) {\n                        fx += (px / pd) * (POINTER_REACH - pd) * 0.06;\n                        fy += (py / pd) * (POINTER_REACH - pd) * 0.06;\n                    }\n                }\n                b.vx = (b.vx + fx) * 0.9;\n                b.vy = (b.vy + fy) * 0.9;\n                b.x += b.vx;\n                b.y += b.vy;\n            }\n            tick += 1;\n            if (tick % PAINT_EVERY === 0) setFrame((n) => (n + 1) % 1_000_000);\n            raf = requestAnimationFrame(step);\n        };\n        raf = requestAnimationFrame(step);\n        return () => cancelAnimationFrame(raf);\n    }, [active, still]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            push: (point) => {\n                pointer.current = point;\n            },\n            drop: (x, y) => {\n                add(x, y, 22 + Math.random() * 30);\n                setFrame((n) => n + 1);\n            },\n        }),\n        [add],\n    );\n\n    const svg = getSvg();\n    if (!svg || !svgUsable() || width <= 0 || height <= 0) return null;\n    const { Svg, G, Circle, Path } = svg;\n    const circles = blobs.current.map((b) => <Circle key={b.key} cx={b.x} cy={b.y} r={b.r} fill={b.fill} />);\n    const necks = metaballNecks(blobs.current).map((n) => <Path key={n.key} d={n.d} fill={n.fill} />);\n    return (\n        <SvgBoundary fallback={null}>\n            <Svg width={width} height={height} style={StyleSheet.absoluteFill} pointerEvents=\"none\">\n                <G>{necks}</G>\n                <G>{circles}</G>\n            </Svg>\n        </SvgBoundary>\n    );\n});\n"],"names":["WetPaint"],"mappings":"gSA6CA,MAAM,SAAY,GAAA,EAAA;AAClB,MAAM,aAAgB,GAAA,GAAA;AAEtB,MAAM,WAAc,GAAA,CAAA;AACP,MAAA,QAAA,GAAW,UAMrB,CAAA,SAASA,SAAS,CAAA;AAAA,EACnB,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAAG,GAAK,EAAA;AACN,EAAM,MAAA,KAAA,GAAQ,MAAe,CAAA,EAAE,CAAA;AAC/B,EAAM,MAAA,OAAA,GAAU,OAGN,IAAI,CAAA;AACd,EAAA,MAAM,WAAW,MAAO,CAAA;AAAA,IACtB,EAAI,EAAA,CAAA;AAAA,IACJ,EAAI,EAAA,CAAA;AAAA,IACJ,EAAI,EAAA,CAAA;AAAA,IACJ,EAAI,EAAA;AAAA,GACL,CAAA;AACD,EAAM,MAAA,MAAA,GAAS,OAAO,CAAC,CAAA;AACvB,EAAA,MAAM,GAAG,QAAQ,CAAA,GAAI,SAAS,CAAC,CAAA;AAC/B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA;AACxC,EAAM,MAAA,QAAA,GAAW,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAA;AACjC,EAAA,SAAA,CAAU,MAAM;AA7ElB,IAAA,IAAA,EAAA,EAAA,EAAA;AA8EI,IAAA,IAAI,IAAO,GAAA,IAAA;AACX,IAAK,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,iBAAA,EAAkB,0BAAlB,IAA4C,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,IAAA,CAAK,OAAK,IAAQ,IAAA,QAAA,CAAS,OAAQ,CAAA,CAAC,CAAC,CAAA,CAAA,CAAA;AACtF,IAAA,OAAO,MAAM;AACX,MAAO,IAAA,GAAA,KAAA;AAAA,KACT;AAAA,GACF,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,GAAM,GAAA,WAAA,CAAY,CAAC,CAAA,EAAW,GAAW,CAAc,KAAA;AAC3D,IAAM,MAAA,MAAA,GAAS,QAAS,CAAA,KAAA,CAAM,GAAG,CAAA;AACjC,IAAA,MAAA,CAAO,OAAW,IAAA,CAAA;AAClB,IAAA,KAAA,CAAM,QAAQ,IAAK,CAAA;AAAA,MACjB,CAAA;AAAA,MACA,CAAA;AAAA,MACA,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,MACJ,CAAA;AAAA,MACA,EAAA,EAAI,IAAK,CAAA,MAAA,EAAW,GAAA,IAAA;AAAA,MACpB,EAAI,EAAA,IAAA,GAAS,IAAK,CAAA,MAAA,EAAW,GAAA,IAAA;AAAA,MAC7B,IAAA,EAAM,OAAO,IAAK,CAAA,KAAA,CAAM,KAAK,MAAO,EAAA,GAAI,MAAO,CAAA,MAAM,CAAC,CAAA;AAAA,MACtD,KAAK,MAAO,CAAA;AAAA,KACb,CAAA;AACD,IAAA,IAAI,MAAM,OAAQ,CAAA,MAAA,GAAS,SAAW,EAAA,KAAA,CAAM,QAAQ,KAAM,EAAA;AAAA,GAC5D,EAAG,CAAC,QAAQ,CAAC,CAAA;AAGb,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,KAAA,IAAS,CAAK,IAAA,MAAA,IAAU,CAAG,EAAA;AAC/B,IAAA,MAAM,CAAI,GAAA,KAAA;AACV,IAAA,MAAM,CAAI,GAAA,MAAA;AACV,IAAA,MAAM,KAAK,KAAQ,GAAA,KAAA,CAAM,IAAI,KAAM,CAAA,CAAA,GAAI,IAAI,CAAI,GAAA,CAAA;AAC/C,IAAA,MAAM,KAAK,KAAQ,GAAA,KAAA,CAAM,IAAI,KAAM,CAAA,CAAA,GAAI,IAAI,CAAI,GAAA,CAAA;AAC/C,IAAA,MAAM,KAAK,KAAQ,GAAA,KAAA,CAAM,CAAI,GAAA,CAAA,GAAI,KAAK,CAAI,GAAA,GAAA;AAC1C,IAAA,MAAM,KAAK,KAAQ,GAAA,KAAA,CAAM,CAAI,GAAA,CAAA,GAAI,KAAK,CAAI,GAAA,GAAA;AAC1C,IAAA,QAAA,CAAS,OAAU,GAAA;AAAA,MACjB,EAAA;AAAA,MACA,EAAA;AAAA,MACA,EAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,KAAA,CAAM,UAAU,EAAC;AACjB,IAAM,MAAA,KAAA,GAAQ,KAAK,GAAI,CAAA,CAAA,EAAG,KAAK,GAAI,CAAA,IAAA,EAAM,CAAI,GAAA,IAAI,CAAC,CAAA;AAClD,IAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAK,GAAI,CAAA,EAAA,EAAI,IAAK,CAAA,GAAA,CAAI,EAAI,EAAA,CAAA,GAAI,CAAI,GAAA,IAAK,CAAC,CAAC,CAAA;AAClE,IAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,KAAA,EAAO,KAAK,CAAG,EAAA;AACjC,MAAM,MAAA,CAAA,GAAI,IAAI,KAAQ,GAAA,IAAA,CAAK,KAAK,CAAI,GAAA,IAAA,CAAK,QAAW,GAAA,GAAA;AACpD,MAAA,MAAM,EAAK,GAAA,EAAA,GAAK,IAAK,CAAA,GAAA,CAAI,CAAG,EAAA,CAAA,GAAI,CAAI,GAAA,EAAE,CAAK,IAAA,GAAA,GAAM,IAAK,CAAA,MAAA,EAAW,GAAA,GAAA,CAAA;AACjE,MAAA,MAAM,EAAK,GAAA,EAAA,GAAK,IAAK,CAAA,GAAA,CAAI,CAAG,EAAA,CAAA,GAAI,CAAI,GAAA,EAAE,CAAK,IAAA,GAAA,GAAM,IAAK,CAAA,MAAA,EAAW,GAAA,GAAA,CAAA;AACjE,MAAA,GAAA,CAAI,KAAK,IAAK,CAAA,GAAA,CAAI,CAAC,CAAA,GAAI,IAAI,EAAK,GAAA,IAAA,CAAK,GAAI,CAAA,CAAC,IAAI,EAAK,EAAA,CAAA,EAAA,GAAK,KAAK,MAAO,EAAA,GAAI,MAAM,KAAK,CAAA;AAAA;AAErF,IAAS,QAAA,CAAA,CAAA,CAAA,KAAK,IAAI,CAAC,CAAA;AAAA,KAClB,CAAC,KAAA,EAAO,MAAQ,EAAA,KAAA,EAAO,GAAG,CAAC,CAAA;AAG9B,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,MAAU,IAAA,KAAA,EAAc,OAAA,MAAA;AAC7B,IAAA,IAAI,GAAM,GAAA,CAAA;AACV,IAAA,IAAI,IAAO,GAAA,CAAA;AACX,IAAM,MAAA,IAAA,GAAO,CAAC,CAAc,KAAA;AAC1B,MAAM,MAAA;AAAA,QACJ,EAAA;AAAA,QACA,EAAA;AAAA,QACA,EAAA;AAAA,QACA;AAAA,UACE,QAAS,CAAA,OAAA;AACb,MAAA,MAAM,IAAI,OAAQ,CAAA,OAAA;AAClB,MAAW,KAAA,MAAA,CAAA,IAAK,MAAM,OAAS,EAAA;AAC7B,QAAA,IAAI,EAAM,GAAA,CAAA,CAAA,CAAE,EAAK,GAAA,IAAA,CAAK,GAAI,CAAA,CAAA,GAAI,CAAE,CAAA,EAAA,GAAK,CAAE,CAAA,EAAE,CAAI,GAAA,EAAA,GAAK,EAAE,CAAK,IAAA,IAAA;AACzD,QAAA,IAAI,EAAM,GAAA,CAAA,CAAA,CAAE,EAAK,GAAA,IAAA,CAAK,IAAI,CAAI,GAAA,CAAA,CAAE,EAAK,GAAA,GAAA,GAAM,CAAE,CAAA,EAAE,CAAI,GAAA,EAAA,GAAK,EAAE,CAAK,IAAA,IAAA;AAC/D,QAAA,MAAM,MAAM,CAAE,CAAA,CAAA,GAAI,EAAO,KAAA,EAAA,GAAK,EAAE,CAAI,GAAA,GAAA,CAAA;AACpC,QAAA,MAAM,MAAM,CAAE,CAAA,CAAA,GAAI,EAAO,KAAA,EAAA,GAAK,EAAE,CAAI,GAAA,GAAA,CAAA;AACpC,QAAA,MAAM,CAAI,GAAA,IAAA,CAAK,KAAM,CAAA,EAAA,EAAI,EAAE,CAAK,IAAA,CAAA;AAChC,QAAA,IAAI,IAAI,GAAK,EAAA;AACX,UAAM,EAAA,IAAA,EAAA,GAAK,CAAK,IAAA,GAAA,GAAM,CAAK,CAAA,GAAA,CAAA;AAC3B,UAAM,EAAA,IAAA,EAAA,GAAK,CAAK,IAAA,GAAA,GAAM,CAAK,CAAA,GAAA,CAAA;AAAA;AAE7B,QAAA,IAAI,CAAG,EAAA;AACL,UAAM,MAAA,EAAA,GAAK,CAAE,CAAA,CAAA,GAAI,CAAE,CAAA,CAAA;AACnB,UAAM,MAAA,EAAA,GAAK,CAAE,CAAA,CAAA,GAAI,CAAE,CAAA,CAAA;AACnB,UAAA,MAAM,EAAK,GAAA,IAAA,CAAK,KAAM,CAAA,EAAA,EAAI,EAAE,CAAK,IAAA,CAAA;AACjC,UAAA,IAAI,KAAK,aAAe,EAAA;AACtB,YAAM,EAAA,IAAA,EAAA,GAAK,EAAM,IAAA,aAAA,GAAgB,EAAM,CAAA,GAAA,IAAA;AACvC,YAAM,EAAA,IAAA,EAAA,GAAK,EAAM,IAAA,aAAA,GAAgB,EAAM,CAAA,GAAA,IAAA;AAAA;AACzC;AAEF,QAAE,CAAA,CAAA,EAAA,GAAA,CAAM,CAAE,CAAA,EAAA,GAAK,EAAM,IAAA,GAAA;AACrB,QAAE,CAAA,CAAA,EAAA,GAAA,CAAM,CAAE,CAAA,EAAA,GAAK,EAAM,IAAA,GAAA;AACrB,QAAA,CAAA,CAAE,KAAK,CAAE,CAAA,EAAA;AACT,QAAA,CAAA,CAAE,KAAK,CAAE,CAAA,EAAA;AAAA;AAEX,MAAQ,IAAA,IAAA,CAAA;AACR,MAAA,IAAI,OAAO,WAAgB,KAAA,CAAA,WAAY,CAAM,CAAA,KAAA,CAAA,CAAA,GAAI,KAAK,GAAS,CAAA;AAC/D,MAAA,GAAA,GAAM,sBAAsB,IAAI,CAAA;AAAA,KAClC;AACA,IAAA,GAAA,GAAM,sBAAsB,IAAI,CAAA;AAChC,IAAO,OAAA,MAAM,qBAAqB,GAAG,CAAA;AAAA,GACpC,EAAA,CAAC,MAAQ,EAAA,KAAK,CAAC,CAAA;AAClB,EAAA,mBAAA,CAAoB,KAAK,OAAO;AAAA,IAC9B,MAAM,CAAS,KAAA,KAAA;AACb,MAAA,OAAA,CAAQ,OAAU,GAAA,KAAA;AAAA,KACpB;AAAA,IACA,IAAA,EAAM,CAAC,CAAA,EAAG,CAAM,KAAA;AACd,MAAA,GAAA,CAAI,GAAG,CAAG,EAAA,EAAA,GAAK,IAAK,CAAA,MAAA,KAAW,EAAE,CAAA;AACjC,MAAS,QAAA,CAAA,CAAA,CAAA,KAAK,IAAI,CAAC,CAAA;AAAA;AACrB,GACF,CAAA,EAAI,CAAC,GAAG,CAAC,CAAA;AACT,EAAA,MAAM,MAAM,MAAO,EAAA;AACnB,EAAI,IAAA,CAAC,OAAO,CAAC,SAAA,MAAe,KAAS,IAAA,CAAA,IAAK,MAAU,IAAA,CAAA,EAAU,OAAA,IAAA;AAC9D,EAAM,MAAA;AAAA,IACJ,GAAA;AAAA,IACA,CAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACE,GAAA,GAAA;AACJ,EAAM,MAAA,OAAA,GAAU,MAAM,OAAQ,CAAA,GAAA,CAAI,uBAAM,GAAA,CAAA,MAAA,EAAA,EAAmB,IAAI,CAAE,CAAA,CAAA,EAAG,IAAI,CAAE,CAAA,CAAA,EAAG,GAAG,CAAE,CAAA,CAAA,EAAG,MAAM,CAAE,CAAA,IAAA,EAAA,EAAzC,CAAE,CAAA,GAA6C,CAAE,CAAA;AACrG,EAAA,MAAM,QAAQ,aAAc,CAAA,KAAA,CAAM,OAAO,CAAA,CAAE,IAAI,CAAK,CAAA,qBAAA,GAAA,CAAC,IAAiB,EAAA,EAAA,CAAA,EAAG,EAAE,CAAG,EAAA,IAAA,EAAM,EAAE,IAAvB,EAAA,EAAA,CAAA,CAAE,GAA2B,CAAE,CAAA;AAC9F,EAAA,uBAAQ,GAAA,CAAA,WAAA,EAAA,EAAY,QAAU,EAAA,IAAA,EACpB,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA,EAAI,KAAc,EAAA,MAAA,EAAgB,KAAO,EAAA,UAAA,CAAW,YAAc,EAAA,aAAA,EAAc,MAC7E,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAG,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,oBACV,GAAA,CAAC,KAAG,QAAQ,EAAA,OAAA,EAAA;AAAA,GAAA,EAChB,CACJ,EAAA,CAAA;AACR,CAAC"}