react-native-mantine 0.1.15 → 0.3.0

package/lib/module/components/Table/index.js

@@ -0,0 +1,308 @@
+"use strict";
+
+import React, { forwardRef, createContext, useContext } from 'react';
+import { ScrollView } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TableContext = /*#__PURE__*/createContext(null);
+const useTableContext = () => {
+  const context = useContext(TableContext);
+  return context;
+};
+const fontSizes = {
+  xs: rem(10),
+  sm: rem(12),
+  md: rem(14),
+  lg: rem(16),
+  xl: rem(18)
+};
+const useTableStyles = createStyles((theme, {
+  withBorder,
+  captionSide
+}) => ({
+  wrapper: {
+    flex: 1
+  },
+  root: {
+    width: '100%',
+    borderCollapse: 'collapse',
+    ...(withBorder && {
+      borderWidth: 1,
+      borderColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3]
+    })
+  },
+  caption: {
+    fontSize: theme.fontSizes.sm,
+    color: theme.colorScheme === 'dark' ? theme.colors.dark?.[2] : theme.colors.gray?.[6],
+    paddingVertical: theme.spacing.xs,
+    textAlign: 'center',
+    ...(captionSide === 'bottom' && {
+      order: 1
+    })
+  }
+}));
+const useTableHeadStyles = createStyles(theme => ({
+  thead: {
+    borderBottomWidth: 1,
+    borderBottomColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3]
+  }
+}));
+const useTableRowStyles = createStyles((theme, {
+  striped,
+  isEven
+}) => ({
+  tr: {
+    borderBottomWidth: 1,
+    borderBottomColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3],
+    ...(striped && isEven && {
+      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[6] : theme.colors.gray?.[0]
+    })
+  }
+}));
+const useTableCellStyles = createStyles((theme, {
+  fontSize,
+  verticalSpacing,
+  horizontalSpacing,
+  withColumnBorders,
+  isHeader
+}) => {
+  const getVerticalPadding = () => {
+    if (typeof verticalSpacing === 'number') return rem(verticalSpacing);
+    return theme.spacing[verticalSpacing] || theme.spacing.xs;
+  };
+  const getHorizontalPadding = () => {
+    if (typeof horizontalSpacing === 'number') return rem(horizontalSpacing);
+    return theme.spacing[horizontalSpacing] || theme.spacing.xs;
+  };
+  return {
+    cell: {
+      paddingVertical: getVerticalPadding(),
+      paddingHorizontal: getHorizontalPadding(),
+      fontSize: fontSizes[fontSize],
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+      textAlign: 'left',
+      ...(withColumnBorders && {
+        borderRightWidth: 1,
+        borderRightColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3]
+      }),
+      ...(isHeader && {
+        fontWeight: '600'
+      })
+    }
+  };
+});
+const defaultProps = {
+  horizontalSpacing: 'xs',
+  verticalSpacing: 'xs',
+  fontSize: 'sm',
+  striped: false,
+  highlightOnHover: false,
+  withBorder: false,
+  withColumnBorders: false,
+  captionSide: 'top'
+};
+export const Table = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    horizontalSpacing,
+    verticalSpacing,
+    fontSize,
+    striped,
+    highlightOnHover: _highlightOnHover,
+    withBorder,
+    withColumnBorders,
+    captionSide,
+    caption,
+    style,
+    ...others
+  } = useComponentDefaultProps('Table', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useTableStyles({
+    withBorder,
+    captionSide
+  }, {
+    name: 'Table'
+  });
+  return /*#__PURE__*/_jsx(TableContext.Provider, {
+    value: {
+      striped: striped,
+      highlightOnHover: _highlightOnHover,
+      withBorder: withBorder,
+      withColumnBorders: withColumnBorders,
+      fontSize: fontSize,
+      verticalSpacing: verticalSpacing,
+      horizontalSpacing: horizontalSpacing
+    },
+    children: /*#__PURE__*/_jsx(ScrollView, {
+      horizontal: true,
+      style: styles.wrapper,
+      showsHorizontalScrollIndicator: true,
+      children: /*#__PURE__*/_jsxs(BoxView, {
+        ref: ref,
+        style: sx(styles.root, style),
+        ...others,
+        children: [caption && /*#__PURE__*/_jsx(Text, {
+          style: styles.caption,
+          children: caption
+        }), children]
+      })
+    })
+  });
+});
+export const Thead = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    ...others
+  } = props;
+  const {
+    styles,
+    sx
+  } = useTableHeadStyles({}, {
+    name: 'Thead'
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.thead, style),
+    ...others,
+    children: children
+  });
+});
+export const Tbody = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    ...others
+  } = props;
+  const childrenArray = React.Children.toArray(children);
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: style,
+    ...others,
+    children: childrenArray.map((child, index) => {
+      if (! /*#__PURE__*/React.isValidElement(child)) return child;
+      return /*#__PURE__*/React.cloneElement(child, {
+        key: index,
+        __index: index
+      });
+    })
+  });
+});
+export const Tfoot = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    ...others
+  } = props;
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: style,
+    ...others,
+    children: children
+  });
+});
+export const Tr = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    __index,
+    ...others
+  } = props;
+  const context = useTableContext();
+  const {
+    styles,
+    sx
+  } = useTableRowStyles({
+    striped: context?.striped ?? false,
+    highlightOnHover: context?.highlightOnHover ?? false,
+    isEven: (__index ?? 0) % 2 === 0
+  }, {
+    name: 'Tr'
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.tr, style),
+    ...others,
+    children: children
+  });
+});
+export const Th = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    ...others
+  } = props;
+  const context = useTableContext();
+  const {
+    styles,
+    sx
+  } = useTableCellStyles({
+    fontSize: context?.fontSize ?? 'sm',
+    verticalSpacing: context?.verticalSpacing ?? 'xs',
+    horizontalSpacing: context?.horizontalSpacing ?? 'xs',
+    withColumnBorders: context?.withColumnBorders ?? false,
+    isHeader: true
+  }, {
+    name: 'Th'
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.cell, style),
+    ...others,
+    children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+      style: styles.cell,
+      children: children
+    }) : children
+  });
+});
+export const Td = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    ...others
+  } = props;
+  const context = useTableContext();
+  const {
+    styles,
+    sx
+  } = useTableCellStyles({
+    fontSize: context?.fontSize ?? 'sm',
+    verticalSpacing: context?.verticalSpacing ?? 'xs',
+    horizontalSpacing: context?.horizontalSpacing ?? 'xs',
+    withColumnBorders: context?.withColumnBorders ?? false,
+    isHeader: false
+  }, {
+    name: 'Td'
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.cell, style),
+    ...others,
+    children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+      style: styles.cell,
+      children: children
+    }) : children
+  });
+});
+Table.displayName = 'Table';
+Thead.displayName = 'Table.Thead';
+Tbody.displayName = 'Table.Tbody';
+Tfoot.displayName = 'Table.Tfoot';
+Tr.displayName = 'Table.Tr';
+Th.displayName = 'Table.Th';
+Td.displayName = 'Table.Td';
+
+// Attach sub-components
+Table.Thead = Thead;
+Table.Tbody = Tbody;
+Table.Tfoot = Tfoot;
+Table.Tr = Tr;
+Table.Th = Th;
+Table.Td = Td;
+//# sourceMappingURL=index.js.map

