@campxdev/react-native-blueprint 0.1.13 → 0.1.15

package/lib/module/components/Input/Button/Button.figma.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Button } from "./Button.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=14-300';
+figma.connect(Button, FIGMA_URL, {
+  props: {
+    variant: figma.enum('variant', {
+      default: 'default',
+      secondary: 'secondary',
+      outline: 'outline',
+      ghost: 'ghost',
+      destructive: 'destructive',
+      link: 'link'
+    }),
+    size: figma.enum('size', {
+      default: 'default',
+      lg: 'lg',
+      icon: 'icon'
+    }),
+    disabled: figma.boolean('disabled'),
+    showLeftIcon: figma.boolean('Show leftIcon'),
+    showRightIcon: figma.boolean('Show rightIcon')
+  },
+  example: props => /*#__PURE__*/_jsx(Button, {
+    variant: props.variant,
+    size: props.size,
+    disabled: props.disabled,
+    showLeftIcon: props.showLeftIcon,
+    showRightIcon: props.showRightIcon,
+    children: "Button"
+  })
+});
+//# sourceMappingURL=Button.figma.js.map

package/lib/module/components/Input/Button/Button.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Button","jsx","_jsx","FIGMA_URL","connect","props","variant","enum","default","secondary","outline","ghost","destructive","link","size","lg","icon","disabled","boolean","showLeftIcon","showRightIcon","example","children"],"sourceRoot":"../../../../../src","sources":["components/Input/Button/Button.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,MAAMC,SAAS,GACb,mGAAmG;AAErGJ,KAAK,CAACK,OAAO,CAACJ,MAAM,EAAEG,SAAS,EAAE;EAC/BE,KAAK,EAAE;IACLC,OAAO,EAAEP,KAAK,CAACQ,IAAI,CAAC,SAAS,EAAE;MAC7BC,OAAO,EAAE,SAAS;MAClBC,SAAS,EAAE,WAAW;MACtBC,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE,OAAO;MACdC,WAAW,EAAE,aAAa;MAC1BC,IAAI,EAAE;IACR,CAAC,CAAC;IAEFC,IAAI,EAAEf,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;MACvBC,OAAO,EAAE,SAAS;MAClBO,EAAE,EAAE,IAAI;MACRC,IAAI,EAAE;IACR,CAAC,CAAC;IAEFC,QAAQ,EAAElB,KAAK,CAACmB,OAAO,CAAC,UAAU,CAAC;IAEnCC,YAAY,EAAEpB,KAAK,CAACmB,OAAO,CAAC,eAAe,CAAC;IAC5CE,aAAa,EAAErB,KAAK,CAACmB,OAAO,CAAC,gBAAgB;EAC/C,CAAC;EAEDG,OAAO,EAAGhB,KAAK,iBACbH,IAAA,CAACF,MAAM;IACLM,OAAO,EAAED,KAAK,CAACC,OAAQ;IACvBQ,IAAI,EAAET,KAAK,CAACS,IAAK;IACjBG,QAAQ,EAAEZ,KAAK,CAACY,QAAS;IACzBE,YAAY,EAAEd,KAAK,CAACc,YAAa;IACjCC,aAAa,EAAEf,KAAK,CAACe,aAAc;IAAAE,QAAA,EACpC;EAED,CAAQ;AAEZ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Input/Button/Button.js

