@campxdev/react-native-blueprint 0.1.13 → 0.1.15

package/lib/module/patterns/pattern-components/EmptyState/EmptyState.js

@@ -0,0 +1,141 @@
+"use strict";
+
+// @ts-nocheck
+import * as React from 'react';
+import { View as RNView, Text as RNText } from 'react-native';
+import LottieView from 'lottie-react-native';
+import { cssInterop } from 'nativewind';
+import { Button } from "../../../components/Input/Button/Button.js";
+import { Lotties } from "../../../assets/index.js";
+import { cn } from "../../../lib/utils.js";
+
+// NativeWind interop
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(RNView, {
+  className: 'style'
+});
+cssInterop(RNText, {
+  className: 'style'
+});
+const View = RNView;
+const Text = RNText;
+
+/* -----------------------------------------------------
+ * Types
+ * --------------------------------------------------- */
+
+export const EmptyStateTypes = ['no-content', 'no-connection', 'no-profile', 'no-search', 'no-task', 'no-wifi', 'empty-document', '404'];
+/* -----------------------------------------------------
+ * Content Config
+ * --------------------------------------------------- */
+
+const emptyStateConfig = {
+  'no-content': {
+    lottie: Lotties.noContent,
+    title: 'No Content',
+    description: "There's nothing here yet. Check back later!",
+    buttonText: 'Refresh'
+  },
+  'no-connection': {
+    lottie: Lotties.noConnection,
+    title: 'No Connection',
+    description: 'Please check your internet connection and try again.',
+    buttonText: 'Retry'
+  },
+  'no-profile': {
+    lottie: Lotties.noProfile,
+    title: 'No Profile Found',
+    description: "We couldn't find the profile you're looking for.",
+    buttonText: 'Go Back'
+  },
+  'no-search': {
+    lottie: Lotties.noSearch,
+    title: 'No Results Found',
+    description: 'Try adjusting your search or filters.',
+    buttonText: 'Clear Filters'
+  },
+  'no-task': {
+    lottie: Lotties.noTask,
+    title: 'No Tasks',
+    description: "You're all caught up! No tasks to complete.",
+    buttonText: 'Add Task'
+  },
+  'no-wifi': {
+    lottie: Lotties.noWifi,
+    title: 'No WiFi',
+    description: 'Connect to WiFi to continue.',
+    buttonText: 'Open Settings'
+  },
+  'empty-document': {
+    lottie: Lotties.emptyDocument,
+    title: 'No Documents',
+    description: "You don't have any documents yet.",
+    buttonText: 'Create Document'
+  },
+  '404': {
+    lottie: Lotties.notFound,
+    title: 'Page Not Found',
+    description: "The page you're looking for doesn't exist.",
+    buttonText: 'Go Home'
+  }
+};
+
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+/**
+ * EmptyState Component
+ *
+ * Displays an empty state with a Lottie animation, title, description,
+ * and optional action button. Used for various empty/error states in the app.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState
+ *   type="no-content"
+ *   showButton={true}
+ *   onButtonPress={() => console.log('Refresh')}
+ * />
+ * ```
+ */
+export function EmptyState({
+  type,
+  showButton = false,
+  buttonText,
+  onButtonPress,
+  title,
+  description
+}) {
+  const config = emptyStateConfig[type];
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn('flex-1 items-center justify-center px-6 py-8'),
+    children: [/*#__PURE__*/_jsx(View, {
+      className: cn('w-64 h-64 mb-6'),
+      children: /*#__PURE__*/_jsx(LottieView, {
+        source: config.lottie,
+        autoPlay: true,
+        loop: true,
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      className: cn('text-xl font-semibold text-foreground text-center mb-2'),
+      children: title ?? config.title
+    }), /*#__PURE__*/_jsx(Text, {
+      className: cn('text-sm text-muted-foreground text-center mb-6'),
+      style: {
+        maxWidth: 280
+      },
+      children: description ?? config.description
+    }), showButton && /*#__PURE__*/_jsx(Button, {
+      variant: "default",
+      onPress: onButtonPress,
+      children: buttonText ?? config.buttonText
+    })]
+  });
+}
+EmptyState.displayName = 'EmptyState';
+//# sourceMappingURL=EmptyState.js.map