package/lib/module/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","createContext","useContext","ScrollView","BoxView","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","TableContext","useTableContext","context","fontSizes","xs","sm","md","lg","xl","useTableStyles","theme","withBorder","captionSide","wrapper","flex","root","width","borderCollapse","borderWidth","borderColor","colorScheme","colors","dark","gray","caption","fontSize","color","paddingVertical","spacing","textAlign","order","useTableHeadStyles","thead","borderBottomWidth","borderBottomColor","useTableRowStyles","striped","isEven","tr","backgroundColor","useTableCellStyles","verticalSpacing","horizontalSpacing","withColumnBorders","isHeader","getVerticalPadding","getHorizontalPadding","cell","paddingHorizontal","white","black","borderRightWidth","borderRightColor","fontWeight","defaultProps","highlightOnHover","Table","props","ref","children","_highlightOnHover","style","others","styles","sx","name","Provider","value","horizontal","showsHorizontalScrollIndicator","Thead","Tbody","childrenArray","Children","toArray","map","child","index","isValidElement","cloneElement","key","__index","Tfoot","Tr","Th","Td","displayName"],"sourceRoot":"../../../../src","sources":["components/Table/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AACpE,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,qBAAY;AACpC,SAASC,IAAI,QAAQ,kBAAS;AAE9B,SAASC,wBAAwB,QAAQ,+BAA4B;AACrE,SAASC,YAAY,QAAQ,sBAAa;AAC1C,SAASC,GAAG,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAY5C,MAAMC,YAAY,gBAAGZ,aAAa,CAA2B,IAAI,CAAC;AAElE,MAAMa,eAAe,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGb,UAAU,CAACW,YAAY,CAAC;EACxC,OAAOE,OAAO;AAChB,CAAC;AAwFD,MAAMC,SAAS,GAAG;EAChBC,EAAE,EAAET,GAAG,CAAC,EAAE,CAAC;EACXU,EAAE,EAAEV,GAAG,CAAC,EAAE,CAAC;EACXW,EAAE,EAAEX,GAAG,CAAC,EAAE,CAAC;EACXY,EAAE,EAAEZ,GAAG,CAAC,EAAE,CAAC;EACXa,EAAE,EAAEb,GAAG,CAAC,EAAE;AACZ,CAAC;AAED,MAAMc,cAAc,GAAGf,YAAY,CACjC,CACEgB,KAAK,EACL;EACEC,UAAU;EACVC;AAIF,CAAC,MACG;EACJC,OAAO,EAAE;IACPC,IAAI,EAAE;EACR,CAAC;EACDC,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,cAAc,EAAE,UAAiB;IACjC,IAAIN,UAAU,IAAI;MAChBO,WAAW,EAAE,CAAC;MACdC,WAAW,EAAET,KAAK,CAACU,WAAW,KAAK,MAAM,GAAGV,KAAK,CAACW,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,GAAGZ,KAAK,CAACW,MAAM,CAACE,IAAI,GAAG,CAAC;IAC5F,CAAC;EACH,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAEf,KAAK,CAACP,SAAS,CAACE,EAAY;IACtCqB,KAAK,EAAEhB,KAAK,CAACU,WAAW,KAAK,MAAM,GAAGV,KAAK,CAACW,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,GAAGZ,KAAK,CAACW,MAAM,CAACE,IAAI,GAAG,CAAC,CAAC;IACrFI,eAAe,EAAEjB,KAAK,CAACkB,OAAO,CAACxB,EAAE;IACjCyB,SAAS,EAAE,QAAQ;IACnB,IAAIjB,WAAW,KAAK,QAAQ,IAAI;MAAEkB,KAAK,EAAE;IAAE,CAAC;EAC9C;AACF,CAAC,CACH,CAAC;AAED,MAAMC,kBAAkB,GAAGrC,YAAY,CAAEgB,KAAK,KAAM;EAClDsB,KAAK,EAAE;IACLC,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAExB,KAAK,CAACU,WAAW,KAAK,MAAM,GAAGV,KAAK,CAACW,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,GAAGZ,KAAK,CAACW,MAAM,CAACE,IAAI,GAAG,CAAC;EAClG;AACF,CAAC,CAAC,CAAC;AAEH,MAAMY,iBAAiB,GAAGzC,YAAY,CACpC,CACEgB,KAAK,EACL;EACE0B,OAAO;EACPC;AAKF,CAAC,MACG;EACJC,EAAE,EAAE;IACFL,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAExB,KAAK,CAACU,WAAW,KAAK,MAAM,GAAGV,KAAK,CAACW,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,GAAGZ,KAAK,CAACW,MAAM,CAACE,IAAI,GAAG,CAAC,CAAC;IACjG,IAAIa,OAAO,IACTC,MAAM,IAAI;MACRE,eAAe,EACb7B,KAAK,CAACU,WAAW,KAAK,MAAM,GAAGV,KAAK,CAACW,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,GAAGZ,KAAK,CAACW,MAAM,CAACE,IAAI,GAAG,CAAC;IACjF,CAAC;EACL;AACF,CAAC,CACH,CAAC;AAED,MAAMiB,kBAAkB,GAAG9C,YAAY,CACrC,CACEgB,KAAK,EACL;EACEe,QAAQ;EACRgB,eAAe;EACfC,iBAAiB;EACjBC,iBAAiB;EACjBC;AAOF,CAAC,KACE;EACH,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,IAAI,OAAOJ,eAAe,KAAK,QAAQ,EAAE,OAAO9C,GAAG,CAAC8C,eAAe,CAAC;IACpE,OAAO/B,KAAK,CAACkB,OAAO,CAACa,eAAe,CAAC,IAAI/B,KAAK,CAACkB,OAAO,CAACxB,EAAE;EAC3D,CAAC;EAED,MAAM0C,oBAAoB,GAAGA,CAAA,KAAM;IACjC,IAAI,OAAOJ,iBAAiB,KAAK,QAAQ,EAAE,OAAO/C,GAAG,CAAC+C,iBAAiB,CAAC;IACxE,OAAOhC,KAAK,CAACkB,OAAO,CAACc,iBAAiB,CAAC,IAAIhC,KAAK,CAACkB,OAAO,CAACxB,EAAE;EAC7D,CAAC;EAED,OAAO;IACL2C,IAAI,EAAE;MACJpB,eAAe,EAAEkB,kBAAkB,CAAC,CAAQ;MAC5CG,iBAAiB,EAAEF,oBAAoB,CAAC,CAAQ;MAChDrB,QAAQ,EAAEtB,SAAS,CAACsB,QAAQ,CAAC;MAC7BC,KAAK,EAAEhB,KAAK,CAACU,WAAW,KAAK,MAAM,GAAGV,KAAK,CAACuC,KAAK,GAAGvC,KAAK,CAACwC,KAAK;MAC/DrB,SAAS,EAAE,MAAM;MACjB,IAAIc,iBAAiB,IAAI;QACvBQ,gBAAgB,EAAE,CAAC;QACnBC,gBAAgB,EACd1C,KAAK,CAACU,WAAW,KAAK,MAAM,GAAGV,KAAK,CAACW,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,GAAGZ,KAAK,CAACW,MAAM,CAACE,IAAI,GAAG,CAAC;MACjF,CAAC,CAAC;MACF,IAAIqB,QAAQ,IAAI;QACdS,UAAU,EAAE;MACd,CAAC;IACH;EACF,CAAC;AACH,CACF,CAAC;AAED,MAAMC,YAAiC,GAAG;EACxCZ,iBAAiB,EAAE,IAAI;EACvBD,eAAe,EAAE,IAAI;EACrBhB,QAAQ,EAAE,IAAI;EACdW,OAAO,EAAE,KAAK;EACdmB,gBAAgB,EAAE,KAAK;EACvB5C,UAAU,EAAE,KAAK;EACjBgC,iBAAiB,EAAE,KAAK;EACxB/B,WAAW,EAAE;AACf,CAAC;AAED,OAAO,MAAM4C,KAAK,gBAAGrE,UAAU,CAAkB,CAACsE,KAAK,EAAEC,GAAG,KAAK;EAC/D,MAAM;IACJC,QAAQ;IACRjB,iBAAiB;IACjBD,eAAe;IACfhB,QAAQ;IACRW,OAAO;IACPmB,gBAAgB,EAAEK,iBAAiB;IACnCjD,UAAU;IACVgC,iBAAiB;IACjB/B,WAAW;IACXY,OAAO;IACPqC,KAAK;IACL,GAAGC;EACL,CAAC,GAAGrE,wBAAwB,CAAC,OAAO,EAAE6D,YAAY,EAAEG,KAAK,CAAC;EAE1D,MAAM;IAAEM,MAAM;IAAEC;EAAE,CAAC,GAAGvD,cAAc,CAClC;IAAEE,UAAU;IAAEC;EAAY,CAAC,EAC3B;IAAEqD,IAAI,EAAE;EAAQ,CAClB,CAAQ;EAER,oBACEpE,IAAA,CAACG,YAAY,CAACkE,QAAQ;IACpBC,KAAK,EAAE;MACL/B,OAAO,EAAEA,OAAQ;MACjBmB,gBAAgB,EAAEK,iBAAkB;MACpCjD,UAAU,EAAEA,UAAW;MACvBgC,iBAAiB,EAAEA,iBAAkB;MACrClB,QAAQ,EAAEA,QAAS;MACnBgB,eAAe,EAAEA,eAAgB;MACjCC,iBAAiB,EAAEA;IACrB,CAAE;IAAAiB,QAAA,eAEF9D,IAAA,CAACP,UAAU;MAAC8E,UAAU;MAACP,KAAK,EAAEE,MAAM,CAAClD,OAAQ;MAACwD,8BAA8B;MAAAV,QAAA,eAC1E5D,KAAA,CAACR,OAAO;QAACmE,GAAG,EAAEA,GAAI;QAACG,KAAK,EAAEG,EAAE,CAACD,MAAM,CAAChD,IAAI,EAAE8C,KAAK,CAAE;QAAA,GAAKC,MAAM;QAAAH,QAAA,GACzDnC,OAAO,iBAAI3B,IAAA,CAACL,IAAI;UAACqE,KAAK,EAAEE,MAAM,CAACvC,OAAQ;UAAAmC,QAAA,EAAEnC;QAAO,CAAO,CAAC,EACxDmC,QAAQ;MAAA,CACF;IAAC,CACA;EAAC,CACQ,CAAC;AAE5B,CAAC,CAAC;AAEF,OAAO,MAAMW,KAAK,gBAAGnF,UAAU,CAAuB,CAACsE,KAAK,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC,QAAQ;IAAEE,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAGL,KAAK;EAC3C,MAAM;IAAEM,MAAM;IAAEC;EAAE,CAAC,GAAGjC,kBAAkB,CAAC,CAAC,CAAC,EAAE;IAAEkC,IAAI,EAAE;EAAQ,CAAC,CAAQ;EAEtE,oBACEpE,IAAA,CAACN,OAAO;IAACmE,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAEG,EAAE,CAACD,MAAM,CAAC/B,KAAK,EAAE6B,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAH,QAAA,EAC1DA;EAAQ,CACF,CAAC;AAEd,CAAC,CAAC;AAEF,OAAO,MAAMY,KAAK,gBAAGpF,UAAU,CAAuB,CAACsE,KAAK,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC,QAAQ;IAAEE,KAAK;IAAE,GAAGC;EAAO,CAAC,GAAGL,KAAK;EAE5C,MAAMe,aAAa,GAAGtF,KAAK,CAACuF,QAAQ,CAACC,OAAO,CAACf,QAAQ,CAAC;EAEtD,oBACE9D,IAAA,CAACN,OAAO;IAACmE,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAEA,KAAM;IAAA,GAAKC,MAAM;IAAAH,QAAA,EACxCa,aAAa,CAACG,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;MACnC,IAAI,eAAC3F,KAAK,CAAC4F,cAAc,CAACF,KAAK,CAAC,EAAE,OAAOA,KAAK;MAC9C,oBAAO1F,KAAK,CAAC6F,YAAY,CAACH,KAAK,EAAwB;QACrDI,GAAG,EAAEH,KAAK;QACVI,OAAO,EAAEJ;MACX,CAAC,CAAC;IACJ,CAAC;EAAC,CACK,CAAC;AAEd,CAAC,CAAC;AAEF,OAAO,MAAMK,KAAK,gBAAG/F,UAAU,CAAuB,CAACsE,KAAK,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC,QAAQ;IAAEE,KAAK;IAAE,GAAGC;EAAO,CAAC,GAAGL,KAAK;EAE5C,oBACE5D,IAAA,CAACN,OAAO;IAACmE,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAEA,KAAM;IAAA,GAAKC,MAAM;IAAAH,QAAA,EACxCA;EAAQ,CACF,CAAC;AAEd,CAAC,CAAC;AAEF,OAAO,MAAMwB,EAAE,gBAAGhG,UAAU,CAAoB,CAACsE,KAAK,EAAEC,GAAG,KAAK;EAC9D,MAAM;IAAEC,QAAQ;IAAEE,KAAK;IAAEoB,OAAO;IAAE,GAAGnB;EAAM,CAAC,GAAGL,KAAK;EACpD,MAAMvD,OAAO,GAAGD,eAAe,CAAC,CAAC;EAEjC,MAAM;IAAE8D,MAAM;IAAEC;EAAE,CAAC,GAAG7B,iBAAiB,CACrC;IACEC,OAAO,EAAElC,OAAO,EAAEkC,OAAO,IAAI,KAAK;IAClCmB,gBAAgB,EAAErD,OAAO,EAAEqD,gBAAgB,IAAI,KAAK;IACpDlB,MAAM,EAAE,CAAC4C,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK;EACjC,CAAC,EACD;IAAEhB,IAAI,EAAE;EAAK,CACf,CAAQ;EAER,oBACEpE,IAAA,CAACN,OAAO;IAACmE,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAEG,EAAE,CAACD,MAAM,CAACzB,EAAE,EAAEuB,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAH,QAAA,EACvDA;EAAQ,CACF,CAAC;AAEd,CAAC,CAAC;AAEF,OAAO,MAAMyB,EAAE,gBAAGjG,UAAU,CAAoB,CAACsE,KAAK,EAAEC,GAAG,KAAK;EAC9D,MAAM;IAAEC,QAAQ;IAAEE,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAGL,KAAK;EAC3C,MAAMvD,OAAO,GAAGD,eAAe,CAAC,CAAC;EAEjC,MAAM;IAAE8D,MAAM;IAAEC;EAAE,CAAC,GAAGxB,kBAAkB,CACtC;IACEf,QAAQ,EAAEvB,OAAO,EAAEuB,QAAQ,IAAI,IAAI;IACnCgB,eAAe,EAAEvC,OAAO,EAAEuC,eAAe,IAAI,IAAI;IACjDC,iBAAiB,EAAExC,OAAO,EAAEwC,iBAAiB,IAAI,IAAI;IACrDC,iBAAiB,EAAEzC,OAAO,EAAEyC,iBAAiB,IAAI,KAAK;IACtDC,QAAQ,EAAE;EACZ,CAAC,EACD;IAAEqB,IAAI,EAAE;EAAK,CACf,CAAQ;EAER,oBACEpE,IAAA,CAACN,OAAO;IAACmE,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAEG,EAAE,CAACD,MAAM,CAAChB,IAAI,EAAEc,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAH,QAAA,EACzD,OAAOA,QAAQ,KAAK,QAAQ,gBAAG9D,IAAA,CAACL,IAAI;MAACqE,KAAK,EAAEE,MAAM,CAAChB,IAAK;MAAAY,QAAA,EAAEA;IAAQ,CAAO,CAAC,GAAGA;EAAQ,CAC/E,CAAC;AAEd,CAAC,CAAC;AAEF,OAAO,MAAM0B,EAAE,gBAAGlG,UAAU,CAAoB,CAACsE,KAAK,EAAEC,GAAG,KAAK;EAC9D,MAAM;IAAEC,QAAQ;IAAEE,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAGL,KAAK;EAC3C,MAAMvD,OAAO,GAAGD,eAAe,CAAC,CAAC;EAEjC,MAAM;IAAE8D,MAAM;IAAEC;EAAE,CAAC,GAAGxB,kBAAkB,CACtC;IACEf,QAAQ,EAAEvB,OAAO,EAAEuB,QAAQ,IAAI,IAAI;IACnCgB,eAAe,EAAEvC,OAAO,EAAEuC,eAAe,IAAI,IAAI;IACjDC,iBAAiB,EAAExC,OAAO,EAAEwC,iBAAiB,IAAI,IAAI;IACrDC,iBAAiB,EAAEzC,OAAO,EAAEyC,iBAAiB,IAAI,KAAK;IACtDC,QAAQ,EAAE;EACZ,CAAC,EACD;IAAEqB,IAAI,EAAE;EAAK,CACf,CAAQ;EAER,oBACEpE,IAAA,CAACN,OAAO;IAACmE,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAEG,EAAE,CAACD,MAAM,CAAChB,IAAI,EAAEc,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAH,QAAA,EACzD,OAAOA,QAAQ,KAAK,QAAQ,gBAAG9D,IAAA,CAACL,IAAI;MAACqE,KAAK,EAAEE,MAAM,CAAChB,IAAK;MAAAY,QAAA,EAAEA;IAAQ,CAAO,CAAC,GAAGA;EAAQ,CAC/E,CAAC;AAEd,CAAC,CAAC;AAEFH,KAAK,CAAC8B,WAAW,GAAG,OAAO;AAC3BhB,KAAK,CAACgB,WAAW,GAAG,aAAa;AACjCf,KAAK,CAACe,WAAW,GAAG,aAAa;AACjCJ,KAAK,CAACI,WAAW,GAAG,aAAa;AACjCH,EAAE,CAACG,WAAW,GAAG,UAAU;AAC3BF,EAAE,CAACE,WAAW,GAAG,UAAU;AAC3BD,EAAE,CAACC,WAAW,GAAG,UAAU;;AAE3B;AACC9B,KAAK,CAASc,KAAK,GAAGA,KAAK;AAC3Bd,KAAK,CAASe,KAAK,GAAGA,KAAK;AAC3Bf,KAAK,CAAS0B,KAAK,GAAGA,KAAK;AAC3B1B,KAAK,CAAS2B,EAAE,GAAGA,EAAE;AACrB3B,KAAK,CAAS4B,EAAE,GAAGA,EAAE;AACrB5B,KAAK,CAAS6B,EAAE,GAAGA,EAAE","ignoreList":[]}