@@ -0,0 +1,258 @@
+"use strict";
+
+// @ts-nocheck
+import * as React from 'react';
+import { Pressable, View, Text as RNText } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { SquircleView } from 'react-native-figma-squircle';
+import { cva } from 'class-variance-authority';
+import { cn } from "../../../lib/utils.js";
+import { useThemeColors } from "../../../lib/theme.js";
+
+// NativeWind interop (className -> style)
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(Pressable, {
+  className: 'style'
+});
+cssInterop(View, {
+  className: 'style'
+});
+cssInterop(RNText, {
+  className: 'style'
+});
+
+/**
+ * ✅ Canonical values (match Figma)
+ */
+export const ButtonVariants = {
+  size: ['default', 'lg', 'icon'],
+  variant: ['default', 'secondary', 'outline', 'ghost', 'destructive', 'link']
+};
+
+/**
+ * Local lightweight placeholder icon (used in demos/tests)
+ * ✅ No inline styles (satisfies react-native/no-inline-styles)
+ */
+function DummyIcon({
+  testID
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    className: "w-4 h-4 rounded bg-text-inverse"
+  });
+}
+
+/**
+ * Returns squircle fill & stroke colors per variant from THEME tokens
+ */
+function useVariantSquircleParams(variant) {
+  const colors = useThemeColors();
+  const map = {
+    default: {
+      fillColor: colors.brandPrimary,
+      strokeColor: 'transparent',
+      strokeWidth: 0
+    },
+    secondary: {
+      fillColor: colors.brandSecondary,
+      strokeColor: colors.brandPrimary,
+      strokeWidth: 1
+    },
+    outline: {
+      fillColor: 'transparent',
+      strokeColor: colors.border,
+      strokeWidth: 1
+    },
+    ghost: {
+      fillColor: 'transparent',
+      strokeColor: 'transparent',
+      strokeWidth: 0
+    },
+    destructive: {
+      fillColor: colors.destructive,
+      strokeColor: 'transparent',
+      strokeWidth: 0
+    },
+    link: {
+      fillColor: 'transparent',
+      strokeColor: 'transparent',
+      strokeWidth: 0
+    }
+  };
+  return map[variant] ?? map.default;
+}
+const CORNER_RADIUS = 8; // radius-lg
+const CORNER_SMOOTHING = 1; // maximum smoothing
+
+const buttonVariants = cva('flex-row items-center justify-center', {
+  variants: {
+    variant: {
+      default: 'gap-2 active:opacity-90',
+      secondary: 'active:opacity-90',
+      outline: 'active:opacity-90',
+      ghost: 'active:opacity-90',
+      destructive: 'active:opacity-90',
+      link: ''
+    },
+    size: {
+      // ✅ Figma-like sizing
+      default: 'py-3 px-5',
+      lg: 'py-5 px-6',
+      icon: 'h-10 w-10'
+    },
+    disabled: {
+      false: '',
+      true: 'opacity-50'
+    },
+    // Optional icon toggles still affect spacing correctly
+    hasIcons: {
+      false: '',
+      true: 'gap-2'
+    }
+  },
+  compoundVariants: [
+  // ✅ Link should not have forced height/padding
+  {
+    variant: 'link',
+    size: 'default',
+    className: 'h-auto p-0'
+  }, {
+    variant: 'link',
+    size: 'lg',
+    className: 'h-auto p-0'
+  }, {
+    variant: 'link',
+    size: 'icon',
+    className: 'h-auto p-0 w-auto'
+  }],
+  defaultVariants: {
+    variant: 'default',
+    size: 'default',
+    disabled: false,
+    hasIcons: false
+  }
+});
+const buttonTextVariants = cva('font-semibold', {
+  variants: {
+    variant: {
+      default: 'text-text-inverse',
+      secondary: 'text-foreground',
+      outline: 'text-foreground',
+      ghost: 'text-foreground',
+      destructive: 'text-primary-foreground',
+      link: 'text-primary underline'
+    },
+    size: {
+      default: 'text-sm',
+      lg: 'text-base',
+      icon: 'text-sm'
+    },
+    disabled: {
+      false: '',
+      true: 'opacity-50'
+    }
+  },
+  defaultVariants: {
+    variant: 'default',
+    size: 'default',
+    disabled: false
+  }
+});
+
+/**
+ * ✅ Strict rule: className must NOT be accepted as a prop.
+ * So we omit it explicitly from PressableProps.
+ */
+
+/**
+ * ✅ Backward compatible types:
+ * - supports boolean disabled (new)
+ * - supports 'True'/'False' and 'true'/'false' and '1'/'0' (old)
+ * - supports capitalized variant/size (old)
+ */
+
+function normalizeVariant(v) {
+  const s = String(v ?? 'default').toLowerCase();
+  return ButtonVariants.variant.includes(s) ? s : 'default';
+}
+function normalizeSize(v) {
+  const s = String(v ?? 'default').toLowerCase();
+  return ButtonVariants.size.includes(s) ? s : 'default';
+}
+function normalizeDisabled(v) {
+  if (typeof v === 'boolean') return v;
+  const s = String(v ?? 'false').toLowerCase();
+  return s === 'true' || s === '1';
+}
+export function Button(props) {
+  const {
+    variant,
+    size,
+    disabled,
+    showLeftIcon,
+    showRightIcon,
+    style,
+    testID,
+    children,
+    onPress,
+    ...rest
+  } = props;
+  const v = normalizeVariant(variant);
+  const s = normalizeSize(size);
+  const d = normalizeDisabled(disabled);
+
+  // ✅ icon button must be square and must NOT show label (prevents long button)
+  const isIconOnly = s === 'icon';
+
+  // spacing only when icons exist
+  const hasIcons = Boolean(showLeftIcon || showRightIcon);
+  const squircleParams = useVariantSquircleParams(v);
+  const handlePress = React.useCallback(e => {
+    if (d) return;
+    onPress?.(e);
+  }, [d, onPress]);
+  return /*#__PURE__*/_jsx(View, {
+    style: style,
+    children: /*#__PURE__*/_jsx(SquircleView, {
+      squircleParams: {
+        cornerRadius: CORNER_RADIUS,
+        cornerSmoothing: CORNER_SMOOTHING,
+        ...squircleParams
+      },
+      children: /*#__PURE__*/_jsxs(Pressable, {
+        testID: testID ?? 'button',
+        accessibilityRole: "button",
+        accessibilityState: {
+          disabled: d
+        },
+        disabled: d,
+        onPress: handlePress,
+        className: cn(buttonVariants({
+          variant: v,
+          size: s,
+          disabled: d,
+          hasIcons
+        })),
+        ...rest,
+        children: [showLeftIcon ? /*#__PURE__*/_jsx(DummyIcon, {
+          testID: "button-left-icon"
+        }) : null, !isIconOnly ? /*#__PURE__*/_jsx(RNText, {
+          testID: "button-label",
+          className: cn(buttonTextVariants({
+            variant: v,
+            size: s,
+            disabled: d
+          })),
+          numberOfLines: 1,
+          ellipsizeMode: "tail",
+          children: children
+        }) : null, showRightIcon ? /*#__PURE__*/_jsx(DummyIcon, {
+          testID: "button-right-icon"
+        }) : null]
+      })
+    })
+  });
+}
+Button.displayName = 'Button';
+export { buttonTextVariants, buttonVariants };
+//# sourceMappingURL=Button.js.map