package/lib/module/patterns/pattern-components/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","RNView","Text","RNText","LottieView","cssInterop","Button","Lotties","cn","jsx","_jsx","jsxs","_jsxs","className","EmptyStateTypes","emptyStateConfig","lottie","noContent","title","description","buttonText","noConnection","noProfile","noSearch","noTask","noWifi","emptyDocument","notFound","EmptyState","type","showButton","onButtonPress","config","children","source","autoPlay","loop","style","width","height","maxWidth","variant","onPress","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/EmptyState/EmptyState.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/patterns/pattern-components/EmptyState/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { EmptyState, EmptyStateTypes } from "./EmptyState.js";
+//# sourceMappingURL=index.js.map

package/lib/module/patterns/pattern-components/EmptyState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EmptyState","EmptyStateTypes"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/EmptyState/index.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,eAAe,QAAQ,iBAAc","ignoreList":[]}

package/lib/module/patterns/pattern-components/EntityPatternGuided/EntityPatternGuided.figma.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { EntityPatternGuided } from "./EntityPatternGuided.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=309-7648';
+
+/**
+ * EntityPatternGuided - Pattern component combining Card and Stepper
+ *
+ * Use cases:
+ * - Guided workflows with step-by-step processes
+ * - Multi-step entity setup flows
+ * - Onboarding with progress tracking
+ * - Entity configuration wizards
+ *
+ * Features:
+ * - Composed of Card and Stepper components
+ * - Configurable visibility for all sections
+ * - Support for multiple step states (pending, active, completed, error)
+ * - Integrated with existing Button and Radio components
+ */
+figma.connect(EntityPatternGuided, FIGMA_URL, {
+  props: {
+    children: figma.children('*')
+  },
+  example: props => /*#__PURE__*/_jsx(_Fragment, {
+    children: props.children
+  })
+});
+//# sourceMappingURL=EntityPatternGuided.figma.js.map

package/lib/module/patterns/pattern-components/EntityPatternGuided/EntityPatternGuided.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","EntityPatternGuided","Fragment","_Fragment","jsx","_jsx","FIGMA_URL","connect","props","children","example"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/EntityPatternGuided/EntityPatternGuided.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,mBAAmB,QAAQ,0BAAuB;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAE5D,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAN,KAAK,CAACO,OAAO,CAACN,mBAAmB,EAAEK,SAAS,EAAE;EAC5CE,KAAK,EAAE;IACLC,QAAQ,EAAET,KAAK,CAACS,QAAQ,CAAC,GAAG;EAC9B,CAAC;EACDC,OAAO,EAAGF,KAAK,iBAAKH,IAAA,CAAAF,SAAA;IAAAM,QAAA,EAAGD,KAAK,CAACC;EAAQ,CAAG;AAC1C,CAAC,CAAC","ignoreList":[]}

package/lib/module/patterns/pattern-components/EntityPatternGuided/EntityPatternGuided.js