package/lib/module/components/Text/index.js

@@ -22,6 +22,8 @@ export const Text = /*#__PURE__*/forwardRef((props, ref) => {
     questrial = false,
     semiBold = false,
     fontSize,
+    weight,
+    align,
     ...otherProps
   } = props;
   const {
@@ -37,9 +39,12 @@ export const Text = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref,
     style: [{
       fontFamily: semiBold ? fontFamilySemiBold : bold ? fontFamilyBold : questrial ? 'Questrial' : fontFamily,
-      fontWeight: bold ? '900' : '300',
+      fontWeight: weight || (bold ? '900' : '300'),
       fontSize: fontSize ? fontSize : get(fontSizes, size, 16),
-      color: white ? 'white' : color ? propToColor(color, colors, primaryShade) : light.text
+      color: white ? 'white' : color ? propToColor(color, colors, primaryShade) : light.text,
+      ...(align ? {
+        textAlign: align
+      } : {})
     }, style],
     ...otherProps
   });

package/lib/module/components/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useTheme","get","forwardRef","Text","DefaultText","jsx","_jsx","propToColor","color","colors","primaryShade","colorExistOnPalette","props","ref","style","white","size","bold","questrial","semiBold","fontSize","otherProps","fontFamily","fontFamilyBold","fontFamilySemiBold","fontSizes","light","fontWeight","text"],"sourceRoot":"../../../../src","sources":["components/Text/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,+BAA4B;AAErD,SAASC,GAAG,QAAQ,WAAW;AAC/B,SAASC,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,IAAIC,WAAW,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYnD,MAAMC,WAAW,GAAGA,CAClBC,KAAa,EACbC,MAAkC,EAClCC,YAAoB,KACT;EACX,MAAMC,mBAAmB,GAAGV,GAAG,CAC7BQ,MAAM,EACN,GAAGD,KAAK,IAAIE,YAAY,EAAE,EAC1B,EACF,CAAW;EACX,IAAIC,mBAAmB,EAAE;IACvB,OAAOA,mBAAmB;EAC5B;EACA,OAAOH,KAAK;AACd,CAAC;AAED,OAAO,MAAML,IAAI,gBAAGD,UAAU,CAAC,CAACU,KAAgB,EAAEC,GAAQ,KAAK;EAC7D,MAAM;IACJC,KAAK;IACLN,KAAK;IACLO,KAAK;IACLC,IAAI,GAAG,IAAI;IACXC,IAAI,GAAG,KAAK;IACZC,SAAS,GAAG,KAAK;IACjBC,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGT,KAAK;EAET,MAAM;IACJU,UAAU;IACVC,cAAc;IACdC,kBAAkB;IAClBf,MAAM;IACNC,YAAY;IACZe,SAAS;IACTC;EACF,CAAC,GAAG1B,QAAQ,CAAC,CAAC;EAEd,oBACEM,IAAA,CAACF,WAAW;IACVS,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAE,CACL;MACEQ,UAAU,EAAEH,QAAQ,GAChBK,kBAAkB,GAClBP,IAAI,GACFM,cAAc,GACdL,SAAS,GACP,WAAW,GACXI,UAAU;MAClBK,UAAU,EAAEV,IAAI,GAAG,KAAK,GAAG,KAAK;MAChCG,QAAQ,EAAEA,QAAQ,GAAGA,QAAQ,GAAGnB,GAAG,CAACwB,SAAS,EAAET,IAAI,EAAE,EAAE,CAAC;MACxDR,KAAK,EAAEO,KAAK,GACR,OAAO,GACPP,KAAK,GACHD,WAAW,CAACC,KAAK,EAAEC,MAAM,EAAEC,YAAY,CAAC,GACxCgB,KAAK,CAACE;IACd,CAAC,EACDd,KAAK,CACL;IAAA,GACEO;EAAU,CACf,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useTheme","get","forwardRef","Text","DefaultText","jsx","_jsx","propToColor","color","colors","primaryShade","colorExistOnPalette","props","ref","style","white","size","bold","questrial","semiBold","fontSize","weight","align","otherProps","fontFamily","fontFamilyBold","fontFamilySemiBold","fontSizes","light","fontWeight","text","textAlign"],"sourceRoot":"../../../../src","sources":["components/Text/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,+BAA4B;AAErD,SAASC,GAAG,QAAQ,WAAW;AAC/B,SAASC,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,IAAIC,WAAW,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAcnD,MAAMC,WAAW,GAAGA,CAClBC,KAAa,EACbC,MAAkC,EAClCC,YAAoB,KACT;EACX,MAAMC,mBAAmB,GAAGV,GAAG,CAC7BQ,MAAM,EACN,GAAGD,KAAK,IAAIE,YAAY,EAAE,EAC1B,EACF,CAAW;EACX,IAAIC,mBAAmB,EAAE;IACvB,OAAOA,mBAAmB;EAC5B;EACA,OAAOH,KAAK;AACd,CAAC;AAED,OAAO,MAAML,IAAI,gBAAGD,UAAU,CAAC,CAACU,KAAgB,EAAEC,GAAQ,KAAK;EAC7D,MAAM;IACJC,KAAK;IACLN,KAAK;IACLO,KAAK;IACLC,IAAI,GAAG,IAAI;IACXC,IAAI,GAAG,KAAK;IACZC,SAAS,GAAG,KAAK;IACjBC,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACL,GAAGC;EACL,CAAC,GAAGX,KAAK;EAET,MAAM;IACJY,UAAU;IACVC,cAAc;IACdC,kBAAkB;IAClBjB,MAAM;IACNC,YAAY;IACZiB,SAAS;IACTC;EACF,CAAC,GAAG5B,QAAQ,CAAC,CAAC;EAEd,oBACEM,IAAA,CAACF,WAAW;IACVS,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAE,CACL;MACEU,UAAU,EAAEL,QAAQ,GAChBO,kBAAkB,GAClBT,IAAI,GACFQ,cAAc,GACdP,SAAS,GACP,WAAW,GACXM,UAAU;MAClBK,UAAU,EAAER,MAAM,KAAKJ,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;MAC5CG,QAAQ,EAAEA,QAAQ,GAAGA,QAAQ,GAAGnB,GAAG,CAAC0B,SAAS,EAAEX,IAAI,EAAE,EAAE,CAAC;MACxDR,KAAK,EAAEO,KAAK,GACR,OAAO,GACPP,KAAK,GACHD,WAAW,CAACC,KAAK,EAAEC,MAAM,EAAEC,YAAY,CAAC,GACxCkB,KAAK,CAACE,IAAI;MAChB,IAAIR,KAAK,GAAG;QAAES,SAAS,EAAET;MAAM,CAAC,GAAG,CAAC,CAAC;IACvC,CAAC,EACDR,KAAK,CACL;IAAA,GACES;EAAU,CACf,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/TextInput/index.js

