@mapples/ui 1.0.4 → 1.0.5

package/dist/components/form/FormView/FormView.d.ts

@@ -0,0 +1,46 @@
+import { PropsWithChildren } from 'react';
+import { WithStyledProps } from '@mapples/style';
+import { ViewProps } from 'react-native';
+/**
+ * Props for the Form View component.
+ *
+ * @public
+ */
+export type FormViewProps = PropsWithChildren<WithStyledProps<ViewProps>> & {
+    initialValues?: any;
+    onSubmit?: (values: any) => void;
+};
+/**
+ * A customizable view component with built-in styling support.
+ *
+ * The View component extends React Native's View with additional styling
+ * capabilities through the @mapples/style system. It serves as a container
+ * for other UI elements and supports all standard view properties.
+ *
+ * @example
+ * ```tsx
+ * <FormView
+ *   styled={{
+ *     style: {
+ *       backgroundColor: 'lightblue',
+ *       padding: 16,
+ *       borderRadius: 8
+ *     }
+ *   }}
+ * >
+ *   <Text>Content inside the view</Text>
+ * </View>
+ * ```
+ *
+ * @public
+ */
+declare const FormView: import("react").ForwardRefExoticComponent<{
+    styled?: import("@mapples/style").StyledProps<Partial<ViewProps>> | undefined;
+} & ViewProps & {
+    children?: import("react").ReactNode | undefined;
+} & {
+    initialValues?: any;
+    onSubmit?: (values: any) => void;
+} & import("react").RefAttributes<unknown>>;
+export default FormView;
+//# sourceMappingURL=FormView.d.ts.map

package/dist/components/form/FormView/FormView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormView.d.ts","sourceRoot":"","sources":["../../../../src/components/form/FormView/FormView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,GAAG;IAC1E,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,QAAQ;;;;;oBA5BI,GAAG;eACR,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI;2CA2CjC,CAAC;AAGF,eAAe,QAAQ,CAAC"}

package/dist/components/form/FormView/FormView.js

@@ -0,0 +1,38 @@
+import { forwardRef } from 'react';
+import { Form } from '@mapples/form';
+import { StyledView } from '@mapples/style';
+import { isObject } from 'lodash';
+/**
+ * A customizable view component with built-in styling support.
+ *
+ * The View component extends React Native's View with additional styling
+ * capabilities through the @mapples/style system. It serves as a container
+ * for other UI elements and supports all standard view properties.
+ *
+ * @example
+ * ```tsx
+ * <FormView
+ *   styled={{
+ *     style: {
+ *       backgroundColor: 'lightblue',
+ *       padding: 16,
+ *       borderRadius: 8
+ *     }
+ *   }}
+ * >
+ *   <Text>Content inside the view</Text>
+ * </View>
+ * ```
+ *
+ * @public
+ */
+const FormView = forwardRef(({ styled, children, initialValues, onSubmit, ...props }, ref) => {
+    return (<Form initialValues={isObject(initialValues) ? initialValues : {}} onSubmit={onSubmit}>
+        <StyledView ref={ref} styled={{ ...styled }} {...props}>
+          {children}
+        </StyledView>
+      </Form>);
+});
+FormView.displayName = 'FormView';
+export default FormView;
+//# sourceMappingURL=FormView.js.map

package/dist/components/form/FormView/FormView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormView.js","sourceRoot":"","sources":["../../../../src/components/form/FormView/FormView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,UAAU,EAAmB,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAalC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB,EACtE,GAAG,EACH,EAAE;IACF,OAAO,CACL,CAAC,IAAI,CACH,aAAa,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAC5D,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAEnB;QAAA,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CACrD;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,UAAU,CACd;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}

package/dist/components/form/FormView/index.d.ts

@@ -0,0 +1,4 @@
+import FormView from './FormView';
+export * from './schematics';
+export default FormView;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/FormView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/FormView/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,cAAc,cAAc,CAAC;AAE7B,eAAe,QAAQ,CAAC"}

package/dist/components/form/FormView/index.js

@@ -0,0 +1,4 @@
+import FormView from './FormView';
+export * from './schematics';
+export default FormView;
+//# sourceMappingURL=index.js.map

package/dist/components/form/FormView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/FormView/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,cAAc,cAAc,CAAC;AAE7B,eAAe,QAAQ,CAAC"}