@@ -0,0 +1,123 @@
+"use strict";
+
+// @ts-nocheck
+import { View, Text as RNText } from 'react-native';
+import { Card } from "../../../components/DataDisplay/Card/Card.js";
+import { Stepper } from "../../../components/Feedback/Stepper/Stepper.js";
+
+/* -----------------------------------------------------
+ * Types
+ * --------------------------------------------------- */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+/**
+ * EntityPatternGuided Component
+ *
+ * A pattern component that combines Card and Stepper components
+ * to create guided entity workflows with step-by-step processes.
+ *
+ * Layout:
+ * 1. Card section (optional - header with image, title, subtitle)
+ * 2. Stepper section (optional - titled section with step-by-step progression)
+ *
+ * @example
+ * ```tsx
+ * <EntityPatternGuided
+ *   title="Entity Title"
+ *   subtitle="Entity Subtitle"
+ *   showCard={true}
+ *   showStepperSection={true}
+ *   stepperSectionLabel="Setup Steps"
+ * />
+ * ```
+ */
+export const EntityPatternGuided = ({
+  // Card props
+  title = 'Card Title',
+  subtitle = 'Subtitle of the card goes here',
+  showCard = true,
+  showMedia = true,
+  showSubtitle = true,
+  showLeading = true,
+  // Stepper section
+  showStepperSection = true,
+  stepperSectionLabel = 'Section Label',
+  // Stepper props
+  showStepper = true,
+  stepperActiveIndex = 2,
+  steps = [{
+    state: 'completed',
+    title: 'Step Item Title',
+    subtitle: 'This is the step item description',
+    showSubtitle: true,
+    showStepperContent: false
+  }, {
+    state: 'error',
+    title: 'Step Item Title',
+    subtitle: 'This step has an error description. Fix the error by clicking on the Primary Action button below',
+    showSubtitle: true,
+    showStepperContent: false,
+    primaryButtonLabel: 'Primary Action'
+  }, {
+    state: 'active',
+    title: 'Step Item Title',
+    subtitle: 'This is the step item description',
+    showSubtitle: true,
+    showStepperContent: true,
+    showSecondaryButton: true,
+    secondaryButtonLabel: 'Secondary Action',
+    primaryButtonLabel: 'Primary Action'
+  }, {
+    state: 'pending',
+    title: 'Step Item Title',
+    subtitle: 'This is the step item description',
+    showSubtitle: true,
+    showStepperContent: false
+  }, {
+    state: 'pending',
+    title: 'Step Item Title',
+    subtitle: 'This is the step item description',
+    showSubtitle: true,
+    showStepperContent: false
+  }],
+  ...restProps
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 24
+    },
+    children: [showCard && /*#__PURE__*/_jsx(Card, {
+      title: title,
+      subtitle: subtitle,
+      showMedia: showMedia,
+      showSubtitle: showSubtitle,
+      showLeading: showLeading,
+      showBadges: true,
+      showBody: false,
+      showFooterActions: false,
+      showOverflowMenu: false,
+      ...restProps
+    }), showStepperSection && /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 8
+      },
+      children: [/*#__PURE__*/_jsx(RNText, {
+        style: {
+          fontSize: 14,
+          fontWeight: '500',
+          color: '#6a7282'
+        },
+        children: stepperSectionLabel
+      }), showStepper && /*#__PURE__*/_jsx(Stepper, {
+        steps: steps,
+        activeIndex: stepperActiveIndex,
+        ...restProps
+      })]
+    })]
+  });
+};
+EntityPatternGuided.displayName = 'EntityPatternGuided';
+//# sourceMappingURL=EntityPatternGuided.js.map

package/lib/module/patterns/pattern-components/EntityPatternGuided/EntityPatternGuided.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","RNText","Card","Stepper","jsx","_jsx","jsxs","_jsxs","EntityPatternGuided","title","subtitle","showCard","showMedia","showSubtitle","showLeading","showStepperSection","stepperSectionLabel","showStepper","stepperActiveIndex","steps","state","showStepperContent","primaryButtonLabel","showSecondaryButton","secondaryButtonLabel","restProps","style","gap","children","showBadges","showBody","showFooterActions","showOverflowMenu","fontSize","fontWeight","color","activeIndex","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/EntityPatternGuided/EntityPatternGuided.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/patterns/pattern-components/EntityPatternOverview/EntityPatternOverview.figma.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { EntityPatternOverview } from "./EntityPatternOverview.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=224-3610';
+
+/**
+ * EntityPatternOverview - Pattern component combining Card, DataListItem, and Buttons
+ *
+ * Use cases:
+ * - Entity/Profile overview pages
+ * - Detailed information displays
+ * - Mixed content layouts with cards and lists
+ * - Entity management interfaces
+ *
+ * Features:
+ * - Composed of Card and DataListItem components
+ * - Configurable visibility for all sections
+ * - Flexible data list item count
+ * - Optional footer action buttons
+ */
+figma.connect(EntityPatternOverview, FIGMA_URL, {
+  props: {
+    children: figma.children('*')
+  },
+  example: props => /*#__PURE__*/_jsx(_Fragment, {
+    children: props.children
+  })
+});
+//# sourceMappingURL=EntityPatternOverview.figma.js.map

