@lmb-it/kitsconcerto-native 0.1.236

package/apps/mobile/src/ui/spinner/index.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { ActivityIndicator } from 'react-native';
+import React from 'react';
+import { tva } from '@gluestack-ui/utils/nativewind-utils';
+import { cssInterop } from 'nativewind';
+
+cssInterop(ActivityIndicator, {
+  className: { target: "style", nativeStyleToProp: { color: true } }
+});
+const spinnerStyle = tva({});
+const Spinner = React.forwardRef(function Spinner2({
+  className,
+  color,
+  focusable = false,
+  "aria-label": ariaLabel = "loading",
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsx(
+    ActivityIndicator,
+    {
+      ref,
+      focusable,
+      "aria-label": ariaLabel,
+      ...props,
+      color,
+      className: spinnerStyle({ class: className })
+    }
+  );
+});
+Spinner.displayName = "Spinner";
+
+export { Spinner };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/ui/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/spinner/index.tsx"],"sourcesContent":["'use client';\nimport { ActivityIndicator } from 'react-native';\nimport React from 'react';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { cssInterop } from 'nativewind';\n\ncssInterop(ActivityIndicator, {\n  className: { target: 'style', nativeStyleToProp: { color: true } },\n});\n\nconst spinnerStyle = tva({});\n\nconst Spinner = React.forwardRef<\n  React.ComponentRef<typeof ActivityIndicator>,\n  React.ComponentProps<typeof ActivityIndicator>\n>(function Spinner(\n  {\n    className,\n    color,\n    focusable = false,\n    'aria-label': ariaLabel = 'loading',\n    ...props\n  },\n  ref\n) {\n  return (\n    <ActivityIndicator\n      ref={ref}\n      focusable={focusable}\n      aria-label={ariaLabel}\n      {...props}\n      color={color}\n      className={spinnerStyle({ class: className })}\n    />\n  );\n});\n\nSpinner.displayName = 'Spinner';\n\nexport { Spinner };\n"],"names":["Spinner"],"mappings":";;;;;;AAMA,UAAA,CAAW,iBAAA,EAAmB;AAAA,EAC5B,SAAA,EAAW,EAAE,MAAA,EAAQ,OAAA,EAAS,mBAAmB,EAAE,KAAA,EAAO,MAAK;AACjE,CAAC,CAAA;AAED,MAAM,YAAA,GAAe,GAAA,CAAI,EAAE,CAAA;AAE3B,MAAM,OAAA,GAAU,KAAA,CAAM,UAAA,CAGpB,SAASA,QAAAA,CACT;AAAA,EACE,SAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,cAAc,SAAA,GAAY,SAAA;AAAA,EAC1B,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACX,GAAG,KAAA;AAAA,MACJ,KAAA;AAAA,MACA,SAAA,EAAW,YAAA,CAAa,EAAE,KAAA,EAAO,WAAW;AAAA;AAAA,GAC9C;AAEJ,CAAC;AAED,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;"}

package/apps/mobile/src/ui/switch/index.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var creator = require('@gluestack-ui/core/switch/creator');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+
+const UISwitch = creator.createSwitch({
+  Root: nativewindUtils.withStyleContext(reactNative.Switch)
+});
+const switchStyle = nativewindUtils.tva({
+  base: "data-[focus=true]:outline-0 data-[focus=true]:ring-2 data-[focus=true]:ring-indicator-primary web:cursor-pointer disabled:cursor-not-allowed data-[disabled=true]:opacity-40",
+  variants: {
+    size: {
+      sm: "scale-75",
+      md: "",
+      lg: "scale-125"
+    }
+  }
+});
+const Switch = React.forwardRef(function Switch2({ className, size = "md", ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UISwitch,
+    {
+      ref,
+      ...props,
+      className: switchStyle({ size, class: className })
+    }
+  );
+});
+Switch.displayName = "Switch";
+
+exports.Switch = Switch;
+//# sourceMappingURL=index.cjs.map

package/apps/mobile/src/ui/switch/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/switch/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Switch as RNSwitch } from 'react-native';\nimport { createSwitch } from '@gluestack-ui/core/switch/creator';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { withStyleContext } from '@gluestack-ui/utils/nativewind-utils';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\n\nconst UISwitch = createSwitch({\n  Root: withStyleContext(RNSwitch),\n});\n\nconst switchStyle = tva({\n  base: 'data-[focus=true]:outline-0 data-[focus=true]:ring-2 data-[focus=true]:ring-indicator-primary web:cursor-pointer disabled:cursor-not-allowed data-[disabled=true]:opacity-40',\n\n  variants: {\n    size: {\n      sm: 'scale-75',\n      md: '',\n      lg: 'scale-125',\n    },\n  },\n});\n\nexport type ISwitchProps = React.ComponentProps<typeof UISwitch> &\n  VariantProps<typeof switchStyle>;\nconst Switch = React.forwardRef<\n  React.ComponentRef<typeof UISwitch>,\n  ISwitchProps\n>(function Switch({ className, size = 'md', ...props }, ref) {\n  return (\n    <UISwitch\n      ref={ref}\n      {...props}\n      className={switchStyle({ size, class: className })}\n    />\n  );\n});\n\nSwitch.displayName = 'Switch';\nexport { Switch };\n"],"names":["createSwitch","withStyleContext","RNSwitch","tva","Switch","jsx"],"mappings":";;;;;;;;AAQA,MAAM,WAAWA,oBAAA,CAAa;AAAA,EAC5B,IAAA,EAAMC,iCAAiBC,kBAAQ;AACjC,CAAC,CAAA;AAED,MAAM,cAAcC,mBAAA,CAAI;AAAA,EACtB,IAAA,EAAM,8KAAA;AAAA,EAEN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,UAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN;AAEJ,CAAC,CAAA;AAID,MAAM,MAAA,GAAS,KAAA,CAAM,UAAA,CAGnB,SAASC,OAAAA,CAAO,EAAE,SAAA,EAAW,IAAA,GAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC3D,EAAA,uBACEC,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,WAAW,WAAA,CAAY,EAAE,IAAA,EAAM,KAAA,EAAO,WAAW;AAAA;AAAA,GACnD;AAEJ,CAAC;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

package/apps/mobile/src/ui/switch/index.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Switch as Switch$1 } from 'react-native';
+import { createSwitch } from '@gluestack-ui/core/switch/creator';
+import { withStyleContext, tva } from '@gluestack-ui/utils/nativewind-utils';
+
+const UISwitch = createSwitch({
+  Root: withStyleContext(Switch$1)
+});
+const switchStyle = tva({
+  base: "data-[focus=true]:outline-0 data-[focus=true]:ring-2 data-[focus=true]:ring-indicator-primary web:cursor-pointer disabled:cursor-not-allowed data-[disabled=true]:opacity-40",
+  variants: {
+    size: {
+      sm: "scale-75",
+      md: "",
+      lg: "scale-125"
+    }
+  }
+});
+const Switch = React.forwardRef(function Switch2({ className, size = "md", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UISwitch,
+    {
+      ref,
+      ...props,
+      className: switchStyle({ size, class: className })
+    }
+  );
+});
+Switch.displayName = "Switch";
+
+export { Switch };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/ui/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/switch/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Switch as RNSwitch } from 'react-native';\nimport { createSwitch } from '@gluestack-ui/core/switch/creator';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { withStyleContext } from '@gluestack-ui/utils/nativewind-utils';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\n\nconst UISwitch = createSwitch({\n  Root: withStyleContext(RNSwitch),\n});\n\nconst switchStyle = tva({\n  base: 'data-[focus=true]:outline-0 data-[focus=true]:ring-2 data-[focus=true]:ring-indicator-primary web:cursor-pointer disabled:cursor-not-allowed data-[disabled=true]:opacity-40',\n\n  variants: {\n    size: {\n      sm: 'scale-75',\n      md: '',\n      lg: 'scale-125',\n    },\n  },\n});\n\nexport type ISwitchProps = React.ComponentProps<typeof UISwitch> &\n  VariantProps<typeof switchStyle>;\nconst Switch = React.forwardRef<\n  React.ComponentRef<typeof UISwitch>,\n  ISwitchProps\n>(function Switch({ className, size = 'md', ...props }, ref) {\n  return (\n    <UISwitch\n      ref={ref}\n      {...props}\n      className={switchStyle({ size, class: className })}\n    />\n  );\n});\n\nSwitch.displayName = 'Switch';\nexport { Switch };\n"],"names":["RNSwitch","Switch"],"mappings":";;;;;;AAQA,MAAM,WAAW,YAAA,CAAa;AAAA,EAC5B,IAAA,EAAM,iBAAiBA,QAAQ;AACjC,CAAC,CAAA;AAED,MAAM,cAAc,GAAA,CAAI;AAAA,EACtB,IAAA,EAAM,8KAAA;AAAA,EAEN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,UAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN;AAEJ,CAAC,CAAA;AAID,MAAM,MAAA,GAAS,KAAA,CAAM,UAAA,CAGnB,SAASC,OAAAA,CAAO,EAAE,SAAA,EAAW,IAAA,GAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC3D,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,WAAW,WAAA,CAAY,EAAE,IAAA,EAAM,KAAA,EAAO,WAAW;AAAA;AAAA,GACnD;AAEJ,CAAC;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

package/apps/mobile/src/ui/table/index.cjs

@@ -0,0 +1,150 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var htmlElements = require('@expo/html-elements');
+var styles = require('./styles.cjs');
+var reactNative = require('react-native');
+
+const TableHeaderContext = React.createContext({
+  isHeaderRow: false
+});
+const TableFooterContext = React.createContext({
+  isFooterRow: false
+});
+const Table = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    htmlElements.Table,
+    {
+      ref,
+      className: styles.tableStyle({ class: className }),
+      ...props
+    }
+  );
+});
+const TableHeader = React.forwardRef(function TableHeader2({ className, ...props }, ref) {
+  const contextValue = React.useMemo(() => {
+    return {
+      isHeaderRow: true
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(TableHeaderContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    htmlElements.THead,
+    {
+      ref,
+      className: styles.tableHeaderStyle({ class: className }),
+      ...props
+    }
+  ) });
+});
+const TableBody = React.forwardRef(function TableBody2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    htmlElements.TBody,
+    {
+      ref,
+      className: styles.tableBodyStyle({ class: className }),
+      ...props
+    }
+  );
+});
+const TableFooter = React.forwardRef(function TableFooter2({ className, ...props }, ref) {
+  const contextValue = React.useMemo(() => {
+    return {
+      isFooterRow: true
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(TableFooterContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    htmlElements.TFoot,
+    {
+      ref,
+      className: styles.tableFooterStyle({ class: className }),
+      ...props
+    }
+  ) });
+});
+const TableHead = React.forwardRef(function TableHead2({ useRNView = false, className, ...props }, ref) {
+  if (useRNView) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.View,
+      {
+        ref,
+        className: styles.tableHeadStyle({ class: className }),
+        ...props
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Text,
+      {
+        ref,
+        className: styles.tableHeadStyle({ class: className }),
+        ...props
+      }
+    );
+  }
+});
+const TableRow = React.forwardRef(function TableRow2({ className, ...props }, ref) {
+  const { isHeaderRow } = React.useContext(TableHeaderContext);
+  const { isFooterRow } = React.useContext(TableFooterContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    htmlElements.TR,
+    {
+      ref,
+      className: styles.tableRowStyleStyle({
+        isHeaderRow,
+        isFooterRow,
+        class: className
+      }),
+      ...props
+    }
+  );
+});
+const TableData = React.forwardRef(function TableData2({ useRNView = false, className, ...props }, ref) {
+  if (useRNView) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.View,
+      {
+        ref,
+        className: styles.tableDataStyle({ class: className }),
+        ...props
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Text,
+      {
+        ref,
+        className: styles.tableDataStyle({ class: className }),
+        ...props
+      }
+    );
+  }
+});
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    htmlElements.Caption,
+    {
+      ref,
+      className: styles.tableCaptionStyle({ class: className }),
+      ...props
+    }
+  );
+});
+Table.displayName = "Table";
+TableHeader.displayName = "TableHeader";
+TableBody.displayName = "TableBody";
+TableFooter.displayName = "TableFooter";
+TableHead.displayName = "TableHead";
+TableRow.displayName = "TableRow";
+TableData.displayName = "TableData";
+TableCaption.displayName = "TableCaption";
+
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableData = TableData;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+//# sourceMappingURL=index.cjs.map

package/apps/mobile/src/ui/table/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/table/index.tsx"],"sourcesContent":["import React, { createContext, useMemo, useContext } from 'react';\nimport {\n  Table as ExpoTable,\n  THead as ExpoTHead,\n  TBody as ExpoTBody,\n  TFoot as ExpoTFoot,\n  TR as ExpoTR,\n  Caption as ExpoTCaption,\n} from '@expo/html-elements';\n\nimport {\n  tableStyle,\n  tableHeaderStyle,\n  tableBodyStyle,\n  tableFooterStyle,\n  tableHeadStyle,\n  tableRowStyleStyle,\n  tableDataStyle,\n  tableCaptionStyle,\n} from './styles';\nimport { Text, View } from 'react-native';\n\nconst TableHeaderContext = createContext<{\n  isHeaderRow: boolean;\n}>({\n  isHeaderRow: false,\n});\nconst TableFooterContext = createContext<{\n  isFooterRow: boolean;\n}>({\n  isFooterRow: false,\n});\n\nexport type ITableProps = React.ComponentProps<typeof ExpoTable>;\nexport type ITableHeaderProps = React.ComponentProps<typeof ExpoTHead>;\nexport type ITableBodyProps = React.ComponentProps<typeof ExpoTBody>;\nexport type ITableFooterProps = React.ComponentProps<typeof ExpoTFoot>;\nexport type ITableHeadProps = React.ComponentProps<typeof View | typeof Text> & {\n  useRNView?: boolean;\n};\nexport type ITableRowProps = React.ComponentProps<typeof ExpoTR>;\nexport type ITableDataProps = React.ComponentProps<typeof View | typeof Text> & {\n  useRNView?: boolean;\n};\nexport type ITableCaptionProps = React.ComponentProps<typeof ExpoTCaption>;\n\nconst Table = React.forwardRef<\n  React.ComponentRef<typeof ExpoTable>,\n  ITableProps\n>(({ className, ...props }, ref) => {\n  return (\n    <ExpoTable\n      ref={ref}\n      className={tableStyle({ class: className })}\n      {...props}\n    />\n  );\n});\n\nconst TableHeader = React.forwardRef<\n  React.ComponentRef<typeof ExpoTHead>,\n  ITableHeaderProps\n>(function TableHeader({ className, ...props }, ref) {\n  const contextValue = useMemo(() => {\n    return {\n      isHeaderRow: true,\n    };\n  }, []);\n  return (\n    <TableHeaderContext.Provider value={contextValue}>\n      <ExpoTHead\n        ref={ref}\n        className={tableHeaderStyle({ class: className })}\n        {...props}\n      />\n    </TableHeaderContext.Provider>\n  );\n});\n\nconst TableBody = React.forwardRef<\n  React.ComponentRef<typeof ExpoTBody>,\n  ITableBodyProps\n>(function TableBody({ className, ...props }, ref) {\n  return (\n    <ExpoTBody\n      ref={ref}\n      className={tableBodyStyle({ class: className })}\n      {...props}\n    />\n  );\n});\n\nconst TableFooter = React.forwardRef<\n  React.ComponentRef<typeof ExpoTFoot>,\n  ITableFooterProps\n>(function TableFooter({ className, ...props }, ref) {\n  const contextValue = useMemo(() => {\n    return {\n      isFooterRow: true,\n    };\n  }, []);\n  return (\n    <TableFooterContext.Provider value={contextValue}>\n      <ExpoTFoot\n        ref={ref}\n        className={tableFooterStyle({ class: className })}\n        {...props}\n      />\n    </TableFooterContext.Provider>\n  );\n});\n\nconst TableHead = React.forwardRef<\n  React.ComponentRef<typeof View | typeof Text>,\n  ITableHeadProps\n>(function TableHead({ useRNView = false, className, ...props }, ref) {\n  if (useRNView) {\n    return (\n      <View\n        ref={ref}\n        className={tableHeadStyle({ class: className })}\n        {...props}\n      />\n    );\n  } else {\n    return (\n      <Text\n        ref={ref}\n        className={tableHeadStyle({ class: className })}\n        {...props}\n      />\n    );\n  }\n});\n\nconst TableRow = React.forwardRef<\n  React.ComponentRef<typeof ExpoTR>,\n  ITableRowProps\n>(function TableRow({ className, ...props }, ref) {\n  const { isHeaderRow } = useContext(TableHeaderContext);\n  const { isFooterRow } = useContext(TableFooterContext);\n\n  return (\n    <ExpoTR\n      ref={ref}\n      className={tableRowStyleStyle({\n        isHeaderRow,\n        isFooterRow,\n        class: className,\n      })}\n      {...props}\n    />\n  );\n});\n\nconst TableData = React.forwardRef<\n  React.ComponentRef<typeof View | typeof Text>,\n  ITableDataProps\n>(function TableData({ useRNView = false, className, ...props }, ref) {\n  if (useRNView) {\n    return (\n      <View\n        ref={ref}\n        className={tableDataStyle({ class: className })}\n        {...props}\n      />\n    );\n  } else {\n    return (\n      <Text\n        ref={ref}\n        className={tableDataStyle({ class: className })}\n        {...props}\n      />\n    );\n  }\n});\n\nconst TableCaption = React.forwardRef<\n  React.ComponentRef<typeof ExpoTCaption>,\n  ITableCaptionProps\n>(({ className, ...props }, ref) => {\n  return (\n    <ExpoTCaption\n      ref={ref}\n      className={tableCaptionStyle({ class: className })}\n      {...props}\n    />\n  );\n});\n\nTable.displayName = 'Table';\nTableHeader.displayName = 'TableHeader';\nTableBody.displayName = 'TableBody';\nTableFooter.displayName = 'TableFooter';\nTableHead.displayName = 'TableHead';\nTableRow.displayName = 'TableRow';\nTableData.displayName = 'TableData';\nTableCaption.displayName = 'TableCaption';\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableData,\n  TableCaption,\n};\n"],"names":["createContext","jsx","ExpoTable","tableStyle","TableHeader","useMemo","ExpoTHead","tableHeaderStyle","TableBody","ExpoTBody","tableBodyStyle","TableFooter","ExpoTFoot","tableFooterStyle","TableHead","View","tableHeadStyle","Text","TableRow","useContext","ExpoTR","tableRowStyleStyle","TableData","tableDataStyle","ExpoTCaption","tableCaptionStyle"],"mappings":"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"}