package/dist/components/form/FormView/schematics.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponent } from '@mapples/types';
+export declare const FormViewSchematic: RegisteredComponent;
+//# sourceMappingURL=schematics.d.ts.map

package/dist/components/form/FormView/schematics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/form/FormView/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,iBAAiB,EAAE,mBAG/B,CAAC"}

package/dist/components/form/FormView/schematics.js

@@ -0,0 +1,6 @@
+import FormView from './FormView';
+export const FormViewSchematic = {
+    type: 'FormView',
+    Component: FormView,
+};
+//# sourceMappingURL=schematics.js.map

package/dist/components/form/FormView/schematics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/form/FormView/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,iBAAiB,GAAwB;IACpD,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,QAAQ;CACpB,CAAC"}

package/dist/components/form/SubmitButton/SubmitButton.d.ts

@@ -0,0 +1,43 @@
+import { StyledProp, StyledProps } from '@mapples/style';
+import { PressableProps, TextStyle, View } from 'react-native';
+/**
+ * Props for the SubmitButton component.
+ *
+ * @public
+ */
+export interface SubmitButtonProps extends PressableProps {
+    /** The text label to display on the button */
+    label?: string;
+    /** Styling configuration for the button and its typography */
+    styled?: StyledProps<PressableProps> & {
+        /** Typography-specific styling for the button label */
+        styleTypography?: StyledProp<TextStyle>;
+    };
+    /** Typography variant to apply to the button label */
+    typographyVariant?: string;
+}
+/**
+ * A customizable button component with built-in styling support.
+ *
+ * The SubmitButton component extends React Native's Pressable with additional styling
+ * capabilities and typography support. It can display a text label and supports
+ * all standard pressable interactions.
+ *
+ * @example
+ * ```tsx
+ * <SubmitButton
+ *   label="Click me"
+ *   styled={{
+ *     style: { backgroundColor: 'blue', padding: 16 },
+ *     styleTypography: { color: 'white', fontSize: 16 }
+ *   }}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const SubmitButton: import("react").ForwardRefExoticComponent<SubmitButtonProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default SubmitButton;
+//# sourceMappingURL=SubmitButton.d.ts.map

package/dist/components/form/SubmitButton/SubmitButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../../../src/components/form/SubmitButton/SubmitButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,UAAU,EACV,WAAW,EAEZ,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/D;;;;GAIG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,MAAM,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG;QACrC,uDAAuD;QACvD,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACzC,CAAC;IACF,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,YAAY;;wCAuBjB,CAAC;AAGF,eAAe,YAAY,CAAC"}

package/dist/components/form/SubmitButton/SubmitButton.js

@@ -0,0 +1,35 @@
+import { forwardRef } from 'react';
+import { useFormSubmit } from '@mapples/form';
+import { StyledPressable, Typography, } from '@mapples/style';
+/**
+ * A customizable button component with built-in styling support.
+ *
+ * The SubmitButton component extends React Native's Pressable with additional styling
+ * capabilities and typography support. It can display a text label and supports
+ * all standard pressable interactions.
+ *
+ * @example
+ * ```tsx
+ * <SubmitButton
+ *   label="Click me"
+ *   styled={{
+ *     style: { backgroundColor: 'blue', padding: 16 },
+ *     styleTypography: { color: 'white', fontSize: 16 }
+ *   }}
+ * />
+ * ```
+ *
+ * @public
+ */
+const SubmitButton = forwardRef(({ label, styled = {}, typographyVariant, ...props }, ref) => {
+    const { styleTypography, ...styledPressableProps } = styled;
+    const { submitForm } = useFormSubmit();
+    return (<StyledPressable ref={ref} styled={styledPressableProps} {...props} onPress={submitForm}>
+        {label && (<Typography style={styled?.styleTypography} variant={typographyVariant}>
+            {label}
+          </Typography>)}
+      </StyledPressable>);
+});
+SubmitButton.displayName = 'SubmitButton';
+export default SubmitButton;
+//# sourceMappingURL=SubmitButton.js.map

package/dist/components/form/SubmitButton/SubmitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../../src/components/form/SubmitButton/SubmitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EACL,eAAe,EAGf,UAAU,GACX,MAAM,gBAAgB,CAAC;AAoBxB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,EAAE,eAAe,EAAE,GAAG,oBAAoB,EAAE,GAAG,MAAM,CAAC;IAC5D,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IAEvC,OAAO,CACL,CAAC,eAAe,CACd,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC,oBAAoB,CAAC,CAC7B,IAAI,KAAK,CAAC,CACV,OAAO,CAAC,CAAC,UAAU,CAAC,CAEpB;QAAA,CAAC,KAAK,IAAI,CACR,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,MAAM,EAAE,eAAe,CAAC,CAC/B,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAE3B;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,UAAU,CAAC,CACd,CACH;MAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}