package/lib/module/patterns/pattern-components/EntityPatternOverview/EntityPatternOverview.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","EntityPatternOverview","Fragment","_Fragment","jsx","_jsx","FIGMA_URL","connect","props","children","example"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/EntityPatternOverview/EntityPatternOverview.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,qBAAqB,QAAQ,4BAAyB;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAEhE,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAN,KAAK,CAACO,OAAO,CAACN,qBAAqB,EAAEK,SAAS,EAAE;EAC9CE,KAAK,EAAE;IACLC,QAAQ,EAAET,KAAK,CAACS,QAAQ,CAAC,GAAG;EAC9B,CAAC;EACDC,OAAO,EAAGF,KAAK,iBAAKH,IAAA,CAAAF,SAAA;IAAAM,QAAA,EAAGD,KAAK,CAACC;EAAQ,CAAG;AAC1C,CAAC,CAAC","ignoreList":[]}

package/lib/module/patterns/pattern-components/EntityPatternOverview/EntityPatternOverview.js

@@ -0,0 +1,136 @@
+"use strict";
+
+// @ts-nocheck
+import { View, Text as RNText } from 'react-native';
+import { Card } from "../../../components/DataDisplay/Card/Card.js";
+import { DataListItem } from "../../../components/DataDisplay/DataListItem/DataListItem.js";
+import { Button } from "../../../components/Input/Button/Button.js";
+
+/* -----------------------------------------------------
+ * Types
+ * --------------------------------------------------- */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+/**
+ * EntityPatternOverview Component
+ *
+ * A pattern component that combines Card, DataListItem, and Button components
+ * to create entity overview layouts with detailed information.
+ *
+ * Layout:
+ * 1. Card section (optional - header with image, title, subtitle)
+ * 2. Data List section (optional - titled section with list items)
+ * 3. Footer actions (optional - primary and secondary buttons)
+ *
+ * @example
+ * ```tsx
+ * <EntityPatternOverview
+ *   title="Entity Title"
+ *   subtitle="Entity Subtitle"
+ *   showCard={true}
+ *   showDataListSection={true}
+ *   showFooterActions={true}
+ *   dataListItemCount={2}
+ * />
+ * ```
+ */
+export const EntityPatternOverview = ({
+  // Card props
+  title = 'Card Title',
+  subtitle = 'Subtitle of the card goes here',
+  showCard = true,
+  showMedia = true,
+  showSubtitle = true,
+  showLeading = true,
+  // DataList section
+  showDataListSection = true,
+  dataListSectionLabel = 'Section Label',
+  // DataList item props
+  showDataListItems = true,
+  dataListItemCount = 2,
+  showMeta = true,
+  showDivider = false,
+  // Footer actions
+  showFooterActions = true,
+  primaryActionText = 'Primary Action',
+  secondaryActionText = 'Secondary Action',
+  onPrimaryActionPress,
+  onSecondaryActionPress,
+  ...restProps
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 24
+    },
+    children: [showCard && /*#__PURE__*/_jsx(Card, {
+      title: title,
+      subtitle: subtitle,
+      showMedia: showMedia,
+      showSubtitle: showSubtitle,
+      showLeading: showLeading,
+      showBadges: false,
+      showFooterActions: false,
+      showOverflowMenu: false,
+      ...restProps
+    }), showDataListSection && /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 8
+      },
+      children: [/*#__PURE__*/_jsx(RNText, {
+        style: {
+          fontSize: 14,
+          fontWeight: '500',
+          color: '#6a7282'
+        },
+        children: dataListSectionLabel
+      }), showDataListItems && /*#__PURE__*/_jsx(View, {
+        style: {
+          gap: 16
+        },
+        children: Array.from({
+          length: dataListItemCount
+        }).map((_, i) => /*#__PURE__*/_jsx(DataListItem, {
+          title: "Section Title",
+          subtitle: "Section Description",
+          meta: "Meta Content for this section can be placed here",
+          showLeading: false,
+          showTrailing: false,
+          showMeta: showMeta,
+          showDivider: showDivider,
+          ...restProps
+        }, `data-list-item-${i}`))
+      })]
+    }), showFooterActions && /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        gap: 12
+      },
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          flex: 1
+        },
+        children: /*#__PURE__*/_jsx(Button, {
+          variant: "secondary",
+          size: "default",
+          onPress: onSecondaryActionPress,
+          children: secondaryActionText
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          flex: 1
+        },
+        children: /*#__PURE__*/_jsx(Button, {
+          variant: "default",
+          size: "default",
+          onPress: onPrimaryActionPress,
+          children: primaryActionText
+        })
+      })]
+    })]
+  });
+};
+EntityPatternOverview.displayName = 'EntityPatternOverview';
+//# sourceMappingURL=EntityPatternOverview.js.map

