@campxdev/react-native-blueprint 0.1.12 → 0.1.14

package/lib/module/components/DataDisplay/MonthCalendar/MonthCalendar.js

@@ -0,0 +1,362 @@
+"use strict";
+
+import * as React from 'react';
+import { View, Text as RNText, Dimensions } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+cssInterop(RNText, {
+  className: 'style'
+});
+const View_ = View;
+const Text_ = RNText;
+
+// Design tokens from Figma
+const COLORS = {
+  textPrimary: '#121212',
+  textSecondary: '#6a7282',
+  textMuted: '#b4b8c1',
+  borderDefault: '#cbd5e1',
+  highlightBlue: '#4baabe',
+  highlightGreen: '#88b053',
+  highlightPurple: '#573dab',
+  highlightOrange: '#ed9035',
+  white: '#ffffff'
+};
+const EventDots = ({
+  events,
+  badge
+}) => {
+  if (!events || events.length === 0) return null;
+  const displayEvents = events.slice(0, 3);
+  return /*#__PURE__*/_jsxs(View_, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 1,
+      justifyContent: 'center',
+      marginTop: 2
+    },
+    children: [displayEvents.map((event, idx) => /*#__PURE__*/_jsx(View_, {
+      style: {
+        width: 4,
+        height: 4,
+        borderRadius: 2,
+        backgroundColor: event.color
+      }
+    }, idx)), badge && /*#__PURE__*/_jsx(Text_, {
+      style: {
+        color: COLORS.textSecondary,
+        fontSize: 8,
+        fontWeight: '500',
+        marginLeft: 2
+      },
+      children: badge
+    })]
+  });
+};
+const CalendarItem = ({
+  date,
+  cellSize
+}) => {
+  const {
+    date: dateNum,
+    events,
+    isSelected,
+    isEmpty,
+    hasNoEvents,
+    showEvents = true,
+    badge
+  } = date;
+  if (isEmpty) {
+    return /*#__PURE__*/_jsx(View_, {
+      style: {
+        width: cellSize,
+        height: cellSize
+      }
+    });
+  }
+  return /*#__PURE__*/_jsxs(View_, {
+    style: {
+      width: cellSize,
+      height: cellSize,
+      justifyContent: 'flex-start',
+      alignItems: 'center',
+      paddingTop: 4
+    },
+    children: [isSelected ? /*#__PURE__*/_jsx(View_, {
+      style: {
+        width: cellSize * 0.5,
+        height: cellSize * 0.5,
+        borderRadius: cellSize * 0.5 / 2,
+        backgroundColor: COLORS.highlightPurple,
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/_jsx(Text_, {
+        style: {
+          color: COLORS.white,
+          fontSize: 12,
+          fontWeight: '700'
+        },
+        numberOfLines: 1,
+        children: dateNum
+      })
+    }) : /*#__PURE__*/_jsx(Text_, {
+      style: {
+        color: COLORS.textPrimary,
+        fontSize: 12,
+        fontWeight: '700'
+      },
+      numberOfLines: 1,
+      children: dateNum
+    }), hasNoEvents && showEvents ? /*#__PURE__*/_jsx(Text_, {
+      style: {
+        color: COLORS.textSecondary,
+        fontSize: 7,
+        fontWeight: '500',
+        marginTop: 2
+      },
+      numberOfLines: 1,
+      children: "No Events"
+    }) : showEvents ? /*#__PURE__*/_jsx(EventDots, {
+      events: events,
+      badge: badge
+    }) : null]
+  });
+};
+const Divider = () => /*#__PURE__*/_jsx(View_, {
+  style: {
+    height: 1,
+    backgroundColor: COLORS.borderDefault,
+    marginVertical: 8
+  }
+});
+const DateRow = ({
+  dates,
+  cellSize
+}) => /*#__PURE__*/_jsx(View_, {
+  style: {
+    flexDirection: 'row'
+  },
+  children: dates.map((date, idx) => /*#__PURE__*/_jsx(CalendarItem, {
+    date: date,
+    cellSize: cellSize
+  }, idx))
+});
+export const MonthCalendar = ({
+  month = 'Month'
+}) => {
+  const screenWidth = Dimensions.get('window').width;
+  const padding = 16;
+  const cellSize = (screenWidth - padding * 2) / 7;
+  const dateRows = [[{
+    date: 29,
+    isEmpty: true
+  }, {
+    date: 30,
+    isEmpty: true
+  }, {
+    date: 31,
+    isEmpty: true
+  }, {
+    date: 1,
+    events: [{
+      color: COLORS.highlightBlue
+    }, {
+      color: COLORS.highlightOrange
+    }],
+    badge: '+1'
+  }, {
+    date: 2,
+    events: [{
+      color: COLORS.highlightBlue
+    }, {
+      color: COLORS.highlightBlue
+    }],
+    badge: '+1'
+  }, {
+    date: 3,
+    events: [{
+      color: COLORS.highlightBlue
+    }, {
+      color: COLORS.highlightBlue
+    }, {
+      color: COLORS.highlightOrange
+    }],
+    badge: '+3'
+  }, {
+    date: 4,
+    events: [{
+      color: COLORS.highlightOrange
+    }]
+  }], [{
+    date: 5,
+    events: [{
+      color: COLORS.highlightBlue
+    }]
+  }, {
+    date: 6,
+    events: [{
+      color: COLORS.highlightBlue
+    }]
+  }, {
+    date: 7
+  }, {
+    date: 8
+  }, {
+    date: 9,
+    events: [{
+      color: COLORS.highlightBlue
+    }, {
+      color: COLORS.highlightBlue
+    }],
+    badge: '+1'
+  }, {
+    date: 10,
+    events: [{
+      color: COLORS.highlightOrange
+    }]
+  }, {
+    date: 11,
+    events: [{
+      color: COLORS.highlightBlue
+    }],
+    badge: '+1'
+  }], [{
+    date: 12
+  }, {
+    date: 13,
+    events: [{
+      color: COLORS.highlightOrange
+    }]
+  }, {
+    date: 14
+  }, {
+    date: 15,
+    events: [{
+      color: COLORS.highlightOrange
+    }],
+    badge: '+2'
+  }, {
+    date: 16,
+    events: [{
+      color: COLORS.highlightOrange
+    }]
+  }, {
+    date: 17
+  }, {
+    date: 18,
+    events: [{
+      color: COLORS.highlightBlue
+    }],
+    badge: '+1'
+  }], [{
+    date: 19
+  }, {
+    date: 20,
+    hasNoEvents: true
+  }, {
+    date: 21,
+    hasNoEvents: true
+  }, {
+    date: 22,
+    hasNoEvents: true
+  }, {
+    date: 23,
+    hasNoEvents: true
+  }, {
+    date: 24,
+    events: [{
+      color: COLORS.highlightBlue
+    }]
+  }, {
+    date: 25,
+    events: [{
+      color: COLORS.highlightBlue
+    }]
+  }], [{
+    date: 26,
+    isSelected: true,
+    events: [{
+      color: COLORS.highlightBlue
+    }, {
+      color: COLORS.highlightPurple
+    }],
+    badge: '+3'
+  }, {
+    date: 27,
+    events: [{
+      color: COLORS.highlightGreen
+    }]
+  }, {
+    date: 28,
+    events: [{
+      color: COLORS.highlightBlue
+    }, {
+      color: COLORS.highlightBlue
+    }],
+    badge: '+3'
+  }, {
+    date: 29,
+    events: [{
+      color: COLORS.highlightBlue
+    }, {
+      color: COLORS.highlightBlue
+    }, {
+      color: COLORS.highlightBlue
+    }],
+    badge: '+4'
+  }, {
+    date: 30,
+    events: [{
+      color: COLORS.highlightBlue
+    }]
+  }, {
+    date: 31,
+    showEvents: false
+  }, {
+    date: 25,
+    isEmpty: true
+  }]];
+  return /*#__PURE__*/_jsxs(View_, {
+    style: {
+      paddingHorizontal: padding,
+      paddingVertical: padding
+    },
+    children: [/*#__PURE__*/_jsx(Text_, {
+      style: {
+        color: COLORS.textPrimary,
+        fontSize: 18,
+        fontWeight: '600',
+        marginBottom: 16
+      },
+      children: month
+    }), /*#__PURE__*/_jsx(View_, {
+      style: {
+        flexDirection: 'row',
+        marginBottom: 16
+      },
+      children: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'].map(day => /*#__PURE__*/_jsx(Text_, {
+        style: {
+          width: cellSize,
+          textAlign: 'center',
+          color: COLORS.textMuted,
+          fontSize: 10,
+          fontWeight: '500'
+        },
+        numberOfLines: 1,
+        children: day
+      }, day))
+    }), dateRows.map((row, rowIdx) => /*#__PURE__*/_jsxs(View_, {
+      children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(DateRow, {
+        dates: row,
+        cellSize: cellSize
+      })]
+    }, rowIdx)), /*#__PURE__*/_jsx(Divider, {})]
+  });
+};
+export default MonthCalendar;
+//# sourceMappingURL=MonthCalendar.js.map

