@lmb-it/kitsconcerto-native 0.1.236

package/apps/mobile/src/ui/gluestack-ui-provider/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../../../../../../../apps/mobile/src/ui/gluestack-ui-provider/config.ts"],"sourcesContent":["'use client';\nimport { vars } from 'nativewind';\n\nexport const config = {\n  light: vars({\n    '--color-primary-0': '179 179 179',\n    '--color-primary-50': '153 153 153',\n    '--color-primary-100': '128 128 128',\n    '--color-primary-200': '115 115 115',\n    '--color-primary-300': '102 102 102',\n    '--color-primary-400': '82 82 82',\n    '--color-primary-500': '51 51 51',\n    '--color-primary-600': '41 41 41',\n    '--color-primary-700': '31 31 31',\n    '--color-primary-800': '13 13 13',\n    '--color-primary-900': '10 10 10',\n    '--color-primary-950': '8 8 8',\n\n    /* Secondary  */\n    '--color-secondary-0': '253 253 253',\n    '--color-secondary-50': '251 251 251',\n    '--color-secondary-100': '246 246 246',\n    '--color-secondary-200': '242 242 242',\n    '--color-secondary-300': '237 237 237',\n    '--color-secondary-400': '230 230 231',\n    '--color-secondary-500': '217 217 219',\n    '--color-secondary-600': '198 199 199',\n    '--color-secondary-700': '189 189 189',\n    '--color-secondary-800': '177 177 177',\n    '--color-secondary-900': '165 164 164',\n    '--color-secondary-950': '157 157 157',\n\n    /* Tertiary */\n    '--color-tertiary-0': '255 250 245',\n    '--color-tertiary-50': '255 242 229',\n    '--color-tertiary-100': '255 233 213',\n    '--color-tertiary-200': '254 209 170',\n    '--color-tertiary-300': '253 180 116',\n    '--color-tertiary-400': '251 157 75',\n    '--color-tertiary-500': '231 129 40',\n    '--color-tertiary-600': '215 117 31',\n    '--color-tertiary-700': '180 98 26',\n    '--color-tertiary-800': '130 73 23',\n    '--color-tertiary-900': '108 61 19',\n    '--color-tertiary-950': '84 49 18',\n\n    /* Error */\n    '--color-error-0': '254 233 233',\n    '--color-error-50': '254 226 226',\n    '--color-error-100': '254 202 202',\n    '--color-error-200': '252 165 165',\n    '--color-error-300': '248 113 113',\n    '--color-error-400': '239 68 68',\n    '--color-error-500': '230 53 53',\n    '--color-error-600': '220 38 38',\n    '--color-error-700': '185 28 28',\n    '--color-error-800': '153 27 27',\n    '--color-error-900': '127 29 29',\n    '--color-error-950': '83 19 19',\n\n    /* Success */\n    '--color-success-0': '228 255 244',\n    '--color-success-50': '202 255 232',\n    '--color-success-100': '162 241 192',\n    '--color-success-200': '132 211 162',\n    '--color-success-300': '102 181 132',\n    '--color-success-400': '72 151 102',\n    '--color-success-500': '52 131 82',\n    '--color-success-600': '42 121 72',\n    '--color-success-700': '32 111 62',\n    '--color-success-800': '22 101 52',\n    '--color-success-900': '20 83 45',\n    '--color-success-950': '27 50 36',\n\n    /* Warning */\n    '--color-warning-0': '255 249 245',\n    '--color-warning-50': '255 244 236',\n    '--color-warning-100': '255 231 213',\n    '--color-warning-200': '254 205 170',\n    '--color-warning-300': '253 173 116',\n    '--color-warning-400': '251 149 75',\n    '--color-warning-500': '231 120 40',\n    '--color-warning-600': '215 108 31',\n    '--color-warning-700': '180 90 26',\n    '--color-warning-800': '130 68 23',\n    '--color-warning-900': '108 56 19',\n    '--color-warning-950': '84 45 18',\n\n    /* Info */\n    '--color-info-0': '236 248 254',\n    '--color-info-50': '199 235 252',\n    '--color-info-100': '162 221 250',\n    '--color-info-200': '124 207 248',\n    '--color-info-300': '87 194 246',\n    '--color-info-400': '50 180 244',\n    '--color-info-500': '13 166 242',\n    '--color-info-600': '11 141 205',\n    '--color-info-700': '9 115 168',\n    '--color-info-800': '7 90 131',\n    '--color-info-900': '5 64 93',\n    '--color-info-950': '3 38 56',\n\n    /* Typography */\n    '--color-typography-0': '254 254 255',\n    '--color-typography-50': '245 245 245',\n    '--color-typography-100': '229 229 229',\n    '--color-typography-200': '219 219 220',\n    '--color-typography-300': '212 212 212',\n    '--color-typography-400': '163 163 163',\n    '--color-typography-500': '140 140 140',\n    '--color-typography-600': '115 115 115',\n    '--color-typography-700': '82 82 82',\n    '--color-typography-800': '64 64 64',\n    '--color-typography-900': '38 38 39',\n    '--color-typography-950': '23 23 23',\n\n    /* Outline */\n    '--color-outline-0': '253 254 254',\n    '--color-outline-50': '243 243 243',\n    '--color-outline-100': '230 230 230',\n    '--color-outline-200': '221 220 219',\n    '--color-outline-300': '211 211 211',\n    '--color-outline-400': '165 163 163',\n    '--color-outline-500': '140 141 141',\n    '--color-outline-600': '115 116 116',\n    '--color-outline-700': '83 82 82',\n    '--color-outline-800': '65 65 65',\n    '--color-outline-900': '39 38 36',\n    '--color-outline-950': '26 23 23',\n\n    /* Background */\n    '--color-background-0': '255 255 255',\n    '--color-background-50': '246 246 246',\n    '--color-background-100': '242 241 241',\n    '--color-background-200': '220 219 219',\n    '--color-background-300': '213 212 212',\n    '--color-background-400': '162 163 163',\n    '--color-background-500': '142 142 142',\n    '--color-background-600': '116 116 116',\n    '--color-background-700': '83 82 82',\n    '--color-background-800': '65 64 64',\n    '--color-background-900': '39 38 37',\n    '--color-background-950': '18 18 18',\n\n    /* Background Special */\n    '--color-background-error': '254 241 241',\n    '--color-background-warning': '255 243 234',\n    '--color-background-success': '237 252 242',\n    '--color-background-muted': '247 248 247',\n    '--color-background-info': '235 248 254',\n\n    /* Focus Ring Indicator  */\n    '--color-indicator-primary': '55 55 55',\n    '--color-indicator-info': '83 153 236',\n    '--color-indicator-error': '185 28 28',\n  }),\n  dark: vars({\n    '--color-primary-0': '166 166 166',\n    '--color-primary-50': '175 175 175',\n    '--color-primary-100': '186 186 186',\n    '--color-primary-200': '197 197 197',\n    '--color-primary-300': '212 212 212',\n    '--color-primary-400': '221 221 221',\n    '--color-primary-500': '230 230 230',\n    '--color-primary-600': '240 240 240',\n    '--color-primary-700': '250 250 250',\n    '--color-primary-800': '253 253 253',\n    '--color-primary-900': '254 249 249',\n    '--color-primary-950': '253 252 252',\n\n    /* Secondary  */\n    '--color-secondary-0': '20 20 20',\n    '--color-secondary-50': '23 23 23',\n    '--color-secondary-100': '31 31 31',\n    '--color-secondary-200': '39 39 39',\n    '--color-secondary-300': '44 44 44',\n    '--color-secondary-400': '56 57 57',\n    '--color-secondary-500': '63 64 64',\n    '--color-secondary-600': '86 86 86',\n    '--color-secondary-700': '110 110 110',\n    '--color-secondary-800': '135 135 135',\n    '--color-secondary-900': '150 150 150',\n    '--color-secondary-950': '164 164 164',\n\n    /* Tertiary */\n    '--color-tertiary-0': '84 49 18',\n    '--color-tertiary-50': '108 61 19',\n    '--color-tertiary-100': '130 73 23',\n    '--color-tertiary-200': '180 98 26',\n    '--color-tertiary-300': '215 117 31',\n    '--color-tertiary-400': '231 129 40',\n    '--color-tertiary-500': '251 157 75',\n    '--color-tertiary-600': '253 180 116',\n    '--color-tertiary-700': '254 209 170',\n    '--color-tertiary-800': '255 233 213',\n    '--color-tertiary-900': '255 242 229',\n    '--color-tertiary-950': '255 250 245',\n\n    /* Error */\n    '--color-error-0': '83 19 19',\n    '--color-error-50': '127 29 29',\n    '--color-error-100': '153 27 27',\n    '--color-error-200': '185 28 28',\n    '--color-error-300': '220 38 38',\n    '--color-error-400': '230 53 53',\n    '--color-error-500': '239 68 68',\n    '--color-error-600': '249 97 96',\n    '--color-error-700': '229 91 90',\n    '--color-error-800': '254 202 202',\n    '--color-error-900': '254 226 226',\n    '--color-error-950': '254 233 233',\n\n    /* Success */\n    '--color-success-0': '27 50 36',\n    '--color-success-50': '20 83 45',\n    '--color-success-100': '22 101 52',\n    '--color-success-200': '32 111 62',\n    '--color-success-300': '42 121 72',\n    '--color-success-400': '52 131 82',\n    '--color-success-500': '72 151 102',\n    '--color-success-600': '102 181 132',\n    '--color-success-700': '132 211 162',\n    '--color-success-800': '162 241 192',\n    '--color-success-900': '202 255 232',\n    '--color-success-950': '228 255 244',\n\n    /* Warning */\n    '--color-warning-0': '84 45 18',\n    '--color-warning-50': '108 56 19',\n    '--color-warning-100': '130 68 23',\n    '--color-warning-200': '180 90 26',\n    '--color-warning-300': '215 108 31',\n    '--color-warning-400': '231 120 40',\n    '--color-warning-500': '251 149 75',\n    '--color-warning-600': '253 173 116',\n    '--color-warning-700': '254 205 170',\n    '--color-warning-800': '255 231 213',\n    '--color-warning-900': '255 244 237',\n    '--color-warning-950': '255 249 245',\n\n    /* Info */\n    '--color-info-0': '3 38 56',\n    '--color-info-50': '5 64 93',\n    '--color-info-100': '7 90 131',\n    '--color-info-200': '9 115 168',\n    '--color-info-300': '11 141 205',\n    '--color-info-400': '13 166 242',\n    '--color-info-500': '50 180 244',\n    '--color-info-600': '87 194 246',\n    '--color-info-700': '124 207 248',\n    '--color-info-800': '162 221 250',\n    '--color-info-900': '199 235 252',\n    '--color-info-950': '236 248 254',\n\n    /* Typography */\n    '--color-typography-0': '23 23 23',\n    '--color-typography-50': '38 38 39',\n    '--color-typography-100': '64 64 64',\n    '--color-typography-200': '82 82 82',\n    '--color-typography-300': '115 115 115',\n    '--color-typography-400': '140 140 140',\n    '--color-typography-500': '163 163 163',\n    '--color-typography-600': '212 212 212',\n    '--color-typography-700': '219 219 220',\n    '--color-typography-800': '229 229 229',\n    '--color-typography-900': '245 245 245',\n    '--color-typography-950': '254 254 255',\n\n    /* Outline */\n    '--color-outline-0': '26 23 23',\n    '--color-outline-50': '39 38 36',\n    '--color-outline-100': '65 65 65',\n    '--color-outline-200': '83 82 82',\n    '--color-outline-300': '115 116 116',\n    '--color-outline-400': '140 141 141',\n    '--color-outline-500': '165 163 163',\n    '--color-outline-600': '211 211 211',\n    '--color-outline-700': '221 220 219',\n    '--color-outline-800': '230 230 230',\n    '--color-outline-900': '243 243 243',\n    '--color-outline-950': '253 254 254',\n\n    /* Background */\n    '--color-background-0': '18 18 18',\n    '--color-background-50': '39 38 37',\n    '--color-background-100': '65 64 64',\n    '--color-background-200': '83 82 82',\n    '--color-background-300': '116 116 116',\n    '--color-background-400': '142 142 142',\n    '--color-background-500': '162 163 163',\n    '--color-background-600': '213 212 212',\n    '--color-background-700': '229 228 228',\n    '--color-background-800': '242 241 241',\n    '--color-background-900': '246 246 246',\n    '--color-background-950': '255 255 255',\n\n    /* Background Special */\n    '--color-background-error': '66 43 43',\n    '--color-background-warning': '65 47 35',\n    '--color-background-success': '28 43 33',\n    '--color-background-muted': '51 51 51',\n    '--color-background-info': '26 40 46',\n\n    /* Focus Ring Indicator  */\n    '--color-indicator-primary': '247 247 247',\n    '--color-indicator-info': '161 199 245',\n    '--color-indicator-error': '232 70 69',\n  }),\n};\n"],"names":[],"mappings":"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"}