package/lib/module/patterns/pattern-components/EntityPatternOverview/EntityPatternOverview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","RNText","Card","DataListItem","Button","jsx","_jsx","jsxs","_jsxs","EntityPatternOverview","title","subtitle","showCard","showMedia","showSubtitle","showLeading","showDataListSection","dataListSectionLabel","showDataListItems","dataListItemCount","showMeta","showDivider","showFooterActions","primaryActionText","secondaryActionText","onPrimaryActionPress","onSecondaryActionPress","restProps","style","gap","children","showBadges","showOverflowMenu","fontSize","fontWeight","color","Array","from","length","map","_","i","meta","showTrailing","flexDirection","flex","variant","size","onPress","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/EntityPatternOverview/EntityPatternOverview.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/patterns/pattern-components/EntityPatternOverview/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./EntityPatternOverview.js";
+//# sourceMappingURL=index.js.map

package/lib/module/patterns/pattern-components/EntityPatternOverview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/EntityPatternOverview/index.ts"],"mappings":";;AAAA,cAAc,4BAAyB","ignoreList":[]}

package/lib/module/patterns/pattern-components/EntityPatternStructured/EntityPatternStructured.figma.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { EntityPatternStructured } from "./EntityPatternStructured.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=224-3620';
+
+/**
+ * EntityPatternStructured - Pattern component combining Card, Accordion, AccordionItem, and Buttons
+ *
+ * Use cases:
+ * - Structured entity/profile pages with collapsible sections
+ * - Settings and preferences screens with grouped options
+ * - FAQ or documentation layouts
+ * - Entity management interfaces with expandable details
+ *
+ * Features:
+ * - Composed of Card and Accordion components
+ * - Configurable visibility for all sections
+ * - Flexible accordion item count
+ * - Optional footer action buttons
+ */
+figma.connect(EntityPatternStructured, FIGMA_URL, {
+  props: {
+    children: figma.children('*')
+  },
+  example: props => /*#__PURE__*/_jsx(_Fragment, {
+    children: props.children
+  })
+});
+//# sourceMappingURL=EntityPatternStructured.figma.js.map

package/lib/module/patterns/pattern-components/EntityPatternStructured/EntityPatternStructured.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","EntityPatternStructured","Fragment","_Fragment","jsx","_jsx","FIGMA_URL","connect","props","children","example"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/EntityPatternStructured/EntityPatternStructured.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,uBAAuB,QAAQ,8BAA2B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAEpE,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAN,KAAK,CAACO,OAAO,CAACN,uBAAuB,EAAEK,SAAS,EAAE;EAChDE,KAAK,EAAE;IACLC,QAAQ,EAAET,KAAK,CAACS,QAAQ,CAAC,GAAG;EAC9B,CAAC;EACDC,OAAO,EAAGF,KAAK,iBAAKH,IAAA,CAAAF,SAAA;IAAAM,QAAA,EAAGD,KAAK,CAACC;EAAQ,CAAG;AAC1C,CAAC,CAAC","ignoreList":[]}