package/lib/module/components/DataDisplay/MonthCalendar/MonthCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","RNText","Dimensions","cssInterop","jsx","_jsx","jsxs","_jsxs","className","View_","Text_","COLORS","textPrimary","textSecondary","textMuted","borderDefault","highlightBlue","highlightGreen","highlightPurple","highlightOrange","white","EventDots","events","badge","length","displayEvents","slice","style","flexDirection","alignItems","gap","justifyContent","marginTop","children","map","event","idx","width","height","borderRadius","backgroundColor","color","fontSize","fontWeight","marginLeft","CalendarItem","date","cellSize","dateNum","isSelected","isEmpty","hasNoEvents","showEvents","paddingTop","numberOfLines","Divider","marginVertical","DateRow","dates","MonthCalendar","month","screenWidth","get","padding","dateRows","paddingHorizontal","paddingVertical","marginBottom","day","textAlign","row","rowIdx"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/MonthCalendar/MonthCalendar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/DataDisplay/MonthCalendar/index.js

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

package/lib/module/components/DataDisplay/MonthCalendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MonthCalendar"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/MonthCalendar/index.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,oBAAiB","ignoreList":[]}

package/lib/module/components/DataDisplay/Separator/Separator.figma.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Separator } from "./Separator.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=74-197';
+
+/**
+ * Separator
+ *
+ * Usage:
+ * - Visual separation between content blocks
+ * - Horizontal or vertical dividers
+ *
+ * Notes:
+ * - orientation + weight are Figma variants
+ * - No state or interaction props
+ */
+figma.connect(Separator, FIGMA_URL, {
+  props: {
+    orientation: figma.enum('orientation', {
+      horizontal: 'horizontal',
+      vertical: 'vertical'
+    }),
+    weight: figma.enum('weight', {
+      default: 'default',
+      thick: 'thick'
+    })
+  },
+  example: ({
+    orientation,
+    weight
+  }) => /*#__PURE__*/_jsx(Separator, {
+    orientation: orientation,
+    weight: weight
+  })
+});
+//# sourceMappingURL=Separator.figma.js.map