@@ -0,0 +1,179 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { TextInput as RNTextInput } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles, getSize } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { INPUT_SIZES } from "../Input/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles((theme, {
+  radius,
+  invalid,
+  withIcon,
+  withRightSection,
+  rightSectionWidth
+}, {
+  variant,
+  size
+}) => {
+  const getVariantStyles = () => {
+    if (variant === 'filled') {
+      return {
+        backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : (theme.colors.gray || [])[1],
+        borderWidth: 1,
+        borderColor: 'transparent'
+      };
+    }
+    if (variant === 'unstyled') {
+      return {
+        backgroundColor: 'transparent',
+        borderWidth: 0,
+        paddingHorizontal: 0
+      };
+    }
+
+    // default variant
+    return {
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[6] : theme.white,
+      borderWidth: 1,
+      borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[4]
+    };
+  };
+  const sizeValue = INPUT_SIZES[size] || INPUT_SIZES.md;
+  return {
+    wrapper: {
+      width: '100%'
+    },
+    label: {
+      fontSize: theme.fontSizes.sm,
+      fontWeight: '500',
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : theme.black,
+      marginBottom: theme.spacing.xs / 2
+    },
+    required: {
+      color: (theme.colors.red || [])[6]
+    },
+    description: {
+      fontSize: theme.fontSizes.xs,
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[2] : (theme.colors.gray || [])[6],
+      marginTop: theme.spacing.xs / 2,
+      marginBottom: theme.spacing.xs / 2
+    },
+    error: {
+      fontSize: theme.fontSizes.xs,
+      color: (theme.colors.red || [])[6],
+      marginTop: theme.spacing.xs / 2
+    },
+    inputWrapper: {
+      position: 'relative'
+    },
+    input: {
+      ...theme.fn.fontStyles(),
+      height: sizeValue,
+      fontSize: getSize({
+        size,
+        sizes: theme.fontSizes
+      }),
+      paddingHorizontal: variant === 'unstyled' ? 0 : rem(12),
+      paddingLeft: withIcon ? sizeValue : variant === 'unstyled' ? 0 : rem(12),
+      paddingRight: withRightSection ? rem(rightSectionWidth || sizeValue) : variant === 'unstyled' ? 0 : rem(12),
+      borderRadius: theme.fn.radius(radius),
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : theme.black,
+      ...getVariantStyles(),
+      ...(invalid && {
+        borderColor: (theme.colors.red || [])[6],
+        color: (theme.colors.red || [])[6]
+      })
+    },
+    icon: {
+      position: 'absolute',
+      left: 0,
+      top: 0,
+      bottom: 0,
+      width: sizeValue,
+      justifyContent: 'center',
+      alignItems: 'center',
+      zIndex: 1
+    },
+    rightSectionContainer: {
+      position: 'absolute',
+      right: 0,
+      top: 0,
+      bottom: 0,
+      width: rem(rightSectionWidth || sizeValue),
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  };
+});
+const defaultProps = {
+  size: 'sm',
+  radius: 'sm',
+  variant: 'default',
+  required: false
+};
+export const TextInput = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    label,
+    description,
+    error,
+    size,
+    radius,
+    icon,
+    rightSection,
+    rightSectionWidth,
+    required,
+    variant,
+    style,
+    wrapperStyle,
+    ...others
+  } = useComponentDefaultProps('TextInput', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    radius,
+    invalid: !!error,
+    withIcon: !!icon,
+    withRightSection: !!rightSection,
+    rightSectionWidth
+  }, {
+    name: 'TextInput',
+    variant,
+    size
+  });
+  return /*#__PURE__*/_jsxs(BoxView, {
+    style: sx(styles.wrapper, wrapperStyle),
+    children: [label && /*#__PURE__*/_jsxs(Text, {
+      style: styles.label,
+      children: [label, required && /*#__PURE__*/_jsx(Text, {
+        style: styles.required,
+        children: " *"
+      })]
+    }), description && /*#__PURE__*/_jsx(Text, {
+      style: styles.description,
+      children: description
+    }), /*#__PURE__*/_jsxs(BoxView, {
+      style: styles.inputWrapper,
+      children: [icon && /*#__PURE__*/_jsx(BoxView, {
+        style: styles.icon,
+        children: icon
+      }), /*#__PURE__*/_jsx(RNTextInput, {
+        ref: ref,
+        style: sx(styles.input, style),
+        ...others
+      }), rightSection && /*#__PURE__*/_jsx(BoxView, {
+        style: styles.rightSectionContainer,
+        children: rightSection
+      })]
+    }), error && /*#__PURE__*/_jsx(Text, {
+      style: styles.error,
+      children: error
+    })]
+  });
+});
+TextInput.displayName = 'TextInput';
+//# sourceMappingURL=index.js.map