package/dist/components/form/SubmitButton/index.d.ts

@@ -0,0 +1,5 @@
+import SubmitButton from './SubmitButton';
+export * from './schematics';
+export * from './SubmitButton';
+export default SubmitButton;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/SubmitButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/SubmitButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAE/B,eAAe,YAAY,CAAC"}

package/dist/components/form/SubmitButton/index.js

@@ -0,0 +1,5 @@
+import SubmitButton from './SubmitButton';
+export * from './schematics';
+export * from './SubmitButton';
+export default SubmitButton;
+//# sourceMappingURL=index.js.map

package/dist/components/form/SubmitButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/SubmitButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAE/B,eAAe,YAAY,CAAC"}

package/dist/components/form/SubmitButton/schematics.d.ts

@@ -0,0 +1,11 @@
+import { RegisteredComponent } from '@mapples/types';
+/**
+ * Schematic configuration for the Button component.
+ *
+ * This configuration defines how the Button component appears in visual editors,
+ * including its properties, styling options, and default values.
+ *
+ * @public
+ */
+export declare const SubmitButtonSchematic: RegisteredComponent;
+//# sourceMappingURL=schematics.d.ts.map

package/dist/components/form/SubmitButton/schematics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/form/SubmitButton/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,EAAE,mBAGnC,CAAC"}

package/dist/components/form/SubmitButton/schematics.js

@@ -0,0 +1,14 @@
+import SubmitButton from './SubmitButton';
+/**
+ * Schematic configuration for the Button component.
+ *
+ * This configuration defines how the Button component appears in visual editors,
+ * including its properties, styling options, and default values.
+ *
+ * @public
+ */
+export const SubmitButtonSchematic = {
+    type: 'SubmitButton',
+    Component: SubmitButton,
+};
+//# sourceMappingURL=schematics.js.map

package/dist/components/form/SubmitButton/schematics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/form/SubmitButton/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAwB;IACxD,IAAI,EAAE,cAAc;IACpB,SAAS,EAAE,YAAY;CACxB,CAAC"}

package/dist/components/form/TextField/TextField.d.ts

@@ -0,0 +1,35 @@
+import { TextInputProps, TextInput } from 'react-native';
+export interface TextFieldProps extends Omit<TextInputProps, 'onChangeText'> {
+    fieldName?: string;
+}
+/**
+ * A customizable text input component with built-in styling support.
+ *
+ * The TextField component extends React Native's TextInput with additional styling
+ * capabilities through the @mapples/style system. It supports all standard
+ * TextField properties and behaviors.
+ *
+ * @example
+ * ```tsx
+ * <TextField
+ *   placeholder="Enter your text"
+ *   value={text}
+ *   onChangeText={setText}
+ *   styled={{
+ *     style: {
+ *       borderWidth: 1,
+ *       borderColor: 'gray',
+ *       padding: 12,
+ *       borderRadius: 8
+ *     }
+ *   }}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<TextInput>>;
+export default TextField;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/components/form/TextField/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/TextField/TextField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,SAAS;;6CAiBd,CAAC;AAGF,eAAe,SAAS,CAAC"}

package/dist/components/form/TextField/TextField.js

@@ -0,0 +1,36 @@
+import { forwardRef } from 'react';
+import { useFormField } from '@mapples/form';
+import { StyledTextInput } from '@mapples/style';
+/**
+ * A customizable text input component with built-in styling support.
+ *
+ * The TextField component extends React Native's TextInput with additional styling
+ * capabilities through the @mapples/style system. It supports all standard
+ * TextField properties and behaviors.
+ *
+ * @example
+ * ```tsx
+ * <TextField
+ *   placeholder="Enter your text"
+ *   value={text}
+ *   onChangeText={setText}
+ *   styled={{
+ *     style: {
+ *       borderWidth: 1,
+ *       borderColor: 'gray',
+ *       padding: 12,
+ *       borderRadius: 8
+ *     }
+ *   }}
+ * />
+ * ```
+ *
+ * @public
+ */
+const TextField = forwardRef(({ children, fieldName, ...props }, ref) => {
+    const { value, setValue } = useFormField(fieldName || 'unknown', '', true);
+    return (<StyledTextInput ref={ref} {...props} value={value || ''} onChangeText={setValue}/>);
+});
+TextField.displayName = 'TextField';
+export default TextField;
+//# sourceMappingURL=TextField.js.map