package/lib/module/components/DataDisplay/Separator/Separator.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Separator","jsx","_jsx","FIGMA_URL","connect","props","orientation","enum","horizontal","vertical","weight","default","thick","example"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Separator/Separator.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,SAAS,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,MAAMC,SAAS,GACb,mGAAmG;;AAErG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,KAAK,CAACK,OAAO,CAACJ,SAAS,EAAEG,SAAS,EAAE;EAClCE,KAAK,EAAE;IACLC,WAAW,EAAEP,KAAK,CAACQ,IAAI,CAAC,aAAa,EAAE;MACrCC,UAAU,EAAE,YAAY;MACxBC,QAAQ,EAAE;IACZ,CAAC,CAAC;IAEFC,MAAM,EAAEX,KAAK,CAACQ,IAAI,CAAC,QAAQ,EAAE;MAC3BI,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE;IACT,CAAC;EACH,CAAC;EAEDC,OAAO,EAAEA,CAAC;IAAEP,WAAW;IAAEI;EAAO,CAAC,kBAC/BR,IAAA,CAACF,SAAS;IAACM,WAAW,EAAEA,WAAY;IAACI,MAAM,EAAEA;EAAO,CAAE;AAE1D,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/DataDisplay/Separator/Separator.js

@@ -0,0 +1,109 @@
+"use strict";
+
+import * as React from 'react';
+import { View } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { cva } from 'class-variance-authority';
+import { cn } from "../../../lib/utils.js";
+
+// NativeWind interop (className -> style)
+import { jsx as _jsx } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+
+/* -----------------------------------------------------
+ * Canonical variants (match Figma + Code Connect)
+ * --------------------------------------------------- */
+
+export const SeparatorVariants = {
+  orientation: ['horizontal', 'vertical'],
+  weight: ['default', 'thick']
+};
+/* -----------------------------------------------------
+ * Variants
+ * --------------------------------------------------- */
+
+const rootVariants = cva('bg-border', {
+  variants: {
+    orientation: {
+      horizontal: 'w-full',
+      vertical: 'h-full'
+    },
+    weight: {
+      default: '',
+      thick: ''
+    }
+  },
+  compoundVariants: [{
+    orientation: 'horizontal',
+    weight: 'default',
+    className: 'h-px'
+  },
+  // 1
+  {
+    orientation: 'horizontal',
+    weight: 'thick',
+    className: 'h-0.5'
+  },
+  // 2
+  {
+    orientation: 'vertical',
+    weight: 'default',
+    className: 'w-px'
+  },
+  // 1
+  {
+    orientation: 'vertical',
+    weight: 'thick',
+    className: 'w-0.5'
+  } // 2
+  ],
+  defaultVariants: {
+    orientation: 'horizontal',
+    weight: 'default'
+  }
+});
+
+/* -----------------------------------------------------
+ * Props (lowercase + backward compatible)
+ * --------------------------------------------------- */
+
+/* -----------------------------------------------------
+ * Normalizers
+ * --------------------------------------------------- */
+
+function normalizeOrientation(v) {
+  const s = String(v ?? 'horizontal').toLowerCase();
+  return s === 'vertical' ? 'vertical' : 'horizontal';
+}
+function normalizeWeight(v) {
+  const s = String(v ?? 'default').toLowerCase();
+  return s === 'thick' ? 'thick' : 'default';
+}
+
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+export function Separator(props) {
+  const {
+    orientation,
+    weight,
+    style,
+    testID
+  } = props;
+  const o = normalizeOrientation(orientation);
+  const w = normalizeWeight(weight);
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID ?? 'separator',
+    className: cn(rootVariants({
+      orientation: o,
+      weight: w
+    })),
+    style: style
+  });
+}
+Separator.displayName = 'Separator';
+export { rootVariants };
+//# sourceMappingURL=Separator.js.map