package/apps/mobile/src/ui/table/index.js

@@ -0,0 +1,141 @@
+import { jsx } from 'react/jsx-runtime';
+import React, { createContext, useMemo, useContext } from 'react';
+import { Table as Table$1, THead, TBody, TFoot, TR, Caption } from '@expo/html-elements';
+import { tableStyle, tableHeaderStyle, tableBodyStyle, tableFooterStyle, tableHeadStyle, tableRowStyleStyle, tableDataStyle, tableCaptionStyle } from './styles.js';
+import { View, Text } from 'react-native';
+
+const TableHeaderContext = createContext({
+  isHeaderRow: false
+});
+const TableFooterContext = createContext({
+  isFooterRow: false
+});
+const Table = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    Table$1,
+    {
+      ref,
+      className: tableStyle({ class: className }),
+      ...props
+    }
+  );
+});
+const TableHeader = React.forwardRef(function TableHeader2({ className, ...props }, ref) {
+  const contextValue = useMemo(() => {
+    return {
+      isHeaderRow: true
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(TableHeaderContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    THead,
+    {
+      ref,
+      className: tableHeaderStyle({ class: className }),
+      ...props
+    }
+  ) });
+});
+const TableBody = React.forwardRef(function TableBody2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    TBody,
+    {
+      ref,
+      className: tableBodyStyle({ class: className }),
+      ...props
+    }
+  );
+});
+const TableFooter = React.forwardRef(function TableFooter2({ className, ...props }, ref) {
+  const contextValue = useMemo(() => {
+    return {
+      isFooterRow: true
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(TableFooterContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    TFoot,
+    {
+      ref,
+      className: tableFooterStyle({ class: className }),
+      ...props
+    }
+  ) });
+});
+const TableHead = React.forwardRef(function TableHead2({ useRNView = false, className, ...props }, ref) {
+  if (useRNView) {
+    return /* @__PURE__ */ jsx(
+      View,
+      {
+        ref,
+        className: tableHeadStyle({ class: className }),
+        ...props
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsx(
+      Text,
+      {
+        ref,
+        className: tableHeadStyle({ class: className }),
+        ...props
+      }
+    );
+  }
+});
+const TableRow = React.forwardRef(function TableRow2({ className, ...props }, ref) {
+  const { isHeaderRow } = useContext(TableHeaderContext);
+  const { isFooterRow } = useContext(TableFooterContext);
+  return /* @__PURE__ */ jsx(
+    TR,
+    {
+      ref,
+      className: tableRowStyleStyle({
+        isHeaderRow,
+        isFooterRow,
+        class: className
+      }),
+      ...props
+    }
+  );
+});
+const TableData = React.forwardRef(function TableData2({ useRNView = false, className, ...props }, ref) {
+  if (useRNView) {
+    return /* @__PURE__ */ jsx(
+      View,
+      {
+        ref,
+        className: tableDataStyle({ class: className }),
+        ...props
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsx(
+      Text,
+      {
+        ref,
+        className: tableDataStyle({ class: className }),
+        ...props
+      }
+    );
+  }
+});
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    Caption,
+    {
+      ref,
+      className: tableCaptionStyle({ class: className }),
+      ...props
+    }
+  );
+});
+Table.displayName = "Table";
+TableHeader.displayName = "TableHeader";
+TableBody.displayName = "TableBody";
+TableFooter.displayName = "TableFooter";
+TableHead.displayName = "TableHead";
+TableRow.displayName = "TableRow";
+TableData.displayName = "TableData";
+TableCaption.displayName = "TableCaption";
+
+export { Table, TableBody, TableCaption, TableData, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/ui/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/table/index.tsx"],"sourcesContent":["import React, { createContext, useMemo, useContext } from 'react';\nimport {\n  Table as ExpoTable,\n  THead as ExpoTHead,\n  TBody as ExpoTBody,\n  TFoot as ExpoTFoot,\n  TR as ExpoTR,\n  Caption as ExpoTCaption,\n} from '@expo/html-elements';\n\nimport {\n  tableStyle,\n  tableHeaderStyle,\n  tableBodyStyle,\n  tableFooterStyle,\n  tableHeadStyle,\n  tableRowStyleStyle,\n  tableDataStyle,\n  tableCaptionStyle,\n} from './styles';\nimport { Text, View } from 'react-native';\n\nconst TableHeaderContext = createContext<{\n  isHeaderRow: boolean;\n}>({\n  isHeaderRow: false,\n});\nconst TableFooterContext = createContext<{\n  isFooterRow: boolean;\n}>({\n  isFooterRow: false,\n});\n\nexport type ITableProps = React.ComponentProps<typeof ExpoTable>;\nexport type ITableHeaderProps = React.ComponentProps<typeof ExpoTHead>;\nexport type ITableBodyProps = React.ComponentProps<typeof ExpoTBody>;\nexport type ITableFooterProps = React.ComponentProps<typeof ExpoTFoot>;\nexport type ITableHeadProps = React.ComponentProps<typeof View | typeof Text> & {\n  useRNView?: boolean;\n};\nexport type ITableRowProps = React.ComponentProps<typeof ExpoTR>;\nexport type ITableDataProps = React.ComponentProps<typeof View | typeof Text> & {\n  useRNView?: boolean;\n};\nexport type ITableCaptionProps = React.ComponentProps<typeof ExpoTCaption>;\n\nconst Table = React.forwardRef<\n  React.ComponentRef<typeof ExpoTable>,\n  ITableProps\n>(({ className, ...props }, ref) => {\n  return (\n    <ExpoTable\n      ref={ref}\n      className={tableStyle({ class: className })}\n      {...props}\n    />\n  );\n});\n\nconst TableHeader = React.forwardRef<\n  React.ComponentRef<typeof ExpoTHead>,\n  ITableHeaderProps\n>(function TableHeader({ className, ...props }, ref) {\n  const contextValue = useMemo(() => {\n    return {\n      isHeaderRow: true,\n    };\n  }, []);\n  return (\n    <TableHeaderContext.Provider value={contextValue}>\n      <ExpoTHead\n        ref={ref}\n        className={tableHeaderStyle({ class: className })}\n        {...props}\n      />\n    </TableHeaderContext.Provider>\n  );\n});\n\nconst TableBody = React.forwardRef<\n  React.ComponentRef<typeof ExpoTBody>,\n  ITableBodyProps\n>(function TableBody({ className, ...props }, ref) {\n  return (\n    <ExpoTBody\n      ref={ref}\n      className={tableBodyStyle({ class: className })}\n      {...props}\n    />\n  );\n});\n\nconst TableFooter = React.forwardRef<\n  React.ComponentRef<typeof ExpoTFoot>,\n  ITableFooterProps\n>(function TableFooter({ className, ...props }, ref) {\n  const contextValue = useMemo(() => {\n    return {\n      isFooterRow: true,\n    };\n  }, []);\n  return (\n    <TableFooterContext.Provider value={contextValue}>\n      <ExpoTFoot\n        ref={ref}\n        className={tableFooterStyle({ class: className })}\n        {...props}\n      />\n    </TableFooterContext.Provider>\n  );\n});\n\nconst TableHead = React.forwardRef<\n  React.ComponentRef<typeof View | typeof Text>,\n  ITableHeadProps\n>(function TableHead({ useRNView = false, className, ...props }, ref) {\n  if (useRNView) {\n    return (\n      <View\n        ref={ref}\n        className={tableHeadStyle({ class: className })}\n        {...props}\n      />\n    );\n  } else {\n    return (\n      <Text\n        ref={ref}\n        className={tableHeadStyle({ class: className })}\n        {...props}\n      />\n    );\n  }\n});\n\nconst TableRow = React.forwardRef<\n  React.ComponentRef<typeof ExpoTR>,\n  ITableRowProps\n>(function TableRow({ className, ...props }, ref) {\n  const { isHeaderRow } = useContext(TableHeaderContext);\n  const { isFooterRow } = useContext(TableFooterContext);\n\n  return (\n    <ExpoTR\n      ref={ref}\n      className={tableRowStyleStyle({\n        isHeaderRow,\n        isFooterRow,\n        class: className,\n      })}\n      {...props}\n    />\n  );\n});\n\nconst TableData = React.forwardRef<\n  React.ComponentRef<typeof View | typeof Text>,\n  ITableDataProps\n>(function TableData({ useRNView = false, className, ...props }, ref) {\n  if (useRNView) {\n    return (\n      <View\n        ref={ref}\n        className={tableDataStyle({ class: className })}\n        {...props}\n      />\n    );\n  } else {\n    return (\n      <Text\n        ref={ref}\n        className={tableDataStyle({ class: className })}\n        {...props}\n      />\n    );\n  }\n});\n\nconst TableCaption = React.forwardRef<\n  React.ComponentRef<typeof ExpoTCaption>,\n  ITableCaptionProps\n>(({ className, ...props }, ref) => {\n  return (\n    <ExpoTCaption\n      ref={ref}\n      className={tableCaptionStyle({ class: className })}\n      {...props}\n    />\n  );\n});\n\nTable.displayName = 'Table';\nTableHeader.displayName = 'TableHeader';\nTableBody.displayName = 'TableBody';\nTableFooter.displayName = 'TableFooter';\nTableHead.displayName = 'TableHead';\nTableRow.displayName = 'TableRow';\nTableData.displayName = 'TableData';\nTableCaption.displayName = 'TableCaption';\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableData,\n  TableCaption,\n};\n"],"names":["ExpoTable","TableHeader","ExpoTHead","TableBody","ExpoTBody","TableFooter","ExpoTFoot","TableHead","TableRow","ExpoTR","TableData","ExpoTCaption"],"mappings":";;;;;;AAsBA,MAAM,qBAAqB,aAAA,CAExB;AAAA,EACD,WAAA,EAAa;AACf,CAAC,CAAA;AACD,MAAM,qBAAqB,aAAA,CAExB;AAAA,EACD,WAAA,EAAa;AACf,CAAC,CAAA;AAeD,MAAM,KAAA,GAAQ,MAAM,UAAA,CAGlB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAClC,EAAA,uBACE,GAAA;AAAA,IAACA,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,UAAA,CAAW,EAAE,KAAA,EAAO,WAAW,CAAA;AAAA,MACzC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,MAAM,WAAA,GAAc,KAAA,CAAM,UAAA,CAGxB,SAASC,YAAAA,CAAY,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACnD,EAAA,MAAM,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,OAAO;AAAA,MACL,WAAA,EAAa;AAAA,KACf;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,uBACE,GAAA,CAAC,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,OAAO,YAAA,EAClC,QAAA,kBAAA,GAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,gBAAA,CAAiB,EAAE,KAAA,EAAO,WAAW,CAAA;AAAA,MAC/C,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ,CAAC;AAED,MAAM,SAAA,GAAY,KAAA,CAAM,UAAA,CAGtB,SAASC,UAAAA,CAAU,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACjD,EAAA,uBACE,GAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,cAAA,CAAe,EAAE,KAAA,EAAO,WAAW,CAAA;AAAA,MAC7C,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,MAAM,WAAA,GAAc,KAAA,CAAM,UAAA,CAGxB,SAASC,YAAAA,CAAY,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACnD,EAAA,MAAM,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,OAAO;AAAA,MACL,WAAA,EAAa;AAAA,KACf;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,uBACE,GAAA,CAAC,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,OAAO,YAAA,EAClC,QAAA,kBAAA,GAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,gBAAA,CAAiB,EAAE,KAAA,EAAO,WAAW,CAAA;AAAA,MAC/C,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ,CAAC;AAED,MAAM,SAAA,GAAY,KAAA,CAAM,UAAA,CAGtB,SAASC,UAAAA,CAAU,EAAE,SAAA,GAAY,KAAA,EAAO,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACpE,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,cAAA,CAAe,EAAE,KAAA,EAAO,WAAW,CAAA;AAAA,QAC7C,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ,CAAA,MAAO;AACL,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,cAAA,CAAe,EAAE,KAAA,EAAO,WAAW,CAAA;AAAA,QAC7C,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF,CAAC;AAED,MAAM,QAAA,GAAW,KAAA,CAAM,UAAA,CAGrB,SAASC,SAAAA,CAAS,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAChD,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,UAAA,CAAW,kBAAkB,CAAA;AACrD,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,UAAA,CAAW,kBAAkB,CAAA;AAErD,EAAA,uBACE,GAAA;AAAA,IAACC,EAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAW,kBAAA,CAAmB;AAAA,QAC5B,WAAA;AAAA,QACA,WAAA;AAAA,QACA,KAAA,EAAO;AAAA,OACR,CAAA;AAAA,MACA,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,MAAM,SAAA,GAAY,KAAA,CAAM,UAAA,CAGtB,SAASC,UAAAA,CAAU,EAAE,SAAA,GAAY,KAAA,EAAO,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACpE,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,cAAA,CAAe,EAAE,KAAA,EAAO,WAAW,CAAA;AAAA,QAC7C,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ,CAAA,MAAO;AACL,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,cAAA,CAAe,EAAE,KAAA,EAAO,WAAW,CAAA;AAAA,QAC7C,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF,CAAC;AAED,MAAM,YAAA,GAAe,MAAM,UAAA,CAGzB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAClC,EAAA,uBACE,GAAA;AAAA,IAACC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,iBAAA,CAAkB,EAAE,KAAA,EAAO,WAAW,CAAA;AAAA,MAChD,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,KAAA,CAAM,WAAA,GAAc,OAAA;AACpB,WAAA,CAAY,WAAA,GAAc,aAAA;AAC1B,SAAA,CAAU,WAAA,GAAc,WAAA;AACxB,WAAA,CAAY,WAAA,GAAc,aAAA;AAC1B,SAAA,CAAU,WAAA,GAAc,WAAA;AACxB,QAAA,CAAS,WAAA,GAAc,UAAA;AACvB,SAAA,CAAU,WAAA,GAAc,WAAA;AACxB,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}

package/apps/mobile/src/ui/table/styles.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+
+const captionTableStyle = nativewindUtils.isWeb ? "caption-bottom" : "";
+const tableStyle = nativewindUtils.tva({
+  base: `table border-collapse border-collapse w-[800px]`
+});
+const tableHeaderStyle = nativewindUtils.tva({
+  base: ""
+});
+const tableBodyStyle = nativewindUtils.tva({
+  base: ""
+});
+const tableFooterStyle = nativewindUtils.tva({
+  base: ""
+});
+const tableHeadStyle = nativewindUtils.tva({
+  base: "flex-1 px-6 py-[14px] text-left font-bold text-[16px] leading-[22px] text-typography-800 font-roboto"
+});
+const tableRowStyleStyle = nativewindUtils.tva({
+  base: "border-0 border-b border-solid border-outline-200 bg-background-0",
+  variants: {
+    isHeaderRow: {
+      true: ""
+    },
+    isFooterRow: {
+      true: "border-b-0 "
+    }
+  }
+});
+const tableDataStyle = nativewindUtils.tva({
+  base: "flex-1 px-6 py-[14px] text-left text-[16px] font-medium leading-[22px] text-typography-800 font-roboto"
+});
+const tableCaptionStyle = nativewindUtils.tva({
+  base: `${captionTableStyle} px-6 py-[14px] text-[16px] font-normal leading-[22px] text-typography-800 bg-background-50 font-roboto`
+});
+
+exports.tableBodyStyle = tableBodyStyle;
+exports.tableCaptionStyle = tableCaptionStyle;
+exports.tableDataStyle = tableDataStyle;
+exports.tableFooterStyle = tableFooterStyle;
+exports.tableHeadStyle = tableHeadStyle;
+exports.tableHeaderStyle = tableHeaderStyle;
+exports.tableRowStyleStyle = tableRowStyleStyle;
+exports.tableStyle = tableStyle;
+//# sourceMappingURL=styles.cjs.map

package/apps/mobile/src/ui/table/styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/table/styles.tsx"],"sourcesContent":["import { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { isWeb } from '@gluestack-ui/utils/nativewind-utils';\n\nconst captionTableStyle = isWeb ? 'caption-bottom' : '';\n\nexport const tableStyle = tva({\n  base: `table border-collapse border-collapse w-[800px]`,\n});\n\nexport const tableHeaderStyle = tva({\n  base: '',\n});\n\nexport const tableBodyStyle = tva({\n  base: '',\n});\n\nexport const tableFooterStyle = tva({\n  base: '',\n});\n\nexport const tableHeadStyle = tva({\n  base: 'flex-1 px-6 py-[14px] text-left font-bold text-[16px] leading-[22px] text-typography-800 font-roboto',\n});\n\nexport const tableRowStyleStyle = tva({\n  base: 'border-0 border-b border-solid border-outline-200 bg-background-0',\n  variants: {\n    isHeaderRow: {\n      true: '',\n    },\n    isFooterRow: {\n      true: 'border-b-0 ',\n    },\n  },\n});\n\nexport const tableDataStyle = tva({\n  base: 'flex-1 px-6 py-[14px] text-left text-[16px] font-medium leading-[22px] text-typography-800 font-roboto',\n});\n\nexport const tableCaptionStyle = tva({\n  base: `${captionTableStyle} px-6 py-[14px] text-[16px] font-normal leading-[22px] text-typography-800 bg-background-50 font-roboto`,\n});\n"],"names":["isWeb","tva"],"mappings":";;;;AAGA,MAAM,iBAAA,GAAoBA,wBAAQ,gBAAA,GAAmB,EAAA;AAE9C,MAAM,aAAaC,mBAAA,CAAI;AAAA,EAC5B,IAAA,EAAM,CAAA,+CAAA;AACR,CAAC;AAEM,MAAM,mBAAmBA,mBAAA,CAAI;AAAA,EAClC,IAAA,EAAM;AACR,CAAC;AAEM,MAAM,iBAAiBA,mBAAA,CAAI;AAAA,EAChC,IAAA,EAAM;AACR,CAAC;AAEM,MAAM,mBAAmBA,mBAAA,CAAI;AAAA,EAClC,IAAA,EAAM;AACR,CAAC;AAEM,MAAM,iBAAiBA,mBAAA,CAAI;AAAA,EAChC,IAAA,EAAM;AACR,CAAC;AAEM,MAAM,qBAAqBA,mBAAA,CAAI;AAAA,EACpC,IAAA,EAAM,mEAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,KACR;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA;AACR;AAEJ,CAAC;AAEM,MAAM,iBAAiBA,mBAAA,CAAI;AAAA,EAChC,IAAA,EAAM;AACR,CAAC;AAEM,MAAM,oBAAoBA,mBAAA,CAAI;AAAA,EACnC,IAAA,EAAM,GAAG,iBAAiB,CAAA,uGAAA;AAC5B,CAAC;;;;;;;;;;;"}

package/apps/mobile/src/ui/table/styles.js

@@ -0,0 +1,38 @@
+import { tva, isWeb } from '@gluestack-ui/utils/nativewind-utils';
+
+const captionTableStyle = isWeb ? "caption-bottom" : "";
+const tableStyle = tva({
+  base: `table border-collapse border-collapse w-[800px]`
+});
+const tableHeaderStyle = tva({
+  base: ""
+});
+const tableBodyStyle = tva({
+  base: ""
+});
+const tableFooterStyle = tva({
+  base: ""
+});
+const tableHeadStyle = tva({
+  base: "flex-1 px-6 py-[14px] text-left font-bold text-[16px] leading-[22px] text-typography-800 font-roboto"
+});
+const tableRowStyleStyle = tva({
+  base: "border-0 border-b border-solid border-outline-200 bg-background-0",
+  variants: {
+    isHeaderRow: {
+      true: ""
+    },
+    isFooterRow: {
+      true: "border-b-0 "
+    }
+  }
+});
+const tableDataStyle = tva({
+  base: "flex-1 px-6 py-[14px] text-left text-[16px] font-medium leading-[22px] text-typography-800 font-roboto"
+});
+const tableCaptionStyle = tva({
+  base: `${captionTableStyle} px-6 py-[14px] text-[16px] font-normal leading-[22px] text-typography-800 bg-background-50 font-roboto`
+});
+
+export { tableBodyStyle, tableCaptionStyle, tableDataStyle, tableFooterStyle, tableHeadStyle, tableHeaderStyle, tableRowStyleStyle, tableStyle };
+//# sourceMappingURL=styles.js.map

package/apps/mobile/src/ui/table/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../../apps/mobile/src/ui/table/styles.tsx"],"sourcesContent":["import { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { isWeb } from '@gluestack-ui/utils/nativewind-utils';\n\nconst captionTableStyle = isWeb ? 'caption-bottom' : '';\n\nexport const tableStyle = tva({\n  base: `table border-collapse border-collapse w-[800px]`,\n});\n\nexport const tableHeaderStyle = tva({\n  base: '',\n});\n\nexport const tableBodyStyle = tva({\n  base: '',\n});\n\nexport const tableFooterStyle = tva({\n  base: '',\n});\n\nexport const tableHeadStyle = tva({\n  base: 'flex-1 px-6 py-[14px] text-left font-bold text-[16px] leading-[22px] text-typography-800 font-roboto',\n});\n\nexport const tableRowStyleStyle = tva({\n  base: 'border-0 border-b border-solid border-outline-200 bg-background-0',\n  variants: {\n    isHeaderRow: {\n      true: '',\n    },\n    isFooterRow: {\n      true: 'border-b-0 ',\n    },\n  },\n});\n\nexport const tableDataStyle = tva({\n  base: 'flex-1 px-6 py-[14px] text-left text-[16px] font-medium leading-[22px] text-typography-800 font-roboto',\n});\n\nexport const tableCaptionStyle = tva({\n  base: `${captionTableStyle} px-6 py-[14px] text-[16px] font-normal leading-[22px] text-typography-800 bg-background-50 font-roboto`,\n});\n"],"names":[],"mappings":";;AAGA,MAAM,iBAAA,GAAoB,QAAQ,gBAAA,GAAmB,EAAA;AAE9C,MAAM,aAAa,GAAA,CAAI;AAAA,EAC5B,IAAA,EAAM,CAAA,+CAAA;AACR,CAAC;AAEM,MAAM,mBAAmB,GAAA,CAAI;AAAA,EAClC,IAAA,EAAM;AACR,CAAC;AAEM,MAAM,iBAAiB,GAAA,CAAI;AAAA,EAChC,IAAA,EAAM;AACR,CAAC;AAEM,MAAM,mBAAmB,GAAA,CAAI;AAAA,EAClC,IAAA,EAAM;AACR,CAAC;AAEM,MAAM,iBAAiB,GAAA,CAAI;AAAA,EAChC,IAAA,EAAM;AACR,CAAC;AAEM,MAAM,qBAAqB,GAAA,CAAI;AAAA,EACpC,IAAA,EAAM,mEAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,KACR;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA;AACR;AAEJ,CAAC;AAEM,MAAM,iBAAiB,GAAA,CAAI;AAAA,EAChC,IAAA,EAAM;AACR,CAAC;AAEM,MAAM,oBAAoB,GAAA,CAAI;AAAA,EACnC,IAAA,EAAM,GAAG,iBAAiB,CAAA,uGAAA;AAC5B,CAAC;;;;"}

package/apps/mobile/src/ui/text/index.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var styles = require('./styles.cjs');
+
+const Text = React.forwardRef(
+  function Text2({
+    className,
+    isTruncated,
+    bold,
+    underline,
+    strikeThrough,
+    size = "md",
+    sub,
+    italic,
+    highlight,
+    ...props
+  }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Text,
+      {
+        className: styles.textStyle({
+          isTruncated,
+          bold,
+          underline,
+          strikeThrough,
+          size,
+          sub,
+          italic,
+          highlight,
+          class: className
+        }),
+        ...props,
+        ref
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+
+exports.Text = Text;
+//# sourceMappingURL=index.cjs.map

package/apps/mobile/src/ui/text/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/text/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { Text as RNText } from 'react-native';\nimport { textStyle } from './styles';\n\nexport type ITextProps = React.ComponentProps<typeof RNText> &\n  VariantProps<typeof textStyle>;\n\nconst Text = React.forwardRef<React.ComponentRef<typeof RNText>, ITextProps>(\n  function Text(\n    {\n      className,\n      isTruncated,\n      bold,\n      underline,\n      strikeThrough,\n      size = 'md',\n      sub,\n      italic,\n      highlight,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <RNText\n        className={textStyle({\n          isTruncated: isTruncated as boolean,\n          bold: bold as boolean,\n          underline: underline as boolean,\n          strikeThrough: strikeThrough as boolean,\n          size,\n          sub: sub as boolean,\n          italic: italic as boolean,\n          highlight: highlight as boolean,\n          class: className,\n        })}\n        {...props}\n        ref={ref}\n      />\n    );\n  }\n);\n\nText.displayName = 'Text';\n\nexport { Text };\n"],"names":["Text","jsx","RNText","textStyle"],"mappings":";;;;;;;AASA,MAAM,OAAO,KAAA,CAAM,UAAA;AAAA,EACjB,SAASA,KAAAA,CACP;AAAA,IACE,SAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA,GAAO,IAAA;AAAA,IACP,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,uBACEC,cAAA;AAAA,MAACC,gBAAA;AAAA,MAAA;AAAA,QACC,WAAWC,gBAAA,CAAU;AAAA,UACnB,WAAA;AAAA,UACA,IAAA;AAAA,UACA,SAAA;AAAA,UACA,aAAA;AAAA,UACA,IAAA;AAAA,UACA,GAAA;AAAA,UACA,MAAA;AAAA,UACA,SAAA;AAAA,UACA,KAAA,EAAO;AAAA,SACR,CAAA;AAAA,QACA,GAAG,KAAA;AAAA,QACJ;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}

package/apps/mobile/src/ui/text/index.js

@@ -0,0 +1,42 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Text as Text$1 } from 'react-native';
+import { textStyle } from './styles.js';
+
+const Text = React.forwardRef(
+  function Text2({
+    className,
+    isTruncated,
+    bold,
+    underline,
+    strikeThrough,
+    size = "md",
+    sub,
+    italic,
+    highlight,
+    ...props
+  }, ref) {
+    return /* @__PURE__ */ jsx(
+      Text$1,
+      {
+        className: textStyle({
+          isTruncated,
+          bold,
+          underline,
+          strikeThrough,
+          size,
+          sub,
+          italic,
+          highlight,
+          class: className
+        }),
+        ...props,
+        ref
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+
+export { Text };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/ui/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/text/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { Text as RNText } from 'react-native';\nimport { textStyle } from './styles';\n\nexport type ITextProps = React.ComponentProps<typeof RNText> &\n  VariantProps<typeof textStyle>;\n\nconst Text = React.forwardRef<React.ComponentRef<typeof RNText>, ITextProps>(\n  function Text(\n    {\n      className,\n      isTruncated,\n      bold,\n      underline,\n      strikeThrough,\n      size = 'md',\n      sub,\n      italic,\n      highlight,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <RNText\n        className={textStyle({\n          isTruncated: isTruncated as boolean,\n          bold: bold as boolean,\n          underline: underline as boolean,\n          strikeThrough: strikeThrough as boolean,\n          size,\n          sub: sub as boolean,\n          italic: italic as boolean,\n          highlight: highlight as boolean,\n          class: className,\n        })}\n        {...props}\n        ref={ref}\n      />\n    );\n  }\n);\n\nText.displayName = 'Text';\n\nexport { Text };\n"],"names":["Text","RNText"],"mappings":";;;;;AASA,MAAM,OAAO,KAAA,CAAM,UAAA;AAAA,EACjB,SAASA,KAAAA,CACP;AAAA,IACE,SAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA,GAAO,IAAA;AAAA,IACP,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,uBACE,GAAA;AAAA,MAACC,MAAA;AAAA,MAAA;AAAA,QACC,WAAW,SAAA,CAAU;AAAA,UACnB,WAAA;AAAA,UACA,IAAA;AAAA,UACA,SAAA;AAAA,UACA,aAAA;AAAA,UACA,IAAA;AAAA,UACA,GAAA;AAAA,UACA,MAAA;AAAA,UACA,SAAA;AAAA,UACA,KAAA,EAAO;AAAA,SACR,CAAA;AAAA,QACA,GAAG,KAAA;AAAA,QACJ;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}