package/dist/components/form/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/form/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAOjD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,YAAY,CACtC,SAAS,IAAI,SAAS,EACtB,EAAE,EACF,IAAI,CACL,CAAC;IAEF,OAAO,CACL,CAAC,eAAe,CACd,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CACnB,YAAY,CAAC,CAAC,QAAQ,CAAC,EACvB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,eAAe,SAAS,CAAC"}

package/dist/components/form/TextField/index.d.ts

@@ -0,0 +1,4 @@
+import TextInput from './TextField';
+export * from './schematics';
+export default TextInput;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/TextField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,cAAc,cAAc,CAAC;AAE7B,eAAe,SAAS,CAAC"}

package/dist/components/form/TextField/index.js

@@ -0,0 +1,4 @@
+import TextInput from './TextField';
+export * from './schematics';
+export default TextInput;
+//# sourceMappingURL=index.js.map

package/dist/components/form/TextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,cAAc,cAAc,CAAC;AAE7B,eAAe,SAAS,CAAC"}

package/dist/components/form/TextField/schematics.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponent } from '@mapples/types';
+export declare const TextFieldSchematics: RegisteredComponent;
+//# sourceMappingURL=schematics.d.ts.map

package/dist/components/form/TextField/schematics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/form/TextField/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,mBAAmB,EAAE,mBAGjC,CAAC"}

package/dist/components/form/TextField/schematics.js

@@ -0,0 +1,6 @@
+import TextField from './TextField';
+export const TextFieldSchematics = {
+    type: 'TextField',
+    Component: TextField,
+};
+//# sourceMappingURL=schematics.js.map

package/dist/components/form/TextField/schematics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/form/TextField/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,mBAAmB,GAAwB;IACtD,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,SAAS;CACrB,CAAC"}

package/dist/components/form/index.d.ts

@@ -0,0 +1,8 @@
+export { default as SubmitButton } from './SubmitButton';
+export * from './SubmitButton';
+export { default as TextField } from './TextField';
+export * from './TextField';
+export { default as FormView } from './FormView';
+export * from './FormView';
+export * from './schematics';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,cAAc,cAAc,CAAC"}

package/dist/components/form/index.js

@@ -0,0 +1,8 @@
+export { default as SubmitButton } from './SubmitButton';
+export * from './SubmitButton';
+export { default as TextField } from './TextField';
+export * from './TextField';
+export { default as FormView } from './FormView';
+export * from './FormView';
+export * from './schematics';
+//# sourceMappingURL=index.js.map

package/dist/components/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,cAAc,cAAc,CAAC"}

package/dist/components/form/schematics.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponents } from '@mapples/types';
+export declare const FormSchematics: RegisteredComponents;
+//# sourceMappingURL=schematics.d.ts.map

package/dist/components/form/schematics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/form/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAMtD,eAAO,MAAM,cAAc,EAAE,oBAI5B,CAAC"}

package/dist/components/form/schematics.js

@@ -0,0 +1,9 @@
+import { FormViewSchematic } from './FormView';
+import { SubmitButtonSchematic } from './SubmitButton';
+import { TextFieldSchematics } from './TextField';
+export const FormSchematics = {
+    [FormViewSchematic.type]: FormViewSchematic,
+    [TextFieldSchematics.type]: TextFieldSchematics,
+    [SubmitButtonSchematic.type]: SubmitButtonSchematic,
+};
+//# sourceMappingURL=schematics.js.map

package/dist/components/form/schematics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/form/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,CAAC,MAAM,cAAc,GAAyB;IAClD,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB;IAC3C,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,mBAAmB;IAC/C,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,qBAAqB;CACpD,CAAC"}