package/lib/module/components/TextInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","TextInput","RNTextInput","BoxView","Text","useComponentDefaultProps","createStyles","getSize","rem","INPUT_SIZES","jsx","_jsx","jsxs","_jsxs","useStyles","theme","radius","invalid","withIcon","withRightSection","rightSectionWidth","variant","size","getVariantStyles","backgroundColor","colorScheme","colors","dark","gray","borderWidth","borderColor","paddingHorizontal","white","sizeValue","md","wrapper","width","label","fontSize","fontSizes","sm","fontWeight","color","black","marginBottom","spacing","xs","required","red","description","marginTop","error","inputWrapper","position","input","fn","fontStyles","height","sizes","paddingLeft","paddingRight","borderRadius","icon","left","top","bottom","justifyContent","alignItems","zIndex","rightSectionContainer","right","defaultProps","props","ref","rightSection","style","wrapperStyle","others","styles","sx","name","children","displayName"],"sourceRoot":"../../../../src","sources":["components/TextInput/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Textarea/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import { forwardRef, useState } from 'react';
+import { TextInput } from "../TextInput/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const defaultProps = {
+  minRows: 3,
+  autosize: false
+};
+export const Textarea = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    minRows,
+    maxRows,
+    autosize,
+    style,
+    ...others
+  } = {
+    ...defaultProps,
+    ...props
+  };
+  const [contentHeight, setContentHeight] = useState(undefined);
+  const handleContentSizeChange = event => {
+    if (autosize) {
+      const height = event.nativeEvent.contentSize.height;
+      setContentHeight(height);
+    }
+  };
+
+  // Calculate height based on rows
+  const lineHeight = 20; // approximate line height
+  const paddingVertical = 12;
+  const minHeight = minRows ? minRows * lineHeight + paddingVertical * 2 : undefined;
+  const maxHeight = maxRows ? maxRows * lineHeight + paddingVertical * 2 : undefined;
+  const textareaStyle = {
+    height: autosize ? contentHeight : minHeight,
+    minHeight: minHeight,
+    maxHeight: maxHeight,
+    textAlignVertical: 'top'
+  };
+  return /*#__PURE__*/_jsx(TextInput, {
+    ref: ref,
+    multiline: true,
+    numberOfLines: minRows,
+    onContentSizeChange: handleContentSizeChange,
+    style: [textareaStyle, style],
+    ...others
+  });
+});
+Textarea.displayName = 'Textarea';
+//# sourceMappingURL=index.js.map

package/lib/module/components/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useState","TextInput","jsx","_jsx","defaultProps","minRows","autosize","Textarea","props","ref","maxRows","style","others","contentHeight","setContentHeight","undefined","handleContentSizeChange","event","height","nativeEvent","contentSize","lineHeight","paddingVertical","minHeight","maxHeight","textareaStyle","textAlignVertical","multiline","numberOfLines","onContentSizeChange","displayName"],"sourceRoot":"../../../../src","sources":["components/Textarea/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAE5C,SAASC,SAAS,QAA6B,uBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAa9D,MAAMC,YAAoC,GAAG;EAC3CC,OAAO,EAAE,CAAC;EACVC,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,QAAQ,gBAAGR,UAAU,CAA6B,CAACS,KAAK,EAAEC,GAAG,KAAK;EAC7E,MAAM;IAAEJ,OAAO;IAAEK,OAAO;IAAEJ,QAAQ;IAAEK,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAG;IACtD,GAAGR,YAAY;IACf,GAAGI;EACL,CAAC;EAED,MAAM,CAACK,aAAa,EAAEC,gBAAgB,CAAC,GAAGd,QAAQ,CAAqBe,SAAS,CAAC;EAEjF,MAAMC,uBAAuB,GAAIC,KAAU,IAAK;IAC9C,IAAIX,QAAQ,EAAE;MACZ,MAAMY,MAAM,GAAGD,KAAK,CAACE,WAAW,CAACC,WAAW,CAACF,MAAM;MACnDJ,gBAAgB,CAACI,MAAM,CAAC;IAC1B;EACF,CAAC;;EAED;EACA,MAAMG,UAAU,GAAG,EAAE,CAAC,CAAC;EACvB,MAAMC,eAAe,GAAG,EAAE;EAC1B,MAAMC,SAAS,GAAGlB,OAAO,GAAGA,OAAO,GAAGgB,UAAU,GAAGC,eAAe,GAAG,CAAC,GAAGP,SAAS;EAClF,MAAMS,SAAS,GAAGd,OAAO,GAAGA,OAAO,GAAGW,UAAU,GAAGC,eAAe,GAAG,CAAC,GAAGP,SAAS;EAElF,MAAMU,aAAa,GAAG;IACpBP,MAAM,EAAEZ,QAAQ,GAAGO,aAAa,GAAGU,SAAS;IAC5CA,SAAS,EAAEA,SAAS;IACpBC,SAAS,EAAEA,SAAS;IACpBE,iBAAiB,EAAE;EACrB,CAAC;EAED,oBACEvB,IAAA,CAACF,SAAS;IACRQ,GAAG,EAAEA,GAAI;IACTkB,SAAS;IACTC,aAAa,EAAEvB,OAAQ;IACvBwB,mBAAmB,EAAEb,uBAAwB;IAC7CL,KAAK,EAAE,CAACc,aAAa,EAAEd,KAAK,CAAE;IAAA,GAC1BC;EAAM,CACX,CAAC;AAEN,CAAC,CAAC;AAEFL,QAAQ,CAACuB,WAAW,GAAG,UAAU","ignoreList":[]}