package/lib/module/components/Input/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","View","Text","RNText","cssInterop","SquircleView","cva","cn","useThemeColors","jsx","_jsx","jsxs","_jsxs","className","ButtonVariants","size","variant","DummyIcon","testID","useVariantSquircleParams","colors","map","default","fillColor","brandPrimary","strokeColor","strokeWidth","secondary","brandSecondary","outline","border","ghost","destructive","link","CORNER_RADIUS","CORNER_SMOOTHING","buttonVariants","variants","lg","icon","disabled","false","true","hasIcons","compoundVariants","defaultVariants","buttonTextVariants","normalizeVariant","v","s","String","toLowerCase","includes","normalizeSize","normalizeDisabled","Button","props","showLeftIcon","showRightIcon","style","children","onPress","rest","d","isIconOnly","Boolean","squircleParams","handlePress","useCallback","e","cornerRadius","cornerSmoothing","accessibilityRole","accessibilityState","numberOfLines","ellipsizeMode","displayName"],"sourceRoot":"../../../../../src","sources":["components/Input/Button/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Input/Checkbox/Checkbox.figma.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Checkbox } from "./Checkbox.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=24-191';
+
+/**
+ * Checkbox – Binary and multi-state selection control
+ *
+ * Use cases:
+ * - Selecting single or multiple options
+ * - Accepting terms and conditions
+ * - Settings toggles
+ * - Indeterminate (partial selection) states
+ */
+figma.connect(Checkbox, FIGMA_URL, {
+  props: {
+    size: figma.enum('size', {
+      sm: 'sm',
+      md: 'md'
+    }),
+    state: figma.enum('state', {
+      unchecked: 'unchecked',
+      checked: 'checked',
+      indeterminate: 'indeterminate'
+    }),
+    disabled: figma.boolean('disabled')
+  },
+  example: props => /*#__PURE__*/_jsx(Checkbox, {
+    size: props.size,
+    state: props.state,
+    disabled: props.disabled
+  })
+});
+//# sourceMappingURL=Checkbox.figma.js.map

package/lib/module/components/Input/Checkbox/Checkbox.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Checkbox","jsx","_jsx","FIGMA_URL","connect","props","size","enum","sm","md","state","unchecked","checked","indeterminate","disabled","boolean","example"],"sourceRoot":"../../../../../src","sources":["components/Input/Checkbox/Checkbox.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,MAAMC,SAAS,GACb,mGAAmG;;AAErG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,KAAK,CAACK,OAAO,CAACJ,QAAQ,EAAEG,SAAS,EAAE;EACjCE,KAAK,EAAE;IACLC,IAAI,EAAEP,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;MACvBC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IAEFC,KAAK,EAAEX,KAAK,CAACQ,IAAI,CAAC,OAAO,EAAE;MACzBI,SAAS,EAAE,WAAW;MACtBC,OAAO,EAAE,SAAS;MAClBC,aAAa,EAAE;IACjB,CAAC,CAAC;IAEFC,QAAQ,EAAEf,KAAK,CAACgB,OAAO,CAAC,UAAU;EACpC,CAAC;EAEDC,OAAO,EAAGX,KAAK,iBACbH,IAAA,CAACF,QAAQ;IAACM,IAAI,EAAED,KAAK,CAACC,IAAK;IAACI,KAAK,EAAEL,KAAK,CAACK,KAAM;IAACI,QAAQ,EAAET,KAAK,CAACS;EAAS,CAAE;AAE/E,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Input/Checkbox/Checkbox.js

