@chem-po/react-native 0.0.28 → 0.0.30

package/lib/module/contexts/root.js

@@ -1,15 +1,106 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { ChempoProvider } from '@chem-po/react';
+import { ChempoProvider, useTheme } from '@chem-po/react';
 import React, { useMemo } from 'react';
 import { NotifierWrapper } from 'react-native-notifier';
+import { configureFonts, PaperProvider } from 'react-native-paper';
 import { en, registerTranslation } from 'react-native-paper-dates';
 import { nativeToast } from '../constants/toast';
 import { useThemeState } from '../hooks/useThemeState';
 import { initializeScreen } from '../store/useScreen';
 registerTranslation('en', en);
+const createPaperTheme = (theme, fonts, colorMode) => {
+  const {
+    colors
+  } = theme;
+  return {
+    dark: colorMode === 'dark',
+    colors: {
+      primary: colors.accent[300],
+      onPrimary: colors.text[900],
+      primaryContainer: colors.accent[800],
+      onPrimaryContainer: colors.text[150],
+      secondary: colors.background[150],
+      onSecondary: colors.text[100],
+      secondaryContainer: colors.accent[950],
+      onSecondaryContainer: colors.text[150],
+      tertiary: colors.accent[600],
+      onTertiary: colors.text[50],
+      tertiaryContainer: colors.accent[300],
+      onTertiaryContainer: colors.text[700],
+      error: colors.error[500],
+      onError: colors.text[50],
+      errorContainer: colors.error[100],
+      onErrorContainer: colors.error[900],
+      background: colors.background[50],
+      onBackground: colors.text[100],
+      surface: colors.background[100],
+      onSurface: colors.text[100],
+      surfaceVariant: colors.background[200],
+      onSurfaceVariant: colors.text[300],
+      outline: colors.text[500],
+      outlineVariant: colors.accent[300],
+      surfaceDisabled: colors.background[200],
+      onSurfaceDisabled: colors.text[400],
+      backdrop: '#000000aa',
+      // 60% opacity
+
+      inverseSurface: colors.background[900],
+      inverseOnSurface: colors.text[50],
+      inversePrimary: colors.accent[200],
+      shadow: '#00000099',
+      scrim: '#00000099',
+      // Semi-transparent dark overlay
+
+      elevation: {
+        level0: 'transparent',
+        level1: colors.background[100],
+        level2: colors.background[200],
+        level3: colors.background[300],
+        level4: colors.background[400],
+        level5: colors.background[500]
+      }
+    },
+    roundness: 4,
+    animation: {
+      scale: 1.0
+    },
+    fonts: configureFonts({
+      config: {
+        ...fonts,
+        bodyLarge: {
+          fontSize: 18,
+          ...(fonts === null || fonts === void 0 ? void 0 : fonts.bodyLarge)
+        },
+        bodyMedium: {
+          fontSize: 17,
+          ...(fonts === null || fonts === void 0 ? void 0 : fonts.bodyMedium)
+        },
+        bodySmall: {
+          fontSize: 16,
+          ...(fonts === null || fonts === void 0 ? void 0 : fonts.bodySmall)
+        }
+      }
+    })
+  };
+};
+const ChempoPaperProvider = ({
+  children,
+  fonts
+}) => {
+  const {
+    theme,
+    colorMode
+  } = useTheme();
+  const paperTheme = useMemo(() => createPaperTheme(theme, fonts, colorMode), [theme, fonts, colorMode]);
+  return /*#__PURE__*/React.createElement(PaperProvider, {
+    theme: paperTheme
+  }, children);
+};
 export const ChempoNativeProvider = ({
   theme: themeProp,
   initialColorMode,
+  children,
+  fonts,
   ...props
 }) => {
   const useThemeProps = useMemo(() => ({
@@ -21,6 +112,8 @@ export const ChempoNativeProvider = ({
     toast: nativeToast,
     theme: theme,
     initializeScreen: initializeScreen
-  }, props)));
+  }, props), /*#__PURE__*/React.createElement(ChempoPaperProvider, {
+    fonts: fonts
+  }, children)));
 };
 //# sourceMappingURL=root.js.map