package/dist/components/media/Image/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,UAAU,EACV,WAAW,EAEX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAsB,UAAU,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErD;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,iBAAiB,CACxC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IAChD,qEAAqE;IACrE,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,6BAA6B;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACpC,gBAAgB,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;KAChD,CAAC;IACF,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CACF,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,KAAK;IAxCP,qEAAqE;aAC5D,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,6BAA6B;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACpC,gBAAgB,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;KAChD;IACD,4CAA4C;iBAC/B,MAAM;;;2CA+CtB,CAAC;AAGF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,UAAU,EACV,WAAW,EAIX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAsB,UAAU,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErD;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,iBAAiB,CACxC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IAChD,qEAAqE;IACrE,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,6BAA6B;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACpC,gBAAgB,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;KAChD,CAAC;IACF,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CACF,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,KAAK;IAxCP,qEAAqE;aAC5D,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,6BAA6B;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACpC,gBAAgB,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;KAChD;IACD,4CAA4C;iBAC/B,MAAM;;;2CAyDtB,CAAC;AAkBF,eAAe,KAAK,CAAC"}

package/dist/components/media/Image/Image.js

@@ -1,5 +1,5 @@
 import { forwardRef } from 'react';
-import { styled, StyledView, } from '@mapples/style';
+import { styled, StyledView, Styler, Typography, } from '@mapples/style';
 import { Image as ExpoImage } from 'expo-image';
 const StyledExpoImage = styled(ExpoImage);
 /**
@@ -29,12 +29,31 @@ const StyledExpoImage = styled(ExpoImage);
  *
  * @public
  */
-const Image = forwardRef(({ styled, source, dataSource, ...props }, ref) => {
+const Image = forwardRef(({ styled, source, dataSource, alt, ...props }, ref) => {
     const { styleImage, styledImageProps, ...styledProps } = styled || {};
+    const image = dataSource || source;
     return (<StyledView ref={ref} styled={styledProps}>
-        <StyledExpoImage source={dataSource || source} styled={{ style: styleImage, ...(styledImageProps || {}) }} {...props}/>
+        {!!image ? (<StyledExpoImage source={image} styled={{ style: styleImage, ...(styledImageProps || {}) }} {...props}/>) : (<StyledView styled={{ style: styler.imagePlaceholder }}>
+            <Typography style={styler.imagePlaceholderText}>
+              {alt || 'IMAGE'}
+            </Typography>
+          </StyledView>)}
       </StyledView>);
 });
 Image.displayName = 'Image';
+const styler = Styler.create({
+    imagePlaceholder: {
+        width: '100%',
+        height: '100%',
+        backgroundColor: '#eee',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    imagePlaceholderText: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#fafafa',
+    },
+});
 export default Image;
 //# sourceMappingURL=Image.js.map

package/dist/components/media/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/media/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,MAAM,EAGN,UAAU,GAEX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,IAAI,SAAS,EAAgC,MAAM,YAAY,CAAC;AAqB9E,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAc,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEtE,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CACxC;QAAA,CAAC,eAAe,CACd,MAAM,CAAC,CAAC,UAAU,IAAI,MAAM,CAAC,CAC7B,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,CAAC,gBAAgB,IAAI,EAAE,CAAC,EAAE,CAAC,CAC3D,IAAI,KAAK,CAAC,EAEd;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/media/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,MAAM,EAGN,UAAU,EACV,MAAM,EACN,UAAU,GAEX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,IAAI,SAAS,EAAgC,MAAM,YAAY,CAAC;AAqB9E,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,KAAK,EAAc,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEtE,MAAM,KAAK,GAAG,UAAU,IAAI,MAAM,CAAC;IAEnC,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CACxC;QAAA,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACT,CAAC,eAAe,CACd,MAAM,CAAC,CAAC,KAAK,CAAC,CACd,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,CAAC,gBAAgB,IAAI,EAAE,CAAC,EAAE,CAAC,CAC3D,IAAI,KAAK,CAAC,EACV,CACH,CAAC,CAAC,CAAC,CACF,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC,CACrD;YAAA,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAC7C;cAAA,CAAC,GAAG,IAAI,OAAO,CACjB;YAAA,EAAE,UAAU,CACd;UAAA,EAAE,UAAU,CAAC,CACd,CACH;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,gBAAgB,EAAE;QAChB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,oBAAoB,EAAE;QACpB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/index.d.ts

@@ -12,4 +12,5 @@ export * from './components/inputs';
 export * from './components/media';
 export * from './components/typography';
 export * from './components/views';
+export * from './components/form';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -12,4 +12,5 @@ export * from './components/inputs';
 export * from './components/media';
 export * from './components/typography';
 export * from './components/views';
+export * from './components/form';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapples/ui",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {