@lmb-it/kitsconcerto-native 0.1.236

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

@@ -0,0 +1,16 @@
+'use strict';
+
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+
+const gridBaseStyle = nativewindUtils.isWeb ? "grid grid-cols-12" : "box-border flex-row flex-wrap justify-start";
+const gridItemBaseStyle = nativewindUtils.isWeb ? "w-auto col-span-1" : "";
+const gridStyle = nativewindUtils.tva({
+  base: `w-full ${gridBaseStyle}`
+});
+const gridItemStyle = nativewindUtils.tva({
+  base: `w-full ${gridItemBaseStyle}`
+});
+
+exports.gridItemStyle = gridItemStyle;
+exports.gridStyle = gridStyle;
+//# sourceMappingURL=styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/grid/styles.tsx"],"sourcesContent":["import { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { isWeb } from '@gluestack-ui/utils/nativewind-utils';\n\nconst gridBaseStyle = isWeb\n  ? 'grid grid-cols-12'\n  : 'box-border flex-row flex-wrap justify-start';\nconst gridItemBaseStyle = isWeb ? 'w-auto col-span-1' : '';\n\nexport const gridStyle = tva({\n  base: `w-full ${gridBaseStyle}`,\n});\n\nexport const gridItemStyle = tva({\n  base: `w-full ${gridItemBaseStyle}`,\n});\n"],"names":["isWeb","tva"],"mappings":";;;;AAGA,MAAM,aAAA,GAAgBA,wBAClB,mBAAA,GACA,6CAAA;AACJ,MAAM,iBAAA,GAAoBA,wBAAQ,mBAAA,GAAsB,EAAA;AAEjD,MAAM,YAAYC,mBAAA,CAAI;AAAA,EAC3B,IAAA,EAAM,UAAU,aAAa,CAAA;AAC/B,CAAC;AAEM,MAAM,gBAAgBA,mBAAA,CAAI;AAAA,EAC/B,IAAA,EAAM,UAAU,iBAAiB,CAAA;AACnC,CAAC;;;;;"}

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