@@ -0,0 +1,160 @@
+"use strict";
+
+// @ts-nocheck
+import * as React from 'react';
+import { Pressable, View } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { cva } from 'class-variance-authority';
+import { Check, Minus } from 'lucide-react-native';
+import { cn } from "../../../lib/utils.js";
+
+// NativeWind interop (className -> style)
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+cssInterop(Pressable, {
+  className: 'style'
+});
+
+/* -----------------------------------------------------
+ * Canonical variants (match Figma + Code Connect)
+ * --------------------------------------------------- */
+
+export const CheckboxVariants = {
+  size: ['sm', 'md'],
+  state: ['unchecked', 'checked', 'indeterminate']
+};
+
+/* -----------------------------------------------------
+ * Root (Touchable wrapper)
+ * --------------------------------------------------- */
+
+const rootVariants = cva('items-center justify-center', {
+  variants: {
+    size: {
+      sm: 'w-4 h-4',
+      md: 'w-5 h-5'
+    },
+    disabled: {
+      false: '',
+      true: 'opacity-50'
+    }
+  },
+  defaultVariants: {
+    size: 'sm',
+    disabled: false
+  }
+});
+
+/* -----------------------------------------------------
+ * Box (Square container)
+ * --------------------------------------------------- */
+
+const boxVariants = cva('items-center justify-center border', {
+  variants: {
+    size: {
+      sm: 'w-4 h-4 rounded-[4px] border',
+      md: 'w-5 h-5 rounded-[4px] border-[1.5px]'
+    },
+    state: {
+      unchecked: 'border-border bg-transparent',
+      checked: 'border-primary bg-primary',
+      indeterminate: 'border-primary bg-primary'
+    },
+    disabled: {
+      false: '',
+      true: ''
+    }
+  },
+  defaultVariants: {
+    size: 'sm',
+    state: 'unchecked',
+    disabled: false
+  }
+});
+
+/* -----------------------------------------------------
+ * Props (lowercase + backward compatible)
+ * --------------------------------------------------- */
+
+/* -----------------------------------------------------
+ * Normalizers
+ * --------------------------------------------------- */
+
+function normalizeSize(v) {
+  const s = String(v ?? 'sm').toLowerCase();
+  if (s === 'sm' || s === 'md') return s;
+  return 'sm';
+}
+function normalizeState(v) {
+  const s = String(v ?? 'unchecked').toLowerCase();
+  if (s === 'checked' || s === 'unchecked' || s === 'indeterminate') return s;
+  return 'unchecked';
+}
+function normalizeDisabled(v) {
+  if (typeof v === 'boolean') return v;
+  const s = String(v ?? 'false').toLowerCase();
+  return s === 'true' || s === '1';
+}
+
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+export function Checkbox(props) {
+  const {
+    state,
+    size,
+    disabled,
+    onStateChange,
+    style,
+    testID
+  } = props;
+  const s = normalizeSize(size);
+  const st = normalizeState(state);
+  const d = normalizeDisabled(disabled);
+  const handlePress = () => {
+    if (d) return;
+    onStateChange?.(st === 'checked' ? 'unchecked' : 'checked');
+  };
+  const iconSize = s === 'md' ? 14 : 12;
+  return /*#__PURE__*/_jsx(Pressable, {
+    testID: testID ?? 'checkbox',
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      checked: st === 'checked',
+      disabled: d
+    },
+    disabled: d,
+    onPress: handlePress,
+    className: cn(rootVariants({
+      size: s,
+      disabled: d
+    })),
+    style: style,
+    hitSlop: 8,
+    children: /*#__PURE__*/_jsxs(View, {
+      testID: "checkbox-box",
+      className: cn(boxVariants({
+        size: s,
+        state: st,
+        disabled: d
+      })),
+      children: [st === 'checked' ? /*#__PURE__*/_jsx(Check, {
+        testID: "checkbox-check",
+        size: iconSize,
+        color: "white",
+        strokeWidth: 3
+      }) : null, st === 'indeterminate' ? /*#__PURE__*/_jsx(Minus, {
+        testID: "checkbox-indeterminate",
+        size: iconSize,
+        color: "white",
+        strokeWidth: 3
+      }) : null]
+    })
+  });
+}
+Checkbox.displayName = 'Checkbox';
+export { rootVariants, boxVariants };
+//# sourceMappingURL=Checkbox.js.map