package/lib/module/components/DataDisplay/Separator/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","cssInterop","cva","cn","jsx","_jsx","className","SeparatorVariants","orientation","weight","rootVariants","variants","horizontal","vertical","default","thick","compoundVariants","defaultVariants","normalizeOrientation","v","s","String","toLowerCase","normalizeWeight","Separator","props","style","testID","o","w","displayName"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Separator/Separator.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AAEjE,SAASC,EAAE,QAAQ,uBAAoB;;AAEvC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACAJ,UAAU,CAACD,IAAI,EAAE;EAAEM,SAAS,EAAE;AAAQ,CAAC,CAAC;;AAExC;AACA;AACA;;AAEA,OAAO,MAAMC,iBAAiB,GAAG;EAC/BC,WAAW,EAAE,CAAC,YAAY,EAAE,UAAU,CAAU;EAChDC,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO;AAC7B,CAAU;AAKV;AACA;AACA;;AAEA,MAAMC,YAAY,GAAGR,GAAG,CAAC,WAAW,EAAE;EACpCS,QAAQ,EAAE;IACRH,WAAW,EAAE;MACXI,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDJ,MAAM,EAAE;MACNK,OAAO,EAAE,EAAE;MACXC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,gBAAgB,EAAE,CAChB;IAAER,WAAW,EAAE,YAAY;IAAEC,MAAM,EAAE,SAAS;IAAEH,SAAS,EAAE;EAAO,CAAC;EAAE;EACrE;IAAEE,WAAW,EAAE,YAAY;IAAEC,MAAM,EAAE,OAAO;IAAEH,SAAS,EAAE;EAAQ,CAAC;EAAE;EACpE;IAAEE,WAAW,EAAE,UAAU;IAAEC,MAAM,EAAE,SAAS;IAAEH,SAAS,EAAE;EAAO,CAAC;EAAE;EACnE;IAAEE,WAAW,EAAE,UAAU;IAAEC,MAAM,EAAE,OAAO;IAAEH,SAAS,EAAE;EAAQ,CAAC,CAAE;EAAA,CACnE;EACDW,eAAe,EAAE;IACfT,WAAW,EAAE,YAAY;IACzBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;;AAEF;AACA;AACA;;AAmBA;AACA;AACA;;AAEA,SAASS,oBAAoBA,CAACC,CAAM,EAAwB;EAC1D,MAAMC,CAAC,GAAGC,MAAM,CAACF,CAAC,IAAI,YAAY,CAAC,CAACG,WAAW,CAAC,CAAC;EACjD,OAAOF,CAAC,KAAK,UAAU,GAAG,UAAU,GAAG,YAAY;AACrD;AAEA,SAASG,eAAeA,CAACJ,CAAM,EAAmB;EAChD,MAAMC,CAAC,GAAGC,MAAM,CAACF,CAAC,IAAI,SAAS,CAAC,CAACG,WAAW,CAAC,CAAC;EAC9C,OAAOF,CAAC,KAAK,OAAO,GAAG,OAAO,GAAG,SAAS;AAC5C;;AAEA;AACA;AACA;;AAEA,OAAO,SAASI,SAASA,CAACC,KAAqB,EAAE;EAC/C,MAAM;IAAEjB,WAAW;IAAEC,MAAM;IAAEiB,KAAK;IAAEC;EAAO,CAAC,GAAGF,KAAK;EAEpD,MAAMG,CAAC,GAAGV,oBAAoB,CAACV,WAAW,CAAC;EAC3C,MAAMqB,CAAC,GAAGN,eAAe,CAACd,MAAM,CAAC;EAEjC,oBACEJ,IAAA,CAACL,IAAI;IACH2B,MAAM,EAAEA,MAAM,IAAI,WAAY;IAC9BrB,SAAS,EAAEH,EAAE,CAACO,YAAY,CAAC;MAAEF,WAAW,EAAEoB,CAAC;MAAEnB,MAAM,EAAEoB;IAAE,CAAC,CAAC,CAAE;IAC3DH,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN;AAEAF,SAAS,CAACM,WAAW,GAAG,WAAW;AAEnC,SAASpB,YAAY","ignoreList":[]}