package/lib/module/contexts/root.js.map

@@ -1 +1 @@
-{"version":3,"names":["ChempoProvider","React","useMemo","NotifierWrapper","en","registerTranslation","nativeToast","useThemeState","initializeScreen","ChempoNativeProvider","theme","themeProp","initialColorMode","props","useThemeProps","createElement","_extends","toast"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/root.tsx"],"mappings":";AACA,SAAsBA,cAAc,QAAQ,gBAAgB;AAC5D,OAAOC,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AACzD,SAASC,eAAe,QAAQ,uBAAuB;AACvD,SAASC,EAAE,EAAEC,mBAAmB,QAAQ,0BAA0B;AAClE,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,gBAAgB,QAAQ,oBAAoB;AAErDH,mBAAmB,CAAC,IAAI,EAAED,EAAE,CAAC;AAO7B,OAAO,MAAMK,oBAAoB,GAAGA,CAElC;EACAC,KAAK,EAAEC,SAAS;EAChBC,gBAAgB;EAChB,GAAGC;AACsC,CAAC,KAAK;EAC/C,MAAMC,aAAa,GAAGZ,OAAO,CAC3B,OAAO;IAAEQ,KAAK,EAAEC,SAAS;IAAEC;EAAiB,CAAC,CAAC,EAC9C,CAACD,SAAS,EAAEC,gBAAgB,CAC9B,CAAC;EACD,MAAMF,KAAK,GAAGH,aAAa,CAACO,aAAa,CAAC;EAC1C,oBACEb,KAAA,CAAAc,aAAA,CAACZ,eAAe,qBACdF,KAAA,CAAAc,aAAA,CAACf,cAAc,EAAAgB,QAAA;IACbC,KAAK,EAAEX,WAAY;IACnBI,KAAK,EAAEA,KAAM;IACbF,gBAAgB,EAAEA;EAAiB,GAC/BK,KAAK,CACV,CACc,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"names":["ChempoProvider","useTheme","React","useMemo","NotifierWrapper","configureFonts","PaperProvider","en","registerTranslation","nativeToast","useThemeState","initializeScreen","createPaperTheme","theme","fonts","colorMode","colors","dark","primary","accent","onPrimary","text","primaryContainer","onPrimaryContainer","secondary","background","onSecondary","secondaryContainer","onSecondaryContainer","tertiary","onTertiary","tertiaryContainer","onTertiaryContainer","error","onError","errorContainer","onErrorContainer","onBackground","surface","onSurface","surfaceVariant","onSurfaceVariant","outline","outlineVariant","surfaceDisabled","onSurfaceDisabled","backdrop","inverseSurface","inverseOnSurface","inversePrimary","shadow","scrim","elevation","level0","level1","level2","level3","level4","level5","roundness","animation","scale","config","bodyLarge","fontSize","bodyMedium","bodySmall","ChempoPaperProvider","children","paperTheme","createElement","ChempoNativeProvider","themeProp","initialColorMode","props","useThemeProps","_extends","toast"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/root.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -3,4 +3,5 @@ export * from './constants';
 export * from './contexts';
 export * from './hooks';
 export * from './store';
+export * from './types';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS","ignoreList":[]}

package/lib/module/types/forms.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=forms.js.map

package/lib/module/types/forms.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["types/forms.ts"],"mappings":"","ignoreList":[]}

package/lib/module/types/index.js

@@ -0,0 +1,2 @@
+export * from './forms';
+//# sourceMappingURL=index.js.map

package/lib/module/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["types/index.ts"],"mappings":"AAAA,cAAc,SAAS","ignoreList":[]}

package/lib/typescript/components/button/Toggle.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
 export interface ToggleOption<Option extends string = string> {
     id: Option;
     disabledMessage?: string;
@@ -7,8 +8,10 @@ export interface ToggleOption<Option extends string = string> {
 export interface ToggleProps<Option extends string> {
     options: ToggleOption<Option>[];
     value: Option;
-    size?: number;
+    size?: number | [number, number];
     onChange: (value: Option) => Promise<void> | void;
+    style?: StyleProp<ViewStyle>;
+    buttonStyle?: StyleProp<ViewStyle>;
 }
-export declare const Toggle: <Option extends string>({ value, onChange, size, options, }: ToggleProps<Option>) => JSX.Element;
+export declare const Toggle: <Option extends string>({ value, onChange, size, options, style, buttonStyle, }: ToggleProps<Option>) => JSX.Element;
 //# sourceMappingURL=Toggle.d.ts.map

package/lib/typescript/components/button/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Toggle.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,GAAG,EAAe,MAAM,OAAO,CAAA;AAG/C,MAAM,WAAW,YAAY,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM;IAC1D,EAAE,EAAE,MAAM,CAAA;IACV,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAA;CAC3C;AAED,MAAM,WAAW,WAAW,CAAC,MAAM,SAAS,MAAM;IAChD,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CAClD;AA6CD,eAAO,MAAM,MAAM,GAAI,MAAM,SAAS,MAAM,EAAE,qCAK3C,WAAW,CAAC,MAAM,CAAC,gBAqBrB,CAAA"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Toggle.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,GAAG,EAAwB,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,SAAS,EAAsC,SAAS,EAAE,MAAM,cAAc,CAAA;AAEvF,MAAM,WAAW,YAAY,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM;IAC1D,EAAE,EAAE,MAAM,CAAA;IACV,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAA;CAC3C;AAED,MAAM,WAAW,WAAW,CAAC,MAAM,SAAS,MAAM;IAChD,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACnC;AA+CD,eAAO,MAAM,MAAM,GAAI,MAAM,SAAS,MAAM,EAAE,yDAO3C,WAAW,CAAC,MAAM,CAAC,gBAmBrB,CAAA"}

package/lib/typescript/components/form/input/Editable.d.ts

@@ -1,5 +1,5 @@
 import { EditableProps, Field } from '@chem-po/react';
 import React from 'react';
-import { ViewStyle } from 'react-native';
-export declare const Editable: <T extends Field>({ value: initValue, field, onSubmit, storagePath, style, onEditClose, onEditOpen, containerStyle, size, }: EditableProps<ViewStyle, T>) => React.JSX.Element;
+import { TextStyle, ViewStyle } from 'react-native';
+export declare const Editable: <T extends Field>({ value: initValue, field, onSubmit, storagePath, style, onEditClose, onEditOpen, containerStyle, size, CustomInput, CustomView, }: EditableProps<ViewStyle, TextStyle, T>) => React.JSX.Element;
 //# sourceMappingURL=Editable.d.ts.map

package/lib/typescript/components/form/input/Editable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Editable.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/Editable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,EAKN,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAA0C,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAsC,SAAS,EAAE,MAAM,cAAc,CAAA;AAQ5E,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,KAAK,EAAE,2GAUvC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,sBAsL7B,CAAA"}
+{"version":3,"file":"Editable.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/Editable.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EACb,KAAK,EAKN,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAwD,MAAM,OAAO,CAAA;AAC5E,OAAO,EAAc,SAAS,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAQvF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,KAAK,EAAE,oIAYvC,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,sBAiIxC,CAAA"}

package/lib/typescript/components/form/input/StandaloneInput.d.ts

@@ -1,17 +1,10 @@
 import { InputRef } from '@chem-po/core';
-import { Field } from '@chem-po/react';
+import { BaseCustomInputProps, Field } from '@chem-po/react';
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-interface StandaloneInputProps {
-    onChange: (v?: any) => void;
-    value?: any;
-    field: Field;
-    onBlur?: () => void;
-    onFocus?: () => void;
-    theme?: 'basic' | 'detailed';
-    inEditable?: boolean;
-    style?: StyleProp<ViewStyle>;
+import { TextStyle, ViewStyle } from 'react-native';
+interface StandaloneInputProps<T extends Field, ContainerStyle extends ViewStyle = ViewStyle, InputStyle extends TextStyle = TextStyle> extends BaseCustomInputProps<T['defaultValue'], ContainerStyle, InputStyle> {
+    field: T;
 }
-export declare const StandaloneInput: React.ForwardRefExoticComponent<StandaloneInputProps & React.RefAttributes<InputRef>>;
+export declare const StandaloneInput: React.ForwardRefExoticComponent<Omit<StandaloneInputProps<Field, ViewStyle, TextStyle>, "ref"> & React.RefAttributes<InputRef>>;
 export {};
 //# sourceMappingURL=StandaloneInput.d.ts.map

package/lib/typescript/components/form/input/StandaloneInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StandaloneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/StandaloneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,KAAK,EAAsB,MAAM,gBAAgB,CAAA;AAC1D,OAAO,KAAmC,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGnD,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,KAAK,EAAE,KAAK,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAoBD,eAAO,MAAM,eAAe,uFAAkC,CAAA"}
+{"version":3,"file":"StandaloneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/StandaloneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAsB,MAAM,gBAAgB,CAAA;AAChF,OAAO,KAAmC,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGnD,UAAU,oBAAoB,CAC5B,CAAC,SAAS,KAAK,EACf,cAAc,SAAS,SAAS,GAAG,SAAS,EAC5C,UAAU,SAAS,SAAS,GAAG,SAAS,CACxC,SAAQ,oBAAoB,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,cAAc,EAAE,UAAU,CAAC;IAC3E,KAAK,EAAE,CAAC,CAAA;CACT;AAoCD,eAAO,MAAM,eAAe,iIAAkC,CAAA"}

package/lib/typescript/components/form/input/datetime/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/datetime/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAgB,MAAM,gBAAgB,CAAA;AAE5D,OAAO,KAA0E,MAAM,OAAO,CAAA;AAI9F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,aAAa,4FA4HzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/datetime/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAgB,MAAM,gBAAgB,CAAA;AAE5D,OAAO,KAA0E,MAAM,OAAO,CAAA;AAK9F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,aAAa,4FAgIzB,CAAA"}

package/lib/typescript/components/form/input/multipleSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/multipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,eAAe,CAAA;AACjE,OAAO,EACL,mBAAmB,EAQpB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAK,EAAE,EAGZ,iBAAiB,EAIlB,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIxC,eAAO,MAAM,uBAAuB,GAAI,sBAGrC,iBAAiB,CAAC;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC,sBAGnE,CAAA;AA0ID,eAAO,MAAM,uBAAuB,kGAA0C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/multipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,eAAe,CAAA;AACjE,OAAO,EACL,mBAAmB,EAQpB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAK,EAAE,EAGZ,iBAAiB,EAIlB,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIxC,eAAO,MAAM,uBAAuB,GAAI,sBAGrC,iBAAiB,CAAC;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC,sBAQnE,CAAA;AAkJD,eAAO,MAAM,uBAAuB,kGAA0C,CAAA"}

package/lib/typescript/components/form/input/number/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/number/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAqC,MAAM,gBAAgB,CAAA;AACpG,OAAO,KAA0E,MAAM,OAAO,CAAA;AAE9F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,eAAe;aAA6D,MAAM;kCAiD9F,CAAA;AAmBD,eAAO,MAAM,uBAAuB,kGAEnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/number/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAqC,MAAM,gBAAgB,CAAA;AACpG,OAAO,KAA0E,MAAM,OAAO,CAAA;AAE9F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,eAAe;aAA6D,MAAM;kCAiE9F,CAAA;AAmBD,eAAO,MAAM,uBAAuB,kGAEnC,CAAA"}

package/lib/typescript/components/form/input/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,eAAe,CAAA;AACjE,OAAO,EACL,WAAW,EAKZ,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAgE,MAAM,OAAO,CAAA;AAIpF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAiHxC,eAAO,MAAM,eAAe,0FAAkC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,eAAe,CAAA;AACjE,OAAO,EACL,WAAW,EAMZ,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAgE,MAAM,OAAO,CAAA;AAIpF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA4HxC,eAAO,MAAM,eAAe,0FAAkC,CAAA"}

package/lib/typescript/components/form/input/text/AutoResizeTextarea.d.ts

@@ -0,0 +1,4 @@
+import { TextInput, TextInputProps } from 'react-native';
+import React from 'react';
+export declare const AutoResizeTextarea: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<TextInput>>;
+//# sourceMappingURL=AutoResizeTextarea.d.ts.map

package/lib/typescript/components/form/input/text/AutoResizeTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoResizeTextarea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/AutoResizeTextarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIpE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,kBAAkB,kFAuB9B,CAAA"}

package/lib/typescript/components/form/input/text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAA;AAE7E,OAAO,KAA4D,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIxC,eAAO,MAAM,aAAa,wFA8CzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAA;AAE7E,OAAO,KAA4D,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIxC,eAAO,MAAM,aAAa,wFAgEzB,CAAA"}

package/lib/typescript/components/form/input/text/textarea.d.ts

@@ -1,6 +1,6 @@
-import { InputRef } from '@chem-po/core';
 import { TextField } from '@chem-po/react';
 import React from 'react';
+import { TextInput } from 'react-native';
 import { FieldProps } from '../../types';
-export declare const TextAreaComponent: React.ForwardRefExoticComponent<FieldProps<TextField> & React.RefAttributes<InputRef>>;
+export declare const TextAreaComponent: React.ForwardRefExoticComponent<FieldProps<TextField> & React.RefAttributes<TextInput>>;
 //# sourceMappingURL=textarea.d.ts.map

package/lib/typescript/components/form/input/text/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAA;AAC7E,OAAO,KAAkD,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,eAAO,MAAM,iBAAiB,wFAmC7B,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAA;AAC7E,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIxC,eAAO,MAAM,iBAAiB,yFAsB7B,CAAA"}

package/lib/typescript/components/form/input/text/useWebAutoResize.d.ts

@@ -0,0 +1,8 @@
+import { StyleProp, TextStyle } from 'react-native';
+export declare const useWebAutoResize: (onChangeText: ((e: string) => void) | undefined, style: StyleProp<TextStyle> | undefined) => {
+    getWebTextHeight: (text: string, spanRef: React.RefObject<HTMLSpanElement | null>) => number | null;
+    handleChange: ((e: string) => void) | undefined;
+    height: number;
+    setHeight: import("react").Dispatch<import("react").SetStateAction<number>>;
+};
+//# sourceMappingURL=useWebAutoResize.d.ts.map

package/lib/typescript/components/form/input/text/useWebAutoResize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebAutoResize.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/useWebAutoResize.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,SAAS,EAAc,SAAS,EAAE,MAAM,cAAc,CAAA;AAmCzE,eAAO,MAAM,gBAAgB,GAC3B,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,EAC/C,OAAO,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS;6BAlCT,MAAM,WAAW,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC;uBAiCnE,MAAM,KAAK,IAAI;;;CAiCnC,CAAA"}

package/lib/typescript/components/form/types.d.ts

@@ -1,4 +1,4 @@
 import { BaseFieldProps, Field } from '@chem-po/react';
-import { StyleProp } from 'react-native';
-export type FieldProps<T extends Field> = BaseFieldProps<StyleProp<any>, T>;
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+export type FieldProps<T extends Field, ContainerStyle extends ViewStyle = ViewStyle, InputStyle extends TextStyle = TextStyle> = BaseFieldProps<StyleProp<ContainerStyle>, StyleProp<InputStyle>, T>;
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/components/form/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,KAAK,IAAI,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE9D,MAAM,MAAM,UAAU,CACpB,CAAC,SAAS,KAAK,EACf,cAAc,SAAS,SAAS,GAAG,SAAS,EAC5C,UAAU,SAAS,SAAS,GAAG,SAAS,IACtC,cAAc,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAA"}

package/lib/typescript/components/form/view/file.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/file.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAoChE,eAAO,MAAM,aAAa,GAAI,mDAM3B;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,sBAsBA,CAAA"}
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/file.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAA;AAC/D,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAmChE,eAAO,MAAM,aAAa,GAAI,mDAM3B;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,sBA2BA,CAAA"}

package/lib/typescript/components/form/view/index.d.ts

@@ -2,11 +2,12 @@ import { InputSize } from '@chem-po/core';
 import { Field } from '@chem-po/react';
 import React from 'react';
 import { ViewStyle } from 'react-native';
-export declare const FieldView: ({ field, value, noLabel, style, size, }: {
+export declare const FieldView: ({ field, value, noLabel, style, size, inEditable, }: {
     field: Field;
-    value: any;
+    value?: any;
     noLabel?: boolean;
     style?: ViewStyle;
     size?: InputSize;
+    inEditable?: boolean;
 }) => React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/form/view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,KAAK,EAAe,MAAM,gBAAgB,CAAA;AACnD,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAmD1D,eAAO,MAAM,SAAS,GAAI,yCAMvB;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,sBAyBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,KAAK,EAAoC,MAAM,gBAAgB,CAAA;AACxE,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAsD1D,eAAO,MAAM,SAAS,GAAI,qDAOvB;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,sBAuCA,CAAA"}

package/lib/typescript/components/form/view/multipleSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multipleSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/multipleSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAgB,MAAM,gBAAgB,CAAA;AAElE,OAAc,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AA+BvE,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,mBAAmB,EAAE,mDAMpE;IACD,KAAK,EAAE,CAAC,CAAA;IACR,KAAK,CAAC,EAAE,CAAC,CAAC,cAAc,CAAC,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,QAkCA,CAAA"}
+{"version":3,"file":"multipleSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/multipleSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAqC,MAAM,gBAAgB,CAAA;AAEvF,OAAc,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AA8BvE,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,mBAAmB,EAAE,mDAMpE;IACD,KAAK,EAAE,CAAC,CAAA;IACR,KAAK,CAAC,EAAE,CAAC,CAAC,cAAc,CAAC,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,QAqCA,CAAA"}

package/lib/typescript/components/form/view/select.d.ts

@@ -3,11 +3,12 @@ import { SelectField } from '@chem-po/react';
 import React from 'react';
 import { ViewStyle } from 'react-native';
 export declare const DefaultRenderOption: <Value = string, Option extends BaseSelectOption<Value> = BaseSelectOption<Value>>({ option, }: RenderSelectOptionProps<Value, Option>) => React.JSX.Element;
-export declare const SelectFieldView: ({ field, value, noLabel, style, size: sizeProp, }: {
+export declare const SelectFieldView: ({ field, value, noLabel, style, size: sizeProp, inEditable, }: {
     field: SelectField;
     value: any;
     noLabel?: boolean;
     style?: ViewStyle;
     size?: InputSize;
+    inEditable?: boolean;
 }) => React.JSX.Element;
 //# sourceMappingURL=select.d.ts.map

package/lib/typescript/components/form/view/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AACpF,OAAO,EAAE,WAAW,EAAqC,MAAM,gBAAgB,CAAA;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAgBhE,eAAO,MAAM,mBAAmB,GAC9B,KAAK,GAAG,MAAM,EACd,MAAM,SAAS,gBAAgB,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,EAChE,aAEC,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,sBAExC,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,mDAM7B;IACD,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,sBAyBA,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AACpF,OAAO,EAAE,WAAW,EAAqC,MAAM,gBAAgB,CAAA;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAiBhE,eAAO,MAAM,mBAAmB,GAC9B,KAAK,GAAG,MAAM,EACd,MAAM,SAAS,gBAAgB,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,EAChE,aAEC,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,sBAExC,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,+DAO7B;IACD,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,sBA2BA,CAAA"}

package/lib/typescript/components/form/view/styles.d.ts

@@ -7,8 +7,5 @@ export declare const inputViewStyles: {
     value: {
         opacity: number;
     };
-    valueEmpty: {
-        opacity: number;
-    };
 };
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/form/view/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;CAY1B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;CAS1B,CAAA"}

package/lib/typescript/components/layout/CollapseHorizontal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export declare const CollapseHorizontal: ({ children, in: isIn, duration, style, }: {
+    children: React.ReactNode;
+    in: boolean;
+    duration?: number;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;
+//# sourceMappingURL=CollapseHorizontal.d.ts.map

package/lib/typescript/components/layout/CollapseHorizontal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseHorizontal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/CollapseHorizontal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAqB,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AAQ5E,eAAO,MAAM,kBAAkB,GAAI,0CAKhC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,EAAE,EAAE,OAAO,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,sBA8DA,CAAA"}

package/lib/typescript/contexts/root.d.ts

@@ -1,9 +1,12 @@
 import { BackendAdapterInterface, ColorMode, Theme } from '@chem-po/core';
 import { ChempoProps } from '@chem-po/react';
 import React, { PropsWithChildren } from 'react';
+import { MD3Type, MD3TypescaleKey } from 'react-native-paper/lib/typescript/types';
+export type FontConfig = Partial<Record<MD3TypescaleKey, Partial<MD3Type>>>;
 export interface ChempoNativeProviderProps<BackendAdapter extends BackendAdapterInterface> extends PropsWithChildren<Pick<ChempoProps<BackendAdapter>, 'backendAdapter' | 'assets'>> {
     theme?: Theme;
+    fonts?: FontConfig;
     initialColorMode?: ColorMode;
 }
-export declare const ChempoNativeProvider: <BackendAdapter extends BackendAdapterInterface<any, any, any, any, any, any>>({ theme: themeProp, initialColorMode, ...props }: ChempoNativeProviderProps<BackendAdapter>) => React.JSX.Element;
+export declare const ChempoNativeProvider: <BackendAdapter extends BackendAdapterInterface<any, any, any, any, any, any>>({ theme: themeProp, initialColorMode, children, fonts, ...props }: ChempoNativeProviderProps<BackendAdapter>) => React.JSX.Element;
 //# sourceMappingURL=root.d.ts.map

package/lib/typescript/contexts/root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/contexts/root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,WAAW,EAAkB,MAAM,gBAAgB,CAAA;AAC5D,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AASzD,MAAM,WAAW,yBAAyB,CAAC,cAAc,SAAS,uBAAuB,CACvF,SAAQ,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC;IACzF,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B;AACD,eAAO,MAAM,oBAAoB,GAC/B,cAAc,SAAS,uBAAuB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC5E,kDAIC,yBAAyB,CAAC,cAAc,CAAC,sBAgB3C,CAAA"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/contexts/root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,WAAW,EAA4B,MAAM,gBAAgB,CAAA;AACtE,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAIzD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAA;AAOlF,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;AAC3E,MAAM,WAAW,yBAAyB,CAAC,cAAc,SAAS,uBAAuB,CACvF,SAAQ,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC;IACzF,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B;AA4FD,eAAO,MAAM,oBAAoB,GAC/B,cAAc,SAAS,uBAAuB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC5E,mEAMC,yBAAyB,CAAC,cAAc,CAAC,sBAiB3C,CAAA"}

package/lib/typescript/index.d.ts

@@ -3,4 +3,5 @@ export * from './constants';
 export * from './contexts';
 export * from './hooks';
 export * from './store';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

package/lib/typescript/types/forms.d.ts

@@ -0,0 +1,5 @@
+import { BaseCustomInput, BaseCustomInputProps } from '@chem-po/react';
+import { TextStyle, ViewStyle } from 'react-native';
+export type CustomInput<Value, InputStyle = TextStyle> = BaseCustomInput<Value, ViewStyle, InputStyle>;
+export type CustomInputProps<Value, InputStyle = TextStyle> = BaseCustomInputProps<Value, ViewStyle, InputStyle>;
+//# sourceMappingURL=forms.d.ts.map

package/lib/typescript/types/forms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../../src/types/forms.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACtE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAEnD,MAAM,MAAM,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,IAAI,eAAe,CACtE,KAAK,EACL,SAAS,EACT,UAAU,CACX,CAAA;AAED,MAAM,MAAM,gBAAgB,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,IAAI,oBAAoB,CAChF,KAAK,EACL,SAAS,EACT,UAAU,CACX,CAAA"}

package/lib/typescript/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './forms';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@chem-po/react-native",
   "author": "Elan Canfield",
   "license": "MIT",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "source": "src/index.ts",
@@ -51,8 +51,8 @@
     "react-native-paper-dates": "^0.22.42",
     "react-native-svg": "15.11.2",
     "zustand": "^4.3.3",
-    "@chem-po/core": "0.0.28",
-    "@chem-po/react": "0.0.28"
+    "@chem-po/core": "0.0.30",
+    "@chem-po/react": "0.0.30"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",

package/src/components/button/Toggle.tsx

@@ -1,6 +1,6 @@
-import { useTheme, useToast } from '@chem-po/react'
-import React, { JSX, useCallback } from 'react'
-import { StyleSheet, TouchableOpacity, View } from 'react-native'
+import { useBackgroundColor, useBorderColor, useThemeValue, useToast } from '@chem-po/react'
+import React, { JSX, useCallback, useMemo } from 'react'
+import { StyleProp, StyleSheet, TouchableOpacity, View, ViewStyle } from 'react-native'
 
 export interface ToggleOption<Option extends string = string> {
   id: Option
@@ -11,8 +11,10 @@ export interface ToggleOption<Option extends string = string> {
 export interface ToggleProps<Option extends string> {
   options: ToggleOption<Option>[]
   value: Option
-  size?: number
+  size?: number | [number, number]
   onChange: (value: Option) => Promise<void> | void
+  style?: StyleProp<ViewStyle>
+  buttonStyle?: StyleProp<ViewStyle>
 }
 
 const ToggleButton = <Option extends string>({
@@ -20,11 +22,13 @@ const ToggleButton = <Option extends string>({
   option: { Render, disabledMessage },
   size,
   onPress,
+  style,
 }: {
   option: ToggleOption<Option>
-  size: number
+  size: number | [number, number]
   selected: boolean
   onPress: () => void
+  style?: StyleProp<ViewStyle>
 }) => {
   const { showError } = useToast()
   const handlePress = useCallback(() => {
@@ -34,19 +38,19 @@ const ToggleButton = <Option extends string>({
       showError(disabledMessage)
     }
   }, [onPress, disabledMessage, showError])
+  const unselectedBackground = useBackgroundColor(150)
+  const selectedBackground = useThemeValue('colors.accent.300')
+  const [width, height] = useMemo(() => (typeof size === 'number' ? [size, size] : size), [size])
   const body = (
-    <View
-      style={[
-        styles.buttonContainer,
-        { width: size, height: size, opacity: !disabledMessage ? 1 : 0.6 },
-      ]}>
+    <View style={[styles.buttonContainer, { width, height, opacity: !disabledMessage ? 1 : 0.6 }]}>
       <TouchableOpacity
         style={[
           styles.button,
           {
-            backgroundColor: selected ? 'rgba(255, 255, 255, 0.5)' : 'rgba(0, 0, 0, 0.1)',
+            backgroundColor: selected ? selectedBackground : unselectedBackground,
             pointerEvents: selected ? 'none' : 'auto',
           },
+          style,
         ]}
         onPress={handlePress}
         disabled={!!disabledMessage}>
@@ -63,14 +67,13 @@ export const Toggle = <Option extends string>({
   onChange,
   size = 28,
   options,
+  style,
+  buttonStyle,
 }: ToggleProps<Option>) => {
-  const {
-    theme: {
-      colors: { background },
-    },
-  } = useTheme()
+  const borderColor = useBorderColor()
+  const backgroundColor = useBackgroundColor(150)
   return (
-    <View style={[styles.container, { borderColor: background[300] }]}>
+    <View style={[styles.container, { borderColor, backgroundColor }, style]}>
       {options.map(option => (
         <ToggleButton<Option>
           key={option.id}
@@ -80,6 +83,7 @@ export const Toggle = <Option extends string>({
           option={option}
           size={size}
           selected={option.id === value}
+          style={buttonStyle}
         />
       ))}
     </View>