package/lib/module/components/Input/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","View","cssInterop","cva","Check","Minus","cn","jsx","_jsx","jsxs","_jsxs","className","CheckboxVariants","size","state","rootVariants","variants","sm","md","disabled","false","true","defaultVariants","boxVariants","unchecked","checked","indeterminate","normalizeSize","v","s","String","toLowerCase","normalizeState","normalizeDisabled","Checkbox","props","onStateChange","style","testID","st","d","handlePress","iconSize","accessibilityRole","accessibilityState","onPress","hitSlop","children","color","strokeWidth","displayName"],"sourceRoot":"../../../../../src","sources":["components/Input/Checkbox/Checkbox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Input/RadioGroup/Radio-Group.figma.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { RadioGroup, RadioGroupItem } from "./Radio-Group.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=50-68';
+figma.connect(RadioGroup, FIGMA_URL, {
+  props: {
+    size: figma.enum('size', {
+      sm: 'Sm',
+      md: 'Md'
+    }),
+    disabled: figma.enum('disabled', {
+      false: 'False',
+      true: 'True'
+    }),
+    state: figma.enum('state', {
+      Unchecked: 'unchecked',
+      Checked: 'checked'
+    })
+  },
+  example: ({
+    size,
+    disabled,
+    state
+  }) => /*#__PURE__*/_jsxs(RadioGroup, {
+    value: state === 'checked' ? 'one' : '',
+    size: size,
+    disabled: disabled,
+    onValueChange: () => {},
+    children: [/*#__PURE__*/_jsx(RadioGroupItem, {
+      value: "one"
+    }), /*#__PURE__*/_jsx(RadioGroupItem, {
+      value: "two"
+    })]
+  })
+});
+//# sourceMappingURL=Radio-Group.figma.js.map

package/lib/module/components/Input/RadioGroup/Radio-Group.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","RadioGroup","RadioGroupItem","jsx","_jsx","jsxs","_jsxs","FIGMA_URL","connect","props","size","enum","sm","md","disabled","false","true","state","Unchecked","Checked","example","value","onValueChange","children"],"sourceRoot":"../../../../../src","sources":["components/Input/RadioGroup/Radio-Group.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,UAAU,EAAEC,cAAc,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3D,MAAMC,SAAS,GACb,kGAAkG;AAEpGP,KAAK,CAACQ,OAAO,CAACP,UAAU,EAAEM,SAAS,EAAE;EACnCE,KAAK,EAAE;IACLC,IAAI,EAAEV,KAAK,CAACW,IAAI,CAAC,MAAM,EAAE;MACvBC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IAEFC,QAAQ,EAAEd,KAAK,CAACW,IAAI,CAAC,UAAU,EAAE;MAC/BI,KAAK,EAAE,OAAO;MACdC,IAAI,EAAE;IACR,CAAC,CAAC;IAEFC,KAAK,EAAEjB,KAAK,CAACW,IAAI,CAAC,OAAO,EAAE;MACzBO,SAAS,EAAE,WAAW;MACtBC,OAAO,EAAE;IACX,CAAC;EACH,CAAC;EAEDC,OAAO,EAAEA,CAAC;IAAEV,IAAI;IAAEI,QAAQ;IAAEG;EAAM,CAAC,kBACjCX,KAAA,CAACL,UAAU;IACToB,KAAK,EAAEJ,KAAK,KAAK,SAAS,GAAG,KAAK,GAAG,EAAG;IACxCP,IAAI,EAAEA,IAAK;IACXI,QAAQ,EAAEA,QAAS;IACnBQ,aAAa,EAAEA,CAAA,KAAM,CAAC,CAAE;IAAAC,QAAA,gBAExBnB,IAAA,CAACF,cAAc;MAACmB,KAAK,EAAC;IAAK,CAAE,CAAC,eAC9BjB,IAAA,CAACF,cAAc;MAACmB,KAAK,EAAC;IAAK,CAAE,CAAC;EAAA,CACpB;AAEhB,CAAC,CAAC","ignoreList":[]}