@@ -0,0 +1,13 @@
+import { tva, isWeb } from '@gluestack-ui/utils/nativewind-utils';
+
+const gridBaseStyle = isWeb ? "grid grid-cols-12" : "box-border flex-row flex-wrap justify-start";
+const gridItemBaseStyle = isWeb ? "w-auto col-span-1" : "";
+const gridStyle = tva({
+  base: `w-full ${gridBaseStyle}`
+});
+const gridItemStyle = tva({
+  base: `w-full ${gridItemBaseStyle}`
+});
+
+export { gridItemStyle, gridStyle };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../../apps/mobile/src/ui/grid/styles.tsx"],"sourcesContent":["import { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { isWeb } from '@gluestack-ui/utils/nativewind-utils';\n\nconst gridBaseStyle = isWeb\n  ? 'grid grid-cols-12'\n  : 'box-border flex-row flex-wrap justify-start';\nconst gridItemBaseStyle = isWeb ? 'w-auto col-span-1' : '';\n\nexport const gridStyle = tva({\n  base: `w-full ${gridBaseStyle}`,\n});\n\nexport const gridItemStyle = tva({\n  base: `w-full ${gridItemBaseStyle}`,\n});\n"],"names":[],"mappings":";;AAGA,MAAM,aAAA,GAAgB,QAClB,mBAAA,GACA,6CAAA;AACJ,MAAM,iBAAA,GAAoB,QAAQ,mBAAA,GAAsB,EAAA;AAEjD,MAAM,YAAY,GAAA,CAAI;AAAA,EAC3B,IAAA,EAAM,UAAU,aAAa,CAAA;AAC/B,CAAC;AAEM,MAAM,gBAAgB,GAAA,CAAI;AAAA,EAC/B,IAAA,EAAM,UAAU,iBAAiB,CAAA;AACnC,CAAC;;;;"}

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

@@ -0,0 +1,206 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var htmlElements = require('@expo/html-elements');
+var styles = require('./styles.cjs');
+var nativewind = require('nativewind');
+
+nativewind.cssInterop(htmlElements.H1, { className: "style" });
+nativewind.cssInterop(htmlElements.H2, { className: "style" });
+nativewind.cssInterop(htmlElements.H3, { className: "style" });
+nativewind.cssInterop(htmlElements.H4, { className: "style" });
+nativewind.cssInterop(htmlElements.H5, { className: "style" });
+nativewind.cssInterop(htmlElements.H6, { className: "style" });
+const MappedHeading = React.memo(
+  React.forwardRef(
+    function MappedHeading2({
+      size,
+      className,
+      isTruncated,
+      bold,
+      underline,
+      strikeThrough,
+      sub,
+      italic,
+      highlight,
+      ...props
+    }, ref) {
+      switch (size) {
+        case "5xl":
+        case "4xl":
+        case "3xl":
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            htmlElements.H1,
+            {
+              className: styles.headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+        case "2xl":
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            htmlElements.H2,
+            {
+              className: styles.headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+        case "xl":
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            htmlElements.H3,
+            {
+              className: styles.headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+        case "lg":
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            htmlElements.H4,
+            {
+              className: styles.headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+        case "md":
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            htmlElements.H5,
+            {
+              className: styles.headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+        case "sm":
+        case "xs":
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            htmlElements.H6,
+            {
+              className: styles.headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+        default:
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            htmlElements.H4,
+            {
+              className: styles.headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+      }
+    }
+  )
+);
+const Heading = React.memo(
+  React.forwardRef(function Heading2({ className, size = "lg", as: AsComp, ...props }, ref) {
+    const {
+      isTruncated,
+      bold,
+      underline,
+      strikeThrough,
+      sub,
+      italic,
+      highlight
+    } = props;
+    if (AsComp) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        AsComp,
+        {
+          className: styles.headingStyle({
+            size,
+            isTruncated,
+            bold,
+            underline,
+            strikeThrough,
+            sub,
+            italic,
+            highlight,
+            class: className
+          }),
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(MappedHeading, { className, size, ref, ...props });
+  })
+);
+Heading.displayName = "Heading";
+
+exports.Heading = Heading;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/heading/index.tsx"],"sourcesContent":["import React, { forwardRef, memo } from 'react';\nimport { H1, H2, H3, H4, H5, H6 } from '@expo/html-elements';\nimport { headingStyle } from './styles';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { cssInterop } from 'nativewind';\n\nexport type IHeadingProps = VariantProps<typeof headingStyle> &\n  React.ComponentPropsWithoutRef<typeof H1> & {\n    as?: React.ElementType;\n  };\n\ncssInterop(H1, { className: 'style' });\ncssInterop(H2, { className: 'style' });\ncssInterop(H3, { className: 'style' });\ncssInterop(H4, { className: 'style' });\ncssInterop(H5, { className: 'style' });\ncssInterop(H6, { className: 'style' });\n\nconst MappedHeading = memo(\n  forwardRef<React.ComponentRef<typeof H1>, IHeadingProps>(\n    function MappedHeading(\n      {\n        size,\n        className,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        ...props\n      },\n      ref\n    ) {\n      switch (size) {\n        case '5xl':\n        case '4xl':\n        case '3xl':\n          return (\n            <H1\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n        case '2xl':\n          return (\n            <H2\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n        case 'xl':\n          return (\n            <H3\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n        case 'lg':\n          return (\n            <H4\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n        case 'md':\n          return (\n            <H5\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n        case 'sm':\n        case 'xs':\n          return (\n            <H6\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n        default:\n          return (\n            <H4\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n      }\n    }\n  )\n);\n\nconst Heading = memo(\n  forwardRef<React.ComponentRef<typeof H1>, IHeadingProps>(function Heading(\n    { className, size = 'lg', as: AsComp, ...props },\n    ref\n  ) {\n    const {\n      isTruncated,\n      bold,\n      underline,\n      strikeThrough,\n      sub,\n      italic,\n      highlight,\n    } = props;\n\n    if (AsComp) {\n      return (\n        <AsComp\n          className={headingStyle({\n            size,\n            isTruncated: isTruncated as boolean,\n            bold: bold as boolean,\n            underline: underline as boolean,\n            strikeThrough: strikeThrough as boolean,\n            sub: sub as boolean,\n            italic: italic as boolean,\n            highlight: highlight as boolean,\n            class: className,\n          })}\n          {...props}\n        />\n      );\n    }\n\n    return (\n      <MappedHeading className={className} size={size} ref={ref} {...props} />\n    );\n  })\n);\n\nHeading.displayName = 'Heading';\n\nexport { Heading };\n"],"names":["cssInterop","H1","H2","H3","H4","H5","H6","memo","forwardRef","MappedHeading","jsx","headingStyle","Heading"],"mappings":"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"}

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

@@ -0,0 +1,204 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo, forwardRef } from 'react';
+import { H4, H6, H5, H3, H2, H1 } from '@expo/html-elements';
+import { headingStyle } from './styles.js';
+import { cssInterop } from 'nativewind';
+
+cssInterop(H1, { className: "style" });
+cssInterop(H2, { className: "style" });
+cssInterop(H3, { className: "style" });
+cssInterop(H4, { className: "style" });
+cssInterop(H5, { className: "style" });
+cssInterop(H6, { className: "style" });
+const MappedHeading = memo(
+  forwardRef(
+    function MappedHeading2({
+      size,
+      className,
+      isTruncated,
+      bold,
+      underline,
+      strikeThrough,
+      sub,
+      italic,
+      highlight,
+      ...props
+    }, ref) {
+      switch (size) {
+        case "5xl":
+        case "4xl":
+        case "3xl":
+          return /* @__PURE__ */ jsx(
+            H1,
+            {
+              className: headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+        case "2xl":
+          return /* @__PURE__ */ jsx(
+            H2,
+            {
+              className: headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+        case "xl":
+          return /* @__PURE__ */ jsx(
+            H3,
+            {
+              className: headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+        case "lg":
+          return /* @__PURE__ */ jsx(
+            H4,
+            {
+              className: headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+        case "md":
+          return /* @__PURE__ */ jsx(
+            H5,
+            {
+              className: headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+        case "sm":
+        case "xs":
+          return /* @__PURE__ */ jsx(
+            H6,
+            {
+              className: headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+        default:
+          return /* @__PURE__ */ jsx(
+            H4,
+            {
+              className: headingStyle({
+                size,
+                isTruncated,
+                bold,
+                underline,
+                strikeThrough,
+                sub,
+                italic,
+                highlight,
+                class: className
+              }),
+              ...props,
+              ref
+            }
+          );
+      }
+    }
+  )
+);
+const Heading = memo(
+  forwardRef(function Heading2({ className, size = "lg", as: AsComp, ...props }, ref) {
+    const {
+      isTruncated,
+      bold,
+      underline,
+      strikeThrough,
+      sub,
+      italic,
+      highlight
+    } = props;
+    if (AsComp) {
+      return /* @__PURE__ */ jsx(
+        AsComp,
+        {
+          className: headingStyle({
+            size,
+            isTruncated,
+            bold,
+            underline,
+            strikeThrough,
+            sub,
+            italic,
+            highlight,
+            class: className
+          }),
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(MappedHeading, { className, size, ref, ...props });
+  })
+);
+Heading.displayName = "Heading";
+
+export { Heading };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/heading/index.tsx"],"sourcesContent":["import React, { forwardRef, memo } from 'react';\nimport { H1, H2, H3, H4, H5, H6 } from '@expo/html-elements';\nimport { headingStyle } from './styles';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { cssInterop } from 'nativewind';\n\nexport type IHeadingProps = VariantProps<typeof headingStyle> &\n  React.ComponentPropsWithoutRef<typeof H1> & {\n    as?: React.ElementType;\n  };\n\ncssInterop(H1, { className: 'style' });\ncssInterop(H2, { className: 'style' });\ncssInterop(H3, { className: 'style' });\ncssInterop(H4, { className: 'style' });\ncssInterop(H5, { className: 'style' });\ncssInterop(H6, { className: 'style' });\n\nconst MappedHeading = memo(\n  forwardRef<React.ComponentRef<typeof H1>, IHeadingProps>(\n    function MappedHeading(\n      {\n        size,\n        className,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        ...props\n      },\n      ref\n    ) {\n      switch (size) {\n        case '5xl':\n        case '4xl':\n        case '3xl':\n          return (\n            <H1\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n        case '2xl':\n          return (\n            <H2\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n        case 'xl':\n          return (\n            <H3\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n        case 'lg':\n          return (\n            <H4\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n        case 'md':\n          return (\n            <H5\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n        case 'sm':\n        case 'xs':\n          return (\n            <H6\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n        default:\n          return (\n            <H4\n              className={headingStyle({\n                size,\n                isTruncated: isTruncated as boolean,\n                bold: bold as boolean,\n                underline: underline as boolean,\n                strikeThrough: strikeThrough as boolean,\n                sub: sub as boolean,\n                italic: italic as boolean,\n                highlight: highlight as boolean,\n                class: className,\n              })}\n              {...props}\n              // @ts-expect-error : export type issue\n              ref={ref}\n            />\n          );\n      }\n    }\n  )\n);\n\nconst Heading = memo(\n  forwardRef<React.ComponentRef<typeof H1>, IHeadingProps>(function Heading(\n    { className, size = 'lg', as: AsComp, ...props },\n    ref\n  ) {\n    const {\n      isTruncated,\n      bold,\n      underline,\n      strikeThrough,\n      sub,\n      italic,\n      highlight,\n    } = props;\n\n    if (AsComp) {\n      return (\n        <AsComp\n          className={headingStyle({\n            size,\n            isTruncated: isTruncated as boolean,\n            bold: bold as boolean,\n            underline: underline as boolean,\n            strikeThrough: strikeThrough as boolean,\n            sub: sub as boolean,\n            italic: italic as boolean,\n            highlight: highlight as boolean,\n            class: className,\n          })}\n          {...props}\n        />\n      );\n    }\n\n    return (\n      <MappedHeading className={className} size={size} ref={ref} {...props} />\n    );\n  })\n);\n\nHeading.displayName = 'Heading';\n\nexport { Heading };\n"],"names":["MappedHeading","Heading"],"mappings":"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"}

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

@@ -0,0 +1,45 @@
+'use strict';
+
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+
+const baseStyle = nativewindUtils.isWeb ? "font-sans tracking-sm bg-transparent border-0 box-border display-inline list-none margin-0 padding-0 position-relative text-start no-underline whitespace-pre-wrap word-wrap-break-word" : "";
+const headingStyle = nativewindUtils.tva({
+  base: `text-typography-900 font-bold font-heading tracking-sm my-0 ${baseStyle}`,
+  variants: {
+    isTruncated: {
+      true: "truncate"
+    },
+    bold: {
+      true: "font-bold"
+    },
+    underline: {
+      true: "underline"
+    },
+    strikeThrough: {
+      true: "line-through"
+    },
+    sub: {
+      true: "text-xs"
+    },
+    italic: {
+      true: "italic"
+    },
+    highlight: {
+      true: "bg-yellow-500"
+    },
+    size: {
+      "5xl": "text-6xl",
+      "4xl": "text-5xl",
+      "3xl": "text-4xl",
+      "2xl": "text-3xl",
+      "xl": "text-2xl",
+      "lg": "text-xl",
+      "md": "text-lg",
+      "sm": "text-base",
+      "xs": "text-sm"
+    }
+  }
+});
+
+exports.headingStyle = headingStyle;
+//# sourceMappingURL=styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/heading/styles.tsx"],"sourcesContent":["import { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { isWeb } from '@gluestack-ui/utils/nativewind-utils';\nconst baseStyle = isWeb\n  ? 'font-sans tracking-sm bg-transparent border-0 box-border display-inline list-none margin-0 padding-0 position-relative text-start no-underline whitespace-pre-wrap word-wrap-break-word'\n  : '';\n\nexport const headingStyle = tva({\n  base: `text-typography-900 font-bold font-heading tracking-sm my-0 ${baseStyle}`,\n  variants: {\n    isTruncated: {\n      true: 'truncate',\n    },\n    bold: {\n      true: 'font-bold',\n    },\n    underline: {\n      true: 'underline',\n    },\n    strikeThrough: {\n      true: 'line-through',\n    },\n    sub: {\n      true: 'text-xs',\n    },\n    italic: {\n      true: 'italic',\n    },\n    highlight: {\n      true: 'bg-yellow-500',\n    },\n    size: {\n      '5xl': 'text-6xl',\n      '4xl': 'text-5xl',\n      '3xl': 'text-4xl',\n      '2xl': 'text-3xl',\n      'xl': 'text-2xl',\n      'lg': 'text-xl',\n      'md': 'text-lg',\n      'sm': 'text-base',\n      'xs': 'text-sm',\n    },\n  },\n});\n"],"names":["isWeb","tva"],"mappings":";;;;AAEA,MAAM,SAAA,GAAYA,wBACd,yLAAA,GACA,EAAA;AAEG,MAAM,eAAeC,mBAAA,CAAI;AAAA,EAC9B,IAAA,EAAM,+DAA+D,SAAS,CAAA,CAAA;AAAA,EAC9E,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,KACR;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM;AAAA,KACR;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,KACR;AAAA,IACA,GAAA,EAAK;AAAA,MACH,IAAA,EAAM;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM;AAAA,KACR;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO,UAAA;AAAA,MACP,IAAA,EAAM,UAAA;AAAA,MACN,IAAA,EAAM,SAAA;AAAA,MACN,IAAA,EAAM,SAAA;AAAA,MACN,IAAA,EAAM,WAAA;AAAA,MACN,IAAA,EAAM;AAAA;AACR;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,43 @@
+import { tva, isWeb } from '@gluestack-ui/utils/nativewind-utils';
+
+const baseStyle = isWeb ? "font-sans tracking-sm bg-transparent border-0 box-border display-inline list-none margin-0 padding-0 position-relative text-start no-underline whitespace-pre-wrap word-wrap-break-word" : "";
+const headingStyle = tva({
+  base: `text-typography-900 font-bold font-heading tracking-sm my-0 ${baseStyle}`,
+  variants: {
+    isTruncated: {
+      true: "truncate"
+    },
+    bold: {
+      true: "font-bold"
+    },
+    underline: {
+      true: "underline"
+    },
+    strikeThrough: {
+      true: "line-through"
+    },
+    sub: {
+      true: "text-xs"
+    },
+    italic: {
+      true: "italic"
+    },
+    highlight: {
+      true: "bg-yellow-500"
+    },
+    size: {
+      "5xl": "text-6xl",
+      "4xl": "text-5xl",
+      "3xl": "text-4xl",
+      "2xl": "text-3xl",
+      "xl": "text-2xl",
+      "lg": "text-xl",
+      "md": "text-lg",
+      "sm": "text-base",
+      "xs": "text-sm"
+    }
+  }
+});
+
+export { headingStyle };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../../apps/mobile/src/ui/heading/styles.tsx"],"sourcesContent":["import { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { isWeb } from '@gluestack-ui/utils/nativewind-utils';\nconst baseStyle = isWeb\n  ? 'font-sans tracking-sm bg-transparent border-0 box-border display-inline list-none margin-0 padding-0 position-relative text-start no-underline whitespace-pre-wrap word-wrap-break-word'\n  : '';\n\nexport const headingStyle = tva({\n  base: `text-typography-900 font-bold font-heading tracking-sm my-0 ${baseStyle}`,\n  variants: {\n    isTruncated: {\n      true: 'truncate',\n    },\n    bold: {\n      true: 'font-bold',\n    },\n    underline: {\n      true: 'underline',\n    },\n    strikeThrough: {\n      true: 'line-through',\n    },\n    sub: {\n      true: 'text-xs',\n    },\n    italic: {\n      true: 'italic',\n    },\n    highlight: {\n      true: 'bg-yellow-500',\n    },\n    size: {\n      '5xl': 'text-6xl',\n      '4xl': 'text-5xl',\n      '3xl': 'text-4xl',\n      '2xl': 'text-3xl',\n      'xl': 'text-2xl',\n      'lg': 'text-xl',\n      'md': 'text-lg',\n      'sm': 'text-base',\n      'xs': 'text-sm',\n    },\n  },\n});\n"],"names":[],"mappings":";;AAEA,MAAM,SAAA,GAAY,QACd,yLAAA,GACA,EAAA;AAEG,MAAM,eAAe,GAAA,CAAI;AAAA,EAC9B,IAAA,EAAM,+DAA+D,SAAS,CAAA,CAAA;AAAA,EAC9E,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,KACR;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM;AAAA,KACR;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,KACR;AAAA,IACA,GAAA,EAAK;AAAA,MACH,IAAA,EAAM;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM;AAAA,KACR;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO,UAAA;AAAA,MACP,IAAA,EAAM,UAAA;AAAA,MACN,IAAA,EAAM,SAAA;AAAA,MACN,IAAA,EAAM,SAAA;AAAA,MACN,IAAA,EAAM,WAAA;AAAA,MACN,IAAA,EAAM;AAAA;AACR;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var styles = require('./styles.cjs');
+
+const HStack = React.forwardRef(
+  function HStack2({ className, space, reversed, ...props }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.View,
+      {
+        className: styles.hstackStyle({
+          space,
+          reversed,
+          class: className
+        }),
+        ...props,
+        ref
+      }
+    );
+  }
+);
+HStack.displayName = "HStack";
+
+exports.HStack = HStack;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/hstack/index.tsx"],"sourcesContent":["import React from 'react';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { View } from 'react-native';\nimport type { ViewProps } from 'react-native';\nimport { hstackStyle } from './styles';\n\nexport type IHStackProps = ViewProps & VariantProps<typeof hstackStyle>;\n\nconst HStack = React.forwardRef<React.ComponentRef<typeof View>, IHStackProps>(\n  function HStack({ className, space, reversed, ...props }, ref) {\n    return (\n      <View\n        className={hstackStyle({\n          space,\n          reversed: reversed as boolean,\n          class: className,\n        })}\n        {...props}\n        ref={ref}\n      />\n    );\n  }\n);\n\nHStack.displayName = 'HStack';\n\nexport { HStack };\n"],"names":["HStack","jsx","View","hstackStyle"],"mappings":";;;;;;;AAQA,MAAM,SAAS,KAAA,CAAM,UAAA;AAAA,EACnB,SAASA,QAAO,EAAE,SAAA,EAAW,OAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC7D,IAAA,uBACEC,cAAA;AAAA,MAACC,gBAAA;AAAA,MAAA;AAAA,QACC,WAAWC,kBAAA,CAAY;AAAA,UACrB,KAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA,EAAO;AAAA,SACR,CAAA;AAAA,QACA,GAAG,KAAA;AAAA,QACJ;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

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

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { View } from 'react-native';
+import { hstackStyle } from './styles.js';
+
+const HStack = React.forwardRef(
+  function HStack2({ className, space, reversed, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      View,
+      {
+        className: hstackStyle({
+          space,
+          reversed,
+          class: className
+        }),
+        ...props,
+        ref
+      }
+    );
+  }
+);
+HStack.displayName = "HStack";
+
+export { HStack };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/hstack/index.tsx"],"sourcesContent":["import React from 'react';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { View } from 'react-native';\nimport type { ViewProps } from 'react-native';\nimport { hstackStyle } from './styles';\n\nexport type IHStackProps = ViewProps & VariantProps<typeof hstackStyle>;\n\nconst HStack = React.forwardRef<React.ComponentRef<typeof View>, IHStackProps>(\n  function HStack({ className, space, reversed, ...props }, ref) {\n    return (\n      <View\n        className={hstackStyle({\n          space,\n          reversed: reversed as boolean,\n          class: className,\n        })}\n        {...props}\n        ref={ref}\n      />\n    );\n  }\n);\n\nHStack.displayName = 'HStack';\n\nexport { HStack };\n"],"names":["HStack"],"mappings":";;;;;AAQA,MAAM,SAAS,KAAA,CAAM,UAAA;AAAA,EACnB,SAASA,QAAO,EAAE,SAAA,EAAW,OAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC7D,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAW,WAAA,CAAY;AAAA,UACrB,KAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA,EAAO;AAAA,SACR,CAAA;AAAA,QACA,GAAG,KAAA;AAAA,QACJ;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}