package/lib/module/components/DataDisplay/Skeleton/Skeleton.figma.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Skeleton } from "./Skeleton.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Components?node-id=59-62';
+
+/**
+ * Skeleton (React Native)
+ *
+ * Placeholder loading indicator used while content is being fetched.
+ * Supports text, circular, and rectangular shapes with multiple sizes.
+ *
+ * Use cases:
+ * - Page and section loading
+ * - Card placeholders
+ * - Avatar and media placeholders
+ * - Text and list loading states
+ */
+figma.connect(Skeleton, FIGMA_URL, {
+  props: {
+    variant: figma.enum('variant', {
+      text: 'text',
+      circle: 'circle',
+      rectangle: 'rectangle'
+    }),
+    size: figma.enum('size', {
+      sm: 'sm',
+      md: 'md',
+      lg: 'lg',
+      xl: 'xl'
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(Skeleton, {
+    variant: props.variant,
+    size: props.size
+  })
+});
+//# sourceMappingURL=Skeleton.figma.js.map

package/lib/module/components/DataDisplay/Skeleton/Skeleton.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Skeleton","jsx","_jsx","FIGMA_URL","connect","props","variant","enum","text","circle","rectangle","size","sm","md","lg","xl","example"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Skeleton/Skeleton.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,MAAMC,SAAS,GACb,2FAA2F;;AAE7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,KAAK,CAACK,OAAO,CAACJ,QAAQ,EAAEG,SAAS,EAAE;EACjCE,KAAK,EAAE;IACLC,OAAO,EAAEP,KAAK,CAACQ,IAAI,CAAC,SAAS,EAAE;MAC7BC,IAAI,EAAE,MAAM;MACZC,MAAM,EAAE,QAAQ;MAChBC,SAAS,EAAE;IACb,CAAC,CAAC;IAEFC,IAAI,EAAEZ,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;MACvBK,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC;EACH,CAAC;EAEDC,OAAO,EAAGX,KAAK,iBAAKH,IAAA,CAACF,QAAQ;IAACM,OAAO,EAAED,KAAK,CAACC,OAAQ;IAACK,IAAI,EAAEN,KAAK,CAACM;EAAK,CAAE;AAC3E,CAAC,CAAC","ignoreList":[]}