package/apps/mobile/src/ui/gluestack-ui-provider/index.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var config = require('./config.cjs');
+var reactNative = require('react-native');
+var creator = require('@gluestack-ui/core/overlay/creator');
+var creator$1 = require('@gluestack-ui/core/toast/creator');
+var nativewind = require('nativewind');
+
+function GluestackUIProvider({
+  mode = "light",
+  ...props
+}) {
+  const { colorScheme, setColorScheme } = nativewind.useColorScheme();
+  React.useEffect(() => {
+    setColorScheme(mode);
+  }, [mode]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.View,
+    {
+      style: [
+        config.config[colorScheme],
+        { flex: 1, height: "100%", width: "100%" },
+        props.style
+      ],
+      children: /* @__PURE__ */ jsxRuntime.jsx(creator.OverlayProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(creator$1.ToastProvider, { children: props.children }) })
+    }
+  );
+}
+
+exports.GluestackUIProvider = GluestackUIProvider;
+//# sourceMappingURL=index.cjs.map

package/apps/mobile/src/ui/gluestack-ui-provider/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/gluestack-ui-provider/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { config } from './config';\nimport { View } from 'react-native';\nimport type { ViewProps } from 'react-native';\nimport { OverlayProvider } from '@gluestack-ui/core/overlay/creator';\nimport { ToastProvider } from '@gluestack-ui/core/toast/creator';\nimport { useColorScheme } from 'nativewind';\n\nexport type ModeType = 'light' | 'dark' | 'system';\n\nexport function GluestackUIProvider({\n  mode = 'light',\n  ...props\n}: {\n  mode?: ModeType;\n  children?: React.ReactNode;\n  style?: ViewProps['style'];\n}) {\n  const { colorScheme, setColorScheme } = useColorScheme();\n\n  useEffect(() => {\n    setColorScheme(mode);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [mode]);\n\n  return (\n    <View\n      style={[\n        config[colorScheme!],\n        { flex: 1, height: '100%', width: '100%' },\n        props.style,\n      ]}\n    >\n      <OverlayProvider>\n        <ToastProvider>{props.children}</ToastProvider>\n      </OverlayProvider>\n    </View>\n  );\n}\n"],"names":["useColorScheme","useEffect","jsx","View","config","OverlayProvider","ToastProvider"],"mappings":";;;;;;;;;;AAUO,SAAS,mBAAA,CAAoB;AAAA,EAClC,IAAA,GAAO,OAAA;AAAA,EACP,GAAG;AACL,CAAA,EAIG;AACD,EAAA,MAAM,EAAE,WAAA,EAAa,cAAA,EAAe,GAAIA,yBAAA,EAAe;AAEvD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,cAAA,CAAe,IAAI,CAAA;AAAA,EAErB,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,uBACEC,cAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACLC,cAAO,WAAY,CAAA;AAAA,QACnB,EAAE,IAAA,EAAM,CAAA,EAAG,MAAA,EAAQ,MAAA,EAAQ,OAAO,MAAA,EAAO;AAAA,QACzC,KAAA,CAAM;AAAA,OACR;AAAA,MAEA,yCAACC,uBAAA,EAAA,EACC,QAAA,kBAAAH,cAAA,CAACI,uBAAA,EAAA,EAAe,QAAA,EAAA,KAAA,CAAM,UAAS,CAAA,EACjC;AAAA;AAAA,GACF;AAEJ;;;;"}

package/apps/mobile/src/ui/gluestack-ui-provider/index.js

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { config } from './config.js';
+import { View } from 'react-native';
+import { OverlayProvider } from '@gluestack-ui/core/overlay/creator';
+import { ToastProvider } from '@gluestack-ui/core/toast/creator';
+import { useColorScheme } from 'nativewind';
+
+function GluestackUIProvider({
+  mode = "light",
+  ...props
+}) {
+  const { colorScheme, setColorScheme } = useColorScheme();
+  useEffect(() => {
+    setColorScheme(mode);
+  }, [mode]);
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      style: [
+        config[colorScheme],
+        { flex: 1, height: "100%", width: "100%" },
+        props.style
+      ],
+      children: /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(ToastProvider, { children: props.children }) })
+    }
+  );
+}
+
+export { GluestackUIProvider };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/ui/gluestack-ui-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/gluestack-ui-provider/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { config } from './config';\nimport { View } from 'react-native';\nimport type { ViewProps } from 'react-native';\nimport { OverlayProvider } from '@gluestack-ui/core/overlay/creator';\nimport { ToastProvider } from '@gluestack-ui/core/toast/creator';\nimport { useColorScheme } from 'nativewind';\n\nexport type ModeType = 'light' | 'dark' | 'system';\n\nexport function GluestackUIProvider({\n  mode = 'light',\n  ...props\n}: {\n  mode?: ModeType;\n  children?: React.ReactNode;\n  style?: ViewProps['style'];\n}) {\n  const { colorScheme, setColorScheme } = useColorScheme();\n\n  useEffect(() => {\n    setColorScheme(mode);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [mode]);\n\n  return (\n    <View\n      style={[\n        config[colorScheme!],\n        { flex: 1, height: '100%', width: '100%' },\n        props.style,\n      ]}\n    >\n      <OverlayProvider>\n        <ToastProvider>{props.children}</ToastProvider>\n      </OverlayProvider>\n    </View>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAUO,SAAS,mBAAA,CAAoB;AAAA,EAClC,IAAA,GAAO,OAAA;AAAA,EACP,GAAG;AACL,CAAA,EAIG;AACD,EAAA,MAAM,EAAE,WAAA,EAAa,cAAA,EAAe,GAAI,cAAA,EAAe;AAEvD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,cAAA,CAAe,IAAI,CAAA;AAAA,EAErB,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,OAAO,WAAY,CAAA;AAAA,QACnB,EAAE,IAAA,EAAM,CAAA,EAAG,MAAA,EAAQ,MAAA,EAAQ,OAAO,MAAA,EAAO;AAAA,QACzC,KAAA,CAAM;AAAA,OACR;AAAA,MAEA,8BAAC,eAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAe,QAAA,EAAA,KAAA,CAAM,UAAS,CAAA,EACjC;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -0,0 +1,227 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var styles = require('./styles.cjs');
+var nativewind = require('nativewind');
+var hooks = require('@gluestack-ui/utils/hooks');
+
+const { width: DEVICE_WIDTH } = reactNative.Dimensions.get("window");
+const GridContext = React.createContext({});
+function arrangeChildrenIntoRows({
+  childrenArray,
+  colSpanArr,
+  numColumns
+}) {
+  let currentRow = 1;
+  let currentRowTotalColSpan = 0;
+  const rowItemsCount = {};
+  for (let i = 0; i < childrenArray.length; i++) {
+    const colSpan = colSpanArr[i];
+    if (currentRowTotalColSpan + colSpan > numColumns) {
+      currentRow++;
+      currentRowTotalColSpan = colSpan;
+    } else {
+      currentRowTotalColSpan += colSpan;
+    }
+    rowItemsCount[currentRow] = rowItemsCount[currentRow] ? [...rowItemsCount[currentRow], i] : [i];
+  }
+  return rowItemsCount;
+}
+function generateResponsiveNumColumns({ gridClass }) {
+  const gridClassNamePattern = /\b(?:\w+:)?grid-cols-?\d+\b/g;
+  const numColumns = gridClass?.match(gridClassNamePattern);
+  if (!numColumns) {
+    return 12;
+  }
+  const regex = /^(?:(\w+):)?grid-cols-?(\d+)$/;
+  const result = {};
+  numColumns.forEach((classname) => {
+    const match = classname.match(regex);
+    if (match) {
+      const prefix = match[1] || "default";
+      const value = parseInt(match[2], 10);
+      result[prefix] = value;
+    }
+  });
+  return result;
+}
+function generateResponsiveColSpans({
+  gridItemClassName
+}) {
+  const gridClassNamePattern = /\b(?:\w+:)?col-span-?\d+\b/g;
+  const colSpan = gridItemClassName?.match(gridClassNamePattern);
+  if (!colSpan) {
+    return 1;
+  }
+  const regex = /^(?:(\w+):)?col-span-?(\d+)$/;
+  const result = {};
+  colSpan.forEach((classname) => {
+    const match = classname.match(regex);
+    if (match) {
+      const prefix = match[1] || "default";
+      const value = parseInt(match[2], 10);
+      result[prefix] = value;
+    }
+  });
+  return result;
+}
+const Grid = React.forwardRef(
+  function Grid2({ className, _extra, children, ...props }, ref) {
+    const [calculatedWidth, setCalculatedWidth] = React.useState(null);
+    const gridClass = _extra?.className;
+    const obj = generateResponsiveNumColumns({ gridClass });
+    const responsiveNumColumns = hooks.useBreakpointValue(obj);
+    const itemsPerRow = React.useMemo(() => {
+      const colSpanArr = React.Children.map(children, (child) => {
+        const gridItemClassName = child?.props?._extra?.className;
+        const colSpan2 = hooks.getBreakPointValue(
+          generateResponsiveColSpans({ gridItemClassName }),
+          DEVICE_WIDTH
+        );
+        const colSpan = colSpan2 ? colSpan2 : 1;
+        if (colSpan > responsiveNumColumns) {
+          return responsiveNumColumns;
+        }
+        return colSpan;
+      });
+      const childrenArray = React.Children.toArray(children);
+      const rowItemsCount = arrangeChildrenIntoRows({
+        childrenArray,
+        colSpanArr,
+        numColumns: responsiveNumColumns
+      });
+      return rowItemsCount;
+    }, [responsiveNumColumns, children]);
+    const childrenWithProps = React.Children.map(children, (child, index) => {
+      if (React.isValidElement(child)) {
+        return React.cloneElement(child, { key: index, index });
+      }
+      return child;
+    });
+    const gridClassMerged = `${reactNative.Platform.select({
+      web: gridClass ?? ""
+    })}`;
+    const contextValue = React.useMemo(() => {
+      return {
+        calculatedWidth,
+        numColumns: responsiveNumColumns,
+        itemsPerRow,
+        flexDirection: props?.flexDirection || "row",
+        gap: props?.gap || 0,
+        columnGap: props?.columnGap || 0
+      };
+    }, [calculatedWidth, itemsPerRow, responsiveNumColumns, props]);
+    const borderLeftWidth = props?.borderLeftWidth || props?.borderWidth || 0;
+    const borderRightWidth = props?.borderRightWidth || props?.borderWidth || 0;
+    const borderWidthToSubtract = borderLeftWidth + borderRightWidth;
+    return /* @__PURE__ */ jsxRuntime.jsx(GridContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.View,
+      {
+        ref,
+        className: styles.gridStyle({
+          class: className + " " + gridClassMerged
+        }),
+        onLayout: (event) => {
+          const paddingLeftToSubtract = props?.paddingStart || props?.paddingLeft || props?.padding || 0;
+          const paddingRightToSubtract = props?.paddingEnd || props?.paddingRight || props?.padding || 0;
+          const gridWidth = Math.floor(event.nativeEvent.layout.width) - paddingLeftToSubtract - paddingRightToSubtract - borderWidthToSubtract;
+          setCalculatedWidth(gridWidth);
+        },
+        ...props,
+        children: calculatedWidth && childrenWithProps
+      }
+    ) });
+  }
+);
+nativewind.cssInterop(Grid, {
+  className: {
+    target: "style",
+    nativeStyleToProp: {
+      gap: "gap",
+      rowGap: "rowGap",
+      columnGap: "columnGap",
+      flexDirection: "flexDirection",
+      padding: "padding",
+      paddingLeft: "paddingLeft",
+      paddingRight: "paddingRight",
+      paddingStart: "paddingStart",
+      paddingEnd: "paddingEnd",
+      borderWidth: "borderWidth",
+      borderLeftWidth: "borderLeftWidth",
+      borderRightWidth: "borderRightWidth"
+    }
+  }
+});
+const GridItem = React.forwardRef(
+  function GridItem2({ className, _extra, ...props }, ref) {
+    const {
+      calculatedWidth,
+      numColumns,
+      itemsPerRow,
+      flexDirection,
+      gap,
+      columnGap
+    } = React.useContext(GridContext);
+    const gridItemClass = _extra?.className;
+    const responsiveColSpan = hooks.useBreakpointValue(
+      generateResponsiveColSpans({ gridItemClassName: gridItemClass })
+    ) ?? 1;
+    const flexBasisValue = React.useMemo(() => {
+      if (!calculatedWidth || !numColumns || responsiveColSpan <= 0) {
+        return "auto";
+      }
+      if (flexDirection?.includes("column")) {
+        return "auto";
+      }
+      const row = Object.keys(itemsPerRow).find((key) => {
+        return itemsPerRow[key].includes(props?.index);
+      });
+      if (!row) {
+        return "auto";
+      }
+      const rowColsCount = itemsPerRow[row]?.length || 1;
+      const space = columnGap || gap || 0;
+      const totalGapWidth = space * (rowColsCount - 1);
+      const availableWidth = calculatedWidth - totalGapWidth;
+      const itemWidth = availableWidth * responsiveColSpan / numColumns;
+      return Math.max(0, Math.floor(itemWidth));
+    }, [
+      calculatedWidth,
+      responsiveColSpan,
+      numColumns,
+      columnGap,
+      gap,
+      flexDirection,
+      itemsPerRow,
+      props?.index
+    ]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.View,
+      {
+        ref,
+        gridItemClass,
+        className: styles.gridItemStyle({
+          class: className
+        }),
+        ...props,
+        style: [
+          {
+            width: typeof flexBasisValue === "number" ? flexBasisValue : void 0,
+            flexBasis: typeof flexBasisValue === "string" ? flexBasisValue : void 0,
+            flexShrink: 0,
+            flexGrow: 0
+          },
+          props.style
+        ]
+      }
+    );
+  }
+);
+Grid.displayName = "Grid";
+GridItem.displayName = "GridItem";
+
+exports.Grid = Grid;
+exports.GridItem = GridItem;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/grid/index.tsx"],"sourcesContent":["import React, {\n  useState,\n  createContext,\n  useContext,\n  useMemo,\n  forwardRef,\n} from 'react';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { View, Dimensions, Platform, ViewProps } from 'react-native';\nimport { gridStyle, gridItemStyle } from './styles';\nimport { cssInterop } from 'nativewind';\nimport {\n  useBreakpointValue,\n  getBreakPointValue,\n} from '@gluestack-ui/utils/hooks';\nconst { width: DEVICE_WIDTH } = Dimensions.get('window');\nconst GridContext = createContext<any>({});\nfunction arrangeChildrenIntoRows({\n  childrenArray,\n  colSpanArr,\n  numColumns,\n}: {\n  childrenArray: React.ReactNode[];\n  colSpanArr: number[];\n  numColumns: number;\n}) {\n  let currentRow = 1;\n  let currentRowTotalColSpan = 0;\n  // store how many items in each row\n  const rowItemsCount: {\n    [key: number]: number[];\n  } = {};\n  for (let i = 0; i < childrenArray.length; i++) {\n    const colSpan = colSpanArr[i];\n    // if current row is full, go to next row\n    if (currentRowTotalColSpan + colSpan > numColumns) {\n      currentRow++;\n      currentRowTotalColSpan = colSpan;\n    } else {\n      // if current row is not full, add colSpan to current row\n      currentRowTotalColSpan += colSpan;\n    }\n    rowItemsCount[currentRow] = rowItemsCount[currentRow]\n      ? [...rowItemsCount[currentRow], i]\n      : [i];\n  }\n  return rowItemsCount;\n}\nfunction generateResponsiveNumColumns({ gridClass }: { gridClass: string }) {\n  const gridClassNamePattern = /\\b(?:\\w+:)?grid-cols-?\\d+\\b/g;\n  const numColumns = gridClass?.match(gridClassNamePattern);\n  if (!numColumns) {\n    return 12;\n  }\n  const regex = /^(?:(\\w+):)?grid-cols-?(\\d+)$/;\n  const result: any = {};\n  numColumns.forEach((classname) => {\n    const match = classname.match(regex);\n    if (match) {\n      const prefix = match[1] || 'default';\n      const value = parseInt(match[2], 10);\n      result[prefix] = value;\n    }\n  });\n  return result;\n}\nfunction generateResponsiveColSpans({\n  gridItemClassName,\n}: {\n  gridItemClassName: string;\n}) {\n  const gridClassNamePattern = /\\b(?:\\w+:)?col-span-?\\d+\\b/g;\n  const colSpan: any = gridItemClassName?.match(gridClassNamePattern);\n  if (!colSpan) {\n    return 1;\n  }\n  const regex = /^(?:(\\w+):)?col-span-?(\\d+)$/;\n  const result: any = {};\n  colSpan.forEach((classname: any) => {\n    const match = classname.match(regex);\n    if (match) {\n      const prefix = match[1] || 'default';\n      const value = parseInt(match[2], 10);\n      result[prefix] = value;\n    }\n  });\n  return result;\n}\nexport type IGridProps = ViewProps &\n  VariantProps<typeof gridStyle> & {\n    gap?: number;\n    rowGap?: number;\n    columnGap?: number;\n    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';\n    padding?: number;\n    paddingLeft?: number;\n    paddingRight?: number;\n    paddingStart?: number;\n    paddingEnd?: number;\n    borderWidth?: number;\n    borderLeftWidth?: number;\n    borderRightWidth?: number;\n    _extra: {\n      className: string;\n    };\n  };\nconst Grid = forwardRef<React.ComponentRef<typeof View>, IGridProps>(\n  function Grid({ className, _extra, children, ...props }, ref) {\n    const [calculatedWidth, setCalculatedWidth] = useState<number | null>(null);\n    const gridClass = _extra?.className;\n    const obj = generateResponsiveNumColumns({ gridClass });\n    const responsiveNumColumns: any = useBreakpointValue(obj);\n    const itemsPerRow = useMemo(() => {\n      // get the colSpan of each child\n      const colSpanArr = React.Children.map(children, (child: any) => {\n        const gridItemClassName = child?.props?._extra?.className;\n        const colSpan2 = getBreakPointValue(\n          generateResponsiveColSpans({ gridItemClassName }),\n          DEVICE_WIDTH\n        );\n        const colSpan = colSpan2 ? colSpan2 : 1;\n        if (colSpan > responsiveNumColumns) {\n          return responsiveNumColumns;\n        }\n        return colSpan;\n      });\n      const childrenArray = React.Children.toArray(children);\n      const rowItemsCount = arrangeChildrenIntoRows({\n        childrenArray,\n        colSpanArr,\n        numColumns: responsiveNumColumns,\n      });\n      return rowItemsCount;\n    }, [responsiveNumColumns, children]);\n    const childrenWithProps = React.Children.map(children, (child, index) => {\n      if (React.isValidElement(child)) {\n        return React.cloneElement(child, { key: index, index: index } as any);\n      }\n      return child;\n    });\n    const gridClassMerged = `${Platform.select({\n      web: gridClass ?? '',\n    })}`;\n    const contextValue = useMemo(() => {\n      return {\n        calculatedWidth,\n        numColumns: responsiveNumColumns,\n        itemsPerRow,\n        flexDirection: props?.flexDirection || 'row',\n        gap: props?.gap || 0,\n        columnGap: props?.columnGap || 0,\n      };\n    }, [calculatedWidth, itemsPerRow, responsiveNumColumns, props]);\n    const borderLeftWidth = props?.borderLeftWidth || props?.borderWidth || 0;\n    const borderRightWidth = props?.borderRightWidth || props?.borderWidth || 0;\n    const borderWidthToSubtract = borderLeftWidth + borderRightWidth;\n    return (\n      <GridContext.Provider value={contextValue}>\n        <View\n          ref={ref}\n          className={gridStyle({\n            class: className + ' ' + gridClassMerged,\n          })}\n          onLayout={(event) => {\n            const paddingLeftToSubtract =\n              props?.paddingStart || props?.paddingLeft || props?.padding || 0;\n            const paddingRightToSubtract =\n              props?.paddingEnd || props?.paddingRight || props?.padding || 0;\n            const gridWidth =\n              Math.floor(event.nativeEvent.layout.width) -\n              paddingLeftToSubtract -\n              paddingRightToSubtract -\n              borderWidthToSubtract;\n            setCalculatedWidth(gridWidth);\n          }}\n          {...props}\n        >\n          {calculatedWidth && childrenWithProps}\n        </View>\n      </GridContext.Provider>\n    );\n  }\n);\ncssInterop(Grid, {\n  className: {\n    target: 'style',\n    nativeStyleToProp: {\n      gap: 'gap',\n      rowGap: 'rowGap',\n      columnGap: 'columnGap',\n      flexDirection: 'flexDirection',\n      padding: 'padding',\n      paddingLeft: 'paddingLeft',\n      paddingRight: 'paddingRight',\n      paddingStart: 'paddingStart',\n      paddingEnd: 'paddingEnd',\n      borderWidth: 'borderWidth',\n      borderLeftWidth: 'borderLeftWidth',\n      borderRightWidth: 'borderRightWidth',\n    },\n  },\n});\nexport type IGridItemProps = ViewProps &\n  VariantProps<typeof gridItemStyle> & {\n    index?: number;\n    _extra: {\n      className: string;\n    };\n  };\nconst GridItem = forwardRef<React.ComponentRef<typeof View>, IGridItemProps>(\n  function GridItem({ className, _extra, ...props }, ref) {\n    const {\n      calculatedWidth,\n      numColumns,\n      itemsPerRow,\n      flexDirection,\n      gap,\n      columnGap,\n    } = useContext(GridContext);\n    const gridItemClass = _extra?.className;\n    const responsiveColSpan = (useBreakpointValue(\n      generateResponsiveColSpans({ gridItemClassName: gridItemClass })\n    ) ?? 1) as number;\n    const flexBasisValue = useMemo(() => {\n      if (!calculatedWidth || !numColumns || responsiveColSpan <= 0) {\n        return 'auto';\n      }\n      if (flexDirection?.includes('column')) {\n        return 'auto';\n      }\n      // Find which row this item is in\n      const row = Object.keys(itemsPerRow).find((key) => {\n        return itemsPerRow[key].includes(props?.index);\n      });\n      if (!row) {\n        return 'auto';\n      }\n      const rowColsCount = itemsPerRow[row]?.length || 1;\n      const space = columnGap || gap || 0;\n      // Calculate available width accounting for gaps\n      const totalGapWidth = space * (rowColsCount - 1);\n      const availableWidth = calculatedWidth - totalGapWidth;\n      // Calculate the width for this item based on its column span\n      const itemWidth = (availableWidth * responsiveColSpan) / numColumns;\n      // Return the width directly instead of percentage for better native compatibility\n      return Math.max(0, Math.floor(itemWidth));\n    }, [\n      calculatedWidth,\n      responsiveColSpan,\n      numColumns,\n      columnGap,\n      gap,\n      flexDirection,\n      itemsPerRow,\n      props?.index,\n    ]);\n    return (\n      <View\n        ref={ref}\n        // @ts-expect-error : internal implementation for r-19/react-native-web\n        gridItemClass={gridItemClass}\n        className={gridItemStyle({\n          class: className,\n        })}\n        {...props}\n        style={[\n          {\n            width:\n              typeof flexBasisValue === 'number' ? flexBasisValue : undefined,\n            flexBasis:\n              typeof flexBasisValue === 'string' ? flexBasisValue : undefined,\n            flexShrink: 0,\n            flexGrow: 0,\n          },\n          props.style,\n        ]}\n      />\n    );\n  }\n);\nGrid.displayName = 'Grid';\nGridItem.displayName = 'GridItem';\nexport { Grid, GridItem };\n"],"names":["Dimensions","createContext","forwardRef","Grid","useState","useBreakpointValue","useMemo","getBreakPointValue","Platform","jsx","View","gridStyle","cssInterop","GridItem","useContext","gridItemStyle"],"mappings":"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"}

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

@@ -0,0 +1,224 @@
+import { jsx } from 'react/jsx-runtime';
+import React, { forwardRef, useContext, useMemo, useState, createContext } from 'react';
+import { View, Platform, Dimensions } from 'react-native';
+import { gridItemStyle, gridStyle } from './styles.js';
+import { cssInterop } from 'nativewind';
+import { useBreakpointValue, getBreakPointValue } from '@gluestack-ui/utils/hooks';
+
+const { width: DEVICE_WIDTH } = Dimensions.get("window");
+const GridContext = createContext({});
+function arrangeChildrenIntoRows({
+  childrenArray,
+  colSpanArr,
+  numColumns
+}) {
+  let currentRow = 1;
+  let currentRowTotalColSpan = 0;
+  const rowItemsCount = {};
+  for (let i = 0; i < childrenArray.length; i++) {
+    const colSpan = colSpanArr[i];
+    if (currentRowTotalColSpan + colSpan > numColumns) {
+      currentRow++;
+      currentRowTotalColSpan = colSpan;
+    } else {
+      currentRowTotalColSpan += colSpan;
+    }
+    rowItemsCount[currentRow] = rowItemsCount[currentRow] ? [...rowItemsCount[currentRow], i] : [i];
+  }
+  return rowItemsCount;
+}
+function generateResponsiveNumColumns({ gridClass }) {
+  const gridClassNamePattern = /\b(?:\w+:)?grid-cols-?\d+\b/g;
+  const numColumns = gridClass?.match(gridClassNamePattern);
+  if (!numColumns) {
+    return 12;
+  }
+  const regex = /^(?:(\w+):)?grid-cols-?(\d+)$/;
+  const result = {};
+  numColumns.forEach((classname) => {
+    const match = classname.match(regex);
+    if (match) {
+      const prefix = match[1] || "default";
+      const value = parseInt(match[2], 10);
+      result[prefix] = value;
+    }
+  });
+  return result;
+}
+function generateResponsiveColSpans({
+  gridItemClassName
+}) {
+  const gridClassNamePattern = /\b(?:\w+:)?col-span-?\d+\b/g;
+  const colSpan = gridItemClassName?.match(gridClassNamePattern);
+  if (!colSpan) {
+    return 1;
+  }
+  const regex = /^(?:(\w+):)?col-span-?(\d+)$/;
+  const result = {};
+  colSpan.forEach((classname) => {
+    const match = classname.match(regex);
+    if (match) {
+      const prefix = match[1] || "default";
+      const value = parseInt(match[2], 10);
+      result[prefix] = value;
+    }
+  });
+  return result;
+}
+const Grid = forwardRef(
+  function Grid2({ className, _extra, children, ...props }, ref) {
+    const [calculatedWidth, setCalculatedWidth] = useState(null);
+    const gridClass = _extra?.className;
+    const obj = generateResponsiveNumColumns({ gridClass });
+    const responsiveNumColumns = useBreakpointValue(obj);
+    const itemsPerRow = useMemo(() => {
+      const colSpanArr = React.Children.map(children, (child) => {
+        const gridItemClassName = child?.props?._extra?.className;
+        const colSpan2 = getBreakPointValue(
+          generateResponsiveColSpans({ gridItemClassName }),
+          DEVICE_WIDTH
+        );
+        const colSpan = colSpan2 ? colSpan2 : 1;
+        if (colSpan > responsiveNumColumns) {
+          return responsiveNumColumns;
+        }
+        return colSpan;
+      });
+      const childrenArray = React.Children.toArray(children);
+      const rowItemsCount = arrangeChildrenIntoRows({
+        childrenArray,
+        colSpanArr,
+        numColumns: responsiveNumColumns
+      });
+      return rowItemsCount;
+    }, [responsiveNumColumns, children]);
+    const childrenWithProps = React.Children.map(children, (child, index) => {
+      if (React.isValidElement(child)) {
+        return React.cloneElement(child, { key: index, index });
+      }
+      return child;
+    });
+    const gridClassMerged = `${Platform.select({
+      web: gridClass ?? ""
+    })}`;
+    const contextValue = useMemo(() => {
+      return {
+        calculatedWidth,
+        numColumns: responsiveNumColumns,
+        itemsPerRow,
+        flexDirection: props?.flexDirection || "row",
+        gap: props?.gap || 0,
+        columnGap: props?.columnGap || 0
+      };
+    }, [calculatedWidth, itemsPerRow, responsiveNumColumns, props]);
+    const borderLeftWidth = props?.borderLeftWidth || props?.borderWidth || 0;
+    const borderRightWidth = props?.borderRightWidth || props?.borderWidth || 0;
+    const borderWidthToSubtract = borderLeftWidth + borderRightWidth;
+    return /* @__PURE__ */ jsx(GridContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      View,
+      {
+        ref,
+        className: gridStyle({
+          class: className + " " + gridClassMerged
+        }),
+        onLayout: (event) => {
+          const paddingLeftToSubtract = props?.paddingStart || props?.paddingLeft || props?.padding || 0;
+          const paddingRightToSubtract = props?.paddingEnd || props?.paddingRight || props?.padding || 0;
+          const gridWidth = Math.floor(event.nativeEvent.layout.width) - paddingLeftToSubtract - paddingRightToSubtract - borderWidthToSubtract;
+          setCalculatedWidth(gridWidth);
+        },
+        ...props,
+        children: calculatedWidth && childrenWithProps
+      }
+    ) });
+  }
+);
+cssInterop(Grid, {
+  className: {
+    target: "style",
+    nativeStyleToProp: {
+      gap: "gap",
+      rowGap: "rowGap",
+      columnGap: "columnGap",
+      flexDirection: "flexDirection",
+      padding: "padding",
+      paddingLeft: "paddingLeft",
+      paddingRight: "paddingRight",
+      paddingStart: "paddingStart",
+      paddingEnd: "paddingEnd",
+      borderWidth: "borderWidth",
+      borderLeftWidth: "borderLeftWidth",
+      borderRightWidth: "borderRightWidth"
+    }
+  }
+});
+const GridItem = forwardRef(
+  function GridItem2({ className, _extra, ...props }, ref) {
+    const {
+      calculatedWidth,
+      numColumns,
+      itemsPerRow,
+      flexDirection,
+      gap,
+      columnGap
+    } = useContext(GridContext);
+    const gridItemClass = _extra?.className;
+    const responsiveColSpan = useBreakpointValue(
+      generateResponsiveColSpans({ gridItemClassName: gridItemClass })
+    ) ?? 1;
+    const flexBasisValue = useMemo(() => {
+      if (!calculatedWidth || !numColumns || responsiveColSpan <= 0) {
+        return "auto";
+      }
+      if (flexDirection?.includes("column")) {
+        return "auto";
+      }
+      const row = Object.keys(itemsPerRow).find((key) => {
+        return itemsPerRow[key].includes(props?.index);
+      });
+      if (!row) {
+        return "auto";
+      }
+      const rowColsCount = itemsPerRow[row]?.length || 1;
+      const space = columnGap || gap || 0;
+      const totalGapWidth = space * (rowColsCount - 1);
+      const availableWidth = calculatedWidth - totalGapWidth;
+      const itemWidth = availableWidth * responsiveColSpan / numColumns;
+      return Math.max(0, Math.floor(itemWidth));
+    }, [
+      calculatedWidth,
+      responsiveColSpan,
+      numColumns,
+      columnGap,
+      gap,
+      flexDirection,
+      itemsPerRow,
+      props?.index
+    ]);
+    return /* @__PURE__ */ jsx(
+      View,
+      {
+        ref,
+        gridItemClass,
+        className: gridItemStyle({
+          class: className
+        }),
+        ...props,
+        style: [
+          {
+            width: typeof flexBasisValue === "number" ? flexBasisValue : void 0,
+            flexBasis: typeof flexBasisValue === "string" ? flexBasisValue : void 0,
+            flexShrink: 0,
+            flexGrow: 0
+          },
+          props.style
+        ]
+      }
+    );
+  }
+);
+Grid.displayName = "Grid";
+GridItem.displayName = "GridItem";
+
+export { Grid, GridItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/grid/index.tsx"],"sourcesContent":["import React, {\n  useState,\n  createContext,\n  useContext,\n  useMemo,\n  forwardRef,\n} from 'react';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { View, Dimensions, Platform, ViewProps } from 'react-native';\nimport { gridStyle, gridItemStyle } from './styles';\nimport { cssInterop } from 'nativewind';\nimport {\n  useBreakpointValue,\n  getBreakPointValue,\n} from '@gluestack-ui/utils/hooks';\nconst { width: DEVICE_WIDTH } = Dimensions.get('window');\nconst GridContext = createContext<any>({});\nfunction arrangeChildrenIntoRows({\n  childrenArray,\n  colSpanArr,\n  numColumns,\n}: {\n  childrenArray: React.ReactNode[];\n  colSpanArr: number[];\n  numColumns: number;\n}) {\n  let currentRow = 1;\n  let currentRowTotalColSpan = 0;\n  // store how many items in each row\n  const rowItemsCount: {\n    [key: number]: number[];\n  } = {};\n  for (let i = 0; i < childrenArray.length; i++) {\n    const colSpan = colSpanArr[i];\n    // if current row is full, go to next row\n    if (currentRowTotalColSpan + colSpan > numColumns) {\n      currentRow++;\n      currentRowTotalColSpan = colSpan;\n    } else {\n      // if current row is not full, add colSpan to current row\n      currentRowTotalColSpan += colSpan;\n    }\n    rowItemsCount[currentRow] = rowItemsCount[currentRow]\n      ? [...rowItemsCount[currentRow], i]\n      : [i];\n  }\n  return rowItemsCount;\n}\nfunction generateResponsiveNumColumns({ gridClass }: { gridClass: string }) {\n  const gridClassNamePattern = /\\b(?:\\w+:)?grid-cols-?\\d+\\b/g;\n  const numColumns = gridClass?.match(gridClassNamePattern);\n  if (!numColumns) {\n    return 12;\n  }\n  const regex = /^(?:(\\w+):)?grid-cols-?(\\d+)$/;\n  const result: any = {};\n  numColumns.forEach((classname) => {\n    const match = classname.match(regex);\n    if (match) {\n      const prefix = match[1] || 'default';\n      const value = parseInt(match[2], 10);\n      result[prefix] = value;\n    }\n  });\n  return result;\n}\nfunction generateResponsiveColSpans({\n  gridItemClassName,\n}: {\n  gridItemClassName: string;\n}) {\n  const gridClassNamePattern = /\\b(?:\\w+:)?col-span-?\\d+\\b/g;\n  const colSpan: any = gridItemClassName?.match(gridClassNamePattern);\n  if (!colSpan) {\n    return 1;\n  }\n  const regex = /^(?:(\\w+):)?col-span-?(\\d+)$/;\n  const result: any = {};\n  colSpan.forEach((classname: any) => {\n    const match = classname.match(regex);\n    if (match) {\n      const prefix = match[1] || 'default';\n      const value = parseInt(match[2], 10);\n      result[prefix] = value;\n    }\n  });\n  return result;\n}\nexport type IGridProps = ViewProps &\n  VariantProps<typeof gridStyle> & {\n    gap?: number;\n    rowGap?: number;\n    columnGap?: number;\n    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';\n    padding?: number;\n    paddingLeft?: number;\n    paddingRight?: number;\n    paddingStart?: number;\n    paddingEnd?: number;\n    borderWidth?: number;\n    borderLeftWidth?: number;\n    borderRightWidth?: number;\n    _extra: {\n      className: string;\n    };\n  };\nconst Grid = forwardRef<React.ComponentRef<typeof View>, IGridProps>(\n  function Grid({ className, _extra, children, ...props }, ref) {\n    const [calculatedWidth, setCalculatedWidth] = useState<number | null>(null);\n    const gridClass = _extra?.className;\n    const obj = generateResponsiveNumColumns({ gridClass });\n    const responsiveNumColumns: any = useBreakpointValue(obj);\n    const itemsPerRow = useMemo(() => {\n      // get the colSpan of each child\n      const colSpanArr = React.Children.map(children, (child: any) => {\n        const gridItemClassName = child?.props?._extra?.className;\n        const colSpan2 = getBreakPointValue(\n          generateResponsiveColSpans({ gridItemClassName }),\n          DEVICE_WIDTH\n        );\n        const colSpan = colSpan2 ? colSpan2 : 1;\n        if (colSpan > responsiveNumColumns) {\n          return responsiveNumColumns;\n        }\n        return colSpan;\n      });\n      const childrenArray = React.Children.toArray(children);\n      const rowItemsCount = arrangeChildrenIntoRows({\n        childrenArray,\n        colSpanArr,\n        numColumns: responsiveNumColumns,\n      });\n      return rowItemsCount;\n    }, [responsiveNumColumns, children]);\n    const childrenWithProps = React.Children.map(children, (child, index) => {\n      if (React.isValidElement(child)) {\n        return React.cloneElement(child, { key: index, index: index } as any);\n      }\n      return child;\n    });\n    const gridClassMerged = `${Platform.select({\n      web: gridClass ?? '',\n    })}`;\n    const contextValue = useMemo(() => {\n      return {\n        calculatedWidth,\n        numColumns: responsiveNumColumns,\n        itemsPerRow,\n        flexDirection: props?.flexDirection || 'row',\n        gap: props?.gap || 0,\n        columnGap: props?.columnGap || 0,\n      };\n    }, [calculatedWidth, itemsPerRow, responsiveNumColumns, props]);\n    const borderLeftWidth = props?.borderLeftWidth || props?.borderWidth || 0;\n    const borderRightWidth = props?.borderRightWidth || props?.borderWidth || 0;\n    const borderWidthToSubtract = borderLeftWidth + borderRightWidth;\n    return (\n      <GridContext.Provider value={contextValue}>\n        <View\n          ref={ref}\n          className={gridStyle({\n            class: className + ' ' + gridClassMerged,\n          })}\n          onLayout={(event) => {\n            const paddingLeftToSubtract =\n              props?.paddingStart || props?.paddingLeft || props?.padding || 0;\n            const paddingRightToSubtract =\n              props?.paddingEnd || props?.paddingRight || props?.padding || 0;\n            const gridWidth =\n              Math.floor(event.nativeEvent.layout.width) -\n              paddingLeftToSubtract -\n              paddingRightToSubtract -\n              borderWidthToSubtract;\n            setCalculatedWidth(gridWidth);\n          }}\n          {...props}\n        >\n          {calculatedWidth && childrenWithProps}\n        </View>\n      </GridContext.Provider>\n    );\n  }\n);\ncssInterop(Grid, {\n  className: {\n    target: 'style',\n    nativeStyleToProp: {\n      gap: 'gap',\n      rowGap: 'rowGap',\n      columnGap: 'columnGap',\n      flexDirection: 'flexDirection',\n      padding: 'padding',\n      paddingLeft: 'paddingLeft',\n      paddingRight: 'paddingRight',\n      paddingStart: 'paddingStart',\n      paddingEnd: 'paddingEnd',\n      borderWidth: 'borderWidth',\n      borderLeftWidth: 'borderLeftWidth',\n      borderRightWidth: 'borderRightWidth',\n    },\n  },\n});\nexport type IGridItemProps = ViewProps &\n  VariantProps<typeof gridItemStyle> & {\n    index?: number;\n    _extra: {\n      className: string;\n    };\n  };\nconst GridItem = forwardRef<React.ComponentRef<typeof View>, IGridItemProps>(\n  function GridItem({ className, _extra, ...props }, ref) {\n    const {\n      calculatedWidth,\n      numColumns,\n      itemsPerRow,\n      flexDirection,\n      gap,\n      columnGap,\n    } = useContext(GridContext);\n    const gridItemClass = _extra?.className;\n    const responsiveColSpan = (useBreakpointValue(\n      generateResponsiveColSpans({ gridItemClassName: gridItemClass })\n    ) ?? 1) as number;\n    const flexBasisValue = useMemo(() => {\n      if (!calculatedWidth || !numColumns || responsiveColSpan <= 0) {\n        return 'auto';\n      }\n      if (flexDirection?.includes('column')) {\n        return 'auto';\n      }\n      // Find which row this item is in\n      const row = Object.keys(itemsPerRow).find((key) => {\n        return itemsPerRow[key].includes(props?.index);\n      });\n      if (!row) {\n        return 'auto';\n      }\n      const rowColsCount = itemsPerRow[row]?.length || 1;\n      const space = columnGap || gap || 0;\n      // Calculate available width accounting for gaps\n      const totalGapWidth = space * (rowColsCount - 1);\n      const availableWidth = calculatedWidth - totalGapWidth;\n      // Calculate the width for this item based on its column span\n      const itemWidth = (availableWidth * responsiveColSpan) / numColumns;\n      // Return the width directly instead of percentage for better native compatibility\n      return Math.max(0, Math.floor(itemWidth));\n    }, [\n      calculatedWidth,\n      responsiveColSpan,\n      numColumns,\n      columnGap,\n      gap,\n      flexDirection,\n      itemsPerRow,\n      props?.index,\n    ]);\n    return (\n      <View\n        ref={ref}\n        // @ts-expect-error : internal implementation for r-19/react-native-web\n        gridItemClass={gridItemClass}\n        className={gridItemStyle({\n          class: className,\n        })}\n        {...props}\n        style={[\n          {\n            width:\n              typeof flexBasisValue === 'number' ? flexBasisValue : undefined,\n            flexBasis:\n              typeof flexBasisValue === 'string' ? flexBasisValue : undefined,\n            flexShrink: 0,\n            flexGrow: 0,\n          },\n          props.style,\n        ]}\n      />\n    );\n  }\n);\nGrid.displayName = 'Grid';\nGridItem.displayName = 'GridItem';\nexport { Grid, GridItem };\n"],"names":["Grid","GridItem"],"mappings":"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"}