@app-studio/components 0.10.17

package/dist/native/components/Formik/Formik.TextArea.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useTextAreaState } from '../Form/TextArea/TextArea/TextArea.state';
+import TextAreaView from '../Form/TextArea/TextArea/TextArea.view';
+import { useFormikInput } from './Formik.Hook';
+const TextAreaComponent = (props) => {
+    const formProps = useFormikInput(props);
+    const textAreaState = useTextAreaState(props);
+    return <TextAreaView {...textAreaState} {...formProps}/>;
+};
+/**
+ * Text Area is an component used to create a multi-line input field.
+ */
+export const FormikTextArea = TextAreaComponent;
+//# sourceMappingURL=Formik.TextArea.js.map

package/dist/native/components/Formik/Formik.TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Formik.TextArea.js","sourceRoot":"","sources":["../../../../src/components/Formik/Formik.TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,iBAAiB,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,YAAY,CAAC,IAAI,aAAa,CAAC,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;AAC5D,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,iBAAiB,CAAC"}

package/dist/native/components/Formik/Formik.TextField.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TextFieldProps } from '../Form/TextField/TextField/TextField.props';
+/**
+ * TextField is used to capture text data from users.
+ */
+export declare const FormikTextField: React.FC<TextFieldProps>;

package/dist/native/components/Formik/Formik.TextField.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useTextFieldState } from '../Form/TextField/TextField/TextField.state';
+import TextFieldView from '../Form/TextField/TextField/TextField.view';
+import { useFormikInput } from './Formik.Hook';
+const TextFieldComponent = (props) => {
+    const formProps = useFormikInput(props);
+    const { value, ...textFieldStates } = useTextFieldState(props);
+    return <TextFieldView {...textFieldStates} {...formProps}/>;
+};
+/**
+ * TextField is used to capture text data from users.
+ */
+export const FormikTextField = TextFieldComponent;
+//# sourceMappingURL=Formik.TextField.js.map

package/dist/native/components/Formik/Formik.TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Formik.TextField.js","sourceRoot":"","sources":["../../../../src/components/Formik/Formik.TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,aAAa,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,kBAAkB,GAA6B,CACnD,KAAqB,EACrB,EAAE;IACF,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAE/D,OAAO,CAAC,aAAa,CAAC,IAAI,eAAe,CAAC,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;AAC/D,CAAC,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC"}

package/dist/native/components/Formik/Formik.Toggle.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ToggleProps } from '../Toggle/Toggle/Toggle.props';
+/**
+ * Toggle allows users to switch between two states with Formik integration.
+ */
+export declare const FormikToggle: React.FC<ToggleProps>;

package/dist/native/components/Formik/Formik.Toggle.js

@@ -0,0 +1,26 @@
+import React, { useEffect } from 'react';
+import { useToggleState } from '../Toggle/Toggle/Toggle.state';
+import ToggleView from '../Toggle/Toggle/Toggle.view';
+import { useFormikInput } from './Formik.Hook';
+const ToggleComponent = ({ children, shape, variant, isDisabled, isToggled = false, onToggle, ...props }) => {
+    const formProps = useFormikInput(props);
+    const { isHovered, setIsHovered, isToggle, setIsToggled } = useToggleState(formProps.value ?? isToggled);
+    // Sync with Formik value
+    useEffect(() => {
+        setIsToggled(formProps.value ?? isToggled);
+    }, [formProps.value, isToggled]);
+    // Handle toggle change
+    const handleToggle = (newToggleState) => {
+        setIsToggled(newToggleState);
+        formProps.onChange(newToggleState);
+        onToggle?.(newToggleState);
+    };
+    return (<ToggleView shape={shape} variant={variant} isDisabled={isDisabled} isHovered={isHovered} setIsHovered={setIsHovered} isToggle={isToggle} setIsToggled={setIsToggled} onToggle={handleToggle} {...props}>
+      {children}
+    </ToggleView>);
+};
+/**
+ * Toggle allows users to switch between two states with Formik integration.
+ */
+export const FormikToggle = ToggleComponent;
+//# sourceMappingURL=Formik.Toggle.js.map

package/dist/native/components/Formik/Formik.Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Formik.Toggle.js","sourceRoot":"","sources":["../../../../src/components/Formik/Formik.Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,eAAe,GAA0B,CAAC,EAC9C,QAAQ,EACR,KAAK,EACL,OAAO,EACP,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,cAAc,CACxE,SAAS,CAAC,KAAK,IAAI,SAAS,CAC7B,CAAC;IAEF,yBAAyB;IACzB,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEjC,uBAAuB;IACvB,MAAM,YAAY,GAAG,CAAC,cAAuB,EAAE,EAAE;QAC/C,YAAY,CAAC,cAAc,CAAC,CAAC;QAC7B,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;QACnC,QAAQ,EAAE,CAAC,cAAc,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC"}

package/dist/native/components/Formik/Formik.ToggleGroup.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ToggleGroupProps } from '../ToggleGroup/ToggleGroup/ToggleGroup.props';
+/**
+ * ToggleGroup allows users to select multiple options from a group with Formik integration.
+ */
+export declare const FormikToggleGroup: React.FC<ToggleGroupProps>;

package/dist/native/components/Formik/Formik.ToggleGroup.js

@@ -0,0 +1,26 @@
+import React, { useEffect } from 'react';
+import { useToggleGroupState } from '../ToggleGroup/ToggleGroup/ToggleGroup.state';
+import { ToggleGroupView } from '../ToggleGroup/ToggleGroup/ToggleGroup.view';
+import { useFormikInput } from './Formik.Hook';
+const ToggleGroupComponent = ({ items, shape, variant, onToggleChange, ...props }) => {
+    const formProps = useFormikInput(props);
+    const { activeToggles, setActiveToggles } = useToggleGroupState();
+    // Sync with Formik value
+    useEffect(() => {
+        if (Array.isArray(formProps.value)) {
+            setActiveToggles(formProps.value);
+        }
+    }, [formProps.value]);
+    // Handle toggle change
+    const handleToggleChange = (activeIds) => {
+        setActiveToggles(activeIds);
+        formProps.onChange(activeIds);
+        onToggleChange?.(activeIds);
+    };
+    return (<ToggleGroupView items={items} shape={shape} variant={variant} activeToggles={activeToggles} setActiveToggles={setActiveToggles} onToggleChange={handleToggleChange} {...props}/>);
+};
+/**
+ * ToggleGroup allows users to select multiple options from a group with Formik integration.
+ */
+export const FormikToggleGroup = ToggleGroupComponent;
+//# sourceMappingURL=Formik.ToggleGroup.js.map

package/dist/native/components/Formik/Formik.ToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Formik.ToggleGroup.js","sourceRoot":"","sources":["../../../../src/components/Formik/Formik.ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,oBAAoB,GAA+B,CAAC,EACxD,KAAK,EACL,KAAK,EACL,OAAO,EACP,cAAc,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAElE,yBAAyB;IACzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;YACnC,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAEtB,uBAAuB;IACvB,MAAM,kBAAkB,GAAG,CAAC,SAAmB,EAAE,EAAE;QACjD,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC5B,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC9B,cAAc,EAAE,CAAC,SAAS,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,eAAe,CACd,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,cAAc,CAAC,CAAC,kBAAkB,CAAC,CACnC,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,oBAAoB,CAAC"}

package/dist/native/components/Formik/Formik.Uploader.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { UploadProps } from '../Uploader/Uploader/Uploader.props';
+export type UploadFileHandler = (file: File, onProgress: (progress: number) => void) => Promise<any>;
+export interface FormikUploaderProps extends Omit<UploadProps, 'onFileSelect' | 'onMultipleFileSelect' | 'isLoading' | 'progress'> {
+    /**
+     * Name of the field that will receive the uploaded file responses
+     */
+    name: string;
+    /**
+     * Custom upload handler. Defaults to the platform UploadService
+     */
+    uploadFile: UploadFileHandler;
+    /**
+     * Callback fired when a single file upload succeeds
+     */
+    onUploadSuccess?: (file: File, response: any) => void;
+    /**
+     * Callback fired when a single file upload fails
+     */
+    onUploadError?: (file: File, error: unknown) => void;
+    /**
+     * Transform the raw upload response before storing it in the form state
+     */
+    transformResponse?: (response: any, file: File) => any;
+    /**
+     * Optional external handler mirroring the Uploader prop
+     */
+    onMultipleFileSelect?: (files: File[]) => void;
+    /**
+     * Optional external handler mirroring the Uploader prop for single upload mode
+     */
+    onFileSelect?: (file: File) => void;
+    /**
+     * Enable/disable multiple uploads. Defaults to true
+     */
+    multiple?: boolean;
+}
+export declare const FormikUploader: React.FC<FormikUploaderProps>;

package/dist/native/components/Formik/Formik.Uploader.js

@@ -0,0 +1,70 @@
+import React, { useCallback, useState } from 'react';
+import { getIn, useFormikContext } from 'formik';
+import { Uploader } from '../Uploader/Uploader';
+const toArrayValue = (value) => {
+    if (Array.isArray(value)) {
+        return value;
+    }
+    if (value === undefined || value === null) {
+        return [];
+    }
+    return [value];
+};
+export const FormikUploader = ({ name, uploadFile, onUploadSuccess, onUploadError, transformResponse, onMultipleFileSelect, onFileSelect, multiple = true, ...props }) => {
+    const { setFieldValue, setFieldTouched, values } = useFormikContext();
+    const [isUploading, setIsUploading] = useState(false);
+    const [uploadProgress, setUploadProgress] = useState(0);
+    const handleUpload = useCallback(async (files) => {
+        if (!files || files.length === 0) {
+            return;
+        }
+        setFieldTouched(name, true, true);
+        setIsUploading(true);
+        const uploadedResponses = [];
+        for (const file of files) {
+            setUploadProgress(0);
+            try {
+                const response = await uploadFile(file, (progress) => {
+                    setUploadProgress(progress ?? 0);
+                });
+                const processedResponse = transformResponse
+                    ? transformResponse(response, file)
+                    : response;
+                uploadedResponses.push(processedResponse);
+                onUploadSuccess?.(file, processedResponse);
+            }
+            catch (error) {
+                onUploadError?.(file, error);
+            }
+        }
+        if (uploadedResponses.length > 0) {
+            const currentValue = toArrayValue(getIn(values, name));
+            setFieldValue(name, [...currentValue, ...uploadedResponses], true);
+            setUploadProgress(100);
+        }
+        else {
+            setUploadProgress(0);
+        }
+        setIsUploading(false);
+    }, [
+        name,
+        onUploadError,
+        onUploadSuccess,
+        setFieldTouched,
+        setFieldValue,
+        transformResponse,
+        uploadFile,
+        values,
+    ]);
+    const handleMultiple = useCallback(async (files) => {
+        onMultipleFileSelect?.(files);
+        await handleUpload(files);
+    }, [handleUpload, onMultipleFileSelect]);
+    const handleSingle = useCallback(async (file) => {
+        onFileSelect?.(file);
+        await handleUpload([file]);
+    }, [handleUpload, onFileSelect]);
+    return (<Uploader {...props} multiple={multiple} onMultipleFileSelect={multiple ? handleMultiple : undefined} onFileSelect={!multiple ? handleSingle : undefined} isLoading={isUploading} progress={uploadProgress}/>);
+};
+FormikUploader.displayName = 'FormikUploader';
+//# sourceMappingURL=Formik.Uploader.js.map

package/dist/native/components/Formik/Formik.Uploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Formik.Uploader.js","sourceRoot":"","sources":["../../../../src/components/Formik/Formik.Uploader.tsx"],"names":[],"mappings":"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"}

package/dist/native/components/Formik/index.d.ts

@@ -0,0 +1,23 @@
+export { FormikCheckbox } from './Formik.Checkbox';
+export { FormikRadio } from './Formik.Radio';
+export { FormikChatInput } from './Formik.ChatInput';
+export { FormikColorInput } from './Formik.ColorInput';
+export { FormikDatePicker } from './Formik.DatePicker';
+export { FormikCountryPicker } from './Formik.CountryPicker';
+export { FormikSelect } from './Formik.Select';
+export { FormikSwitch } from './Formik.Switch';
+export { FormikTagInput } from './Formik.TagInput';
+export { FormikTextArea } from './Formik.TextArea';
+export { FormikTextField } from './Formik.TextField';
+export { FormikPassword } from './Formik.Password';
+export { FormikForm } from './Formik.Form';
+export { FormikComboBox } from './Formik.ComboBox';
+export { FormikSlider } from './Formik.Slider';
+export { FormikOTPInput } from './Formik.OTPInput';
+export { FormikUploader } from './Formik.Uploader';
+export { FormikSelector } from './Formik.Selector';
+export { FormikToggle } from './Formik.Toggle';
+export { FormikToggleGroup } from './Formik.ToggleGroup';
+export { FormikIconPicker } from './Formik.IconPicker';
+export { FormikEmojiPicker } from './Formik.EmojiPicker';
+export { AttachmentPreview } from './AttachmentPreview';

package/dist/native/components/Formik/index.js

@@ -0,0 +1,24 @@
+export { FormikCheckbox } from './Formik.Checkbox';
+export { FormikRadio } from './Formik.Radio';
+export { FormikChatInput } from './Formik.ChatInput';
+export { FormikColorInput } from './Formik.ColorInput';
+export { FormikDatePicker } from './Formik.DatePicker';
+export { FormikCountryPicker } from './Formik.CountryPicker';
+export { FormikSelect } from './Formik.Select';
+export { FormikSwitch } from './Formik.Switch';
+export { FormikTagInput } from './Formik.TagInput';
+export { FormikTextArea } from './Formik.TextArea';
+export { FormikTextField } from './Formik.TextField';
+export { FormikPassword } from './Formik.Password';
+export { FormikForm } from './Formik.Form';
+export { FormikComboBox } from './Formik.ComboBox';
+export { FormikSlider } from './Formik.Slider';
+export { FormikOTPInput } from './Formik.OTPInput';
+export { FormikUploader } from './Formik.Uploader';
+export { FormikSelector } from './Formik.Selector';
+export { FormikToggle } from './Formik.Toggle';
+export { FormikToggleGroup } from './Formik.ToggleGroup';
+export { FormikIconPicker } from './Formik.IconPicker';
+export { FormikEmojiPicker } from './Formik.EmojiPicker';
+export { AttachmentPreview } from './AttachmentPreview';
+//# sourceMappingURL=index.js.map

package/dist/native/components/Formik/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Formik/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/native/components/Gradient/Gradient/Gradient.props.d.ts

@@ -0,0 +1,15 @@
+import { ViewProps } from 'app-studio';
+import { GradientType, LinearDirection, RadialShape, RadialPosition, ColorStop, GradientStyles } from './Gradient.type';
+export interface GradientProps extends Omit<ViewProps, 'colors' | 'animate' | 'animationDuration' | 'direction' | 'position'> {
+    type?: GradientType;
+    direction?: LinearDirection;
+    shape?: RadialShape;
+    position?: RadialPosition;
+    from?: string;
+    to?: string;
+    colors?: ColorStop[];
+    animate?: boolean;
+    animationDuration?: number;
+    children?: React.ReactNode;
+    views?: GradientStyles;
+}

package/dist/native/components/Gradient/Gradient/Gradient.props.js

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

package/dist/native/components/Gradient/Gradient/Gradient.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.props.js","sourceRoot":"","sources":["../../../../../src/components/Gradient/Gradient/Gradient.props.ts"],"names":[],"mappings":""}

package/dist/native/components/Gradient/Gradient/Gradient.style.d.ts

@@ -0,0 +1,55 @@
+import { ViewProps } from 'app-studio';
+import { GradientType, LinearDirection, RadialShape, RadialPosition, ColorStop } from './Gradient.type';
+export declare const DirectionMap: Record<string, string>;
+export declare const PositionMap: Record<string, string>;
+export declare const DefaultColorStops: Record<GradientType, ColorStop[]>;
+export declare const generateGradientString: (type: GradientType, colors: ColorStop[], direction?: LinearDirection, shape?: RadialShape, position?: RadialPosition) => string;
+export declare const GradientAnimations: {
+    linear: {
+        backgroundSize: string;
+        transition: string;
+        animate: {
+            from: {
+                backgroundPosition: string;
+            };
+            '50%': {
+                backgroundPosition: string;
+            };
+            to: {
+                backgroundPosition: string;
+            };
+        };
+    };
+    radial: {
+        backgroundSize: string;
+        transition: string;
+        animate: {
+            from: {
+                backgroundPosition: string;
+                backgroundSize: string;
+            };
+            '50%': {
+                backgroundSize: string;
+            };
+            to: {
+                backgroundPosition: string;
+                backgroundSize: string;
+            };
+        };
+    };
+    conic: {
+        transition: string;
+        animate: {
+            from: {
+                transform: string;
+            };
+            to: {
+                transform: string;
+            };
+        };
+    };
+};
+export declare const DefaultGradientStyles: {
+    container: ViewProps;
+    content: ViewProps;
+};

package/dist/native/components/Gradient/Gradient/Gradient.style.js

@@ -0,0 +1,114 @@
+// Defines a mapping from common gradient direction keys to their corresponding CSS `linear-gradient` direction values.
+export const DirectionMap = {
+    'to-right': 'to right',
+    'to-left': 'to left',
+    'to-bottom': 'to bottom',
+    'to-top': 'to top',
+    'to-top-right': 'to top right',
+    'to-top-left': 'to top left',
+    'to-bottom-right': 'to bottom right',
+    'to-bottom-left': 'to bottom left',
+};
+// Defines a mapping from common gradient position keys to their corresponding CSS `radial-gradient` or `conic-gradient` position values.
+export const PositionMap = {
+    center: 'center',
+    top: 'top',
+    right: 'right',
+    bottom: 'bottom',
+    left: 'left',
+    'top-right': 'top right',
+    'top-left': 'top left',
+    'bottom-right': 'bottom right',
+    'bottom-left': 'bottom left',
+};
+// Provides default color stop configurations for various gradient types (linear, radial, conic), used when no specific color stops are provided.
+export const DefaultColorStops = {
+    linear: [
+        { color: 'color-blue-500', position: '0%' },
+        { color: 'color-purple-500', position: '100%' },
+    ],
+    radial: [
+        { color: 'color-blue-500', position: '0%' },
+        { color: 'color-purple-500', position: '100%' },
+    ],
+    conic: [
+        { color: 'color-red-500', position: '0deg' },
+        { color: 'color-yellow-500', position: '90deg' },
+        { color: 'color-green-500', position: '180deg' },
+        { color: 'color-blue-500', position: '270deg' },
+        { color: 'color-red-500', position: '360deg' },
+    ],
+};
+// Generates a CSS gradient string (e.g., `linear-gradient`, `radial-gradient`, `conic-gradient`) based on the specified gradient type, colors, and other optional parameters.
+// Parameters: `type` (GradientType) - The type of gradient to generate; `colors` (ColorStop[]) - An array of color stops defining the gradient's colors and positions; `direction` (LinearDirection, optional) - The direction for linear gradients; `shape` (RadialShape, optional) - The shape for radial gradients; `position` (RadialPosition, optional) - The position for radial or conic gradients.
+// Steps: Iterates through color stops to format them; Uses a switch statement to construct the appropriate CSS gradient string based on the gradient type, applying default values for direction, shape, or position if not provided.
+export const generateGradientString = (type, colors, direction, shape, position) => {
+    const colorStopsString = colors
+        .map((stop) => `${stop.color} ${stop.position || ''}`)
+        .join(', ');
+    switch (type) {
+        case 'linear':
+            const dir = direction && DirectionMap[direction]
+                ? DirectionMap[direction]
+                : direction || 'to right';
+            return `linear-gradient(${dir}, ${colorStopsString})`;
+        case 'radial':
+            const pos = position && PositionMap[position]
+                ? PositionMap[position]
+                : position || 'center';
+            const shapeValue = shape || 'circle';
+            return `radial-gradient(${shapeValue} at ${pos}, ${colorStopsString})`;
+        case 'conic':
+            const conicPos = position && PositionMap[position]
+                ? PositionMap[position]
+                : position || 'center';
+            return `conic-gradient(from 0deg at ${conicPos}, ${colorStopsString})`;
+        default:
+            return `linear-gradient(to right, ${colorStopsString})`;
+    }
+};
+// Contains predefined animation properties and keyframes for different gradient types (linear, radial, conic), designed to create dynamic visual effects.
+export const GradientAnimations = {
+    linear: {
+        backgroundSize: '200% 200%',
+        transition: 'background-position 3s ease-in-out',
+        animate: {
+            from: { backgroundPosition: '0% 50%' },
+            '50%': { backgroundPosition: '100% 50%' },
+            to: { backgroundPosition: '0% 50%' },
+        },
+    },
+    radial: {
+        backgroundSize: '100% 100%',
+        transition: 'background-position 3s ease-in-out, background-size 3s ease-in-out',
+        animate: {
+            from: { backgroundPosition: 'center', backgroundSize: '100% 100%' },
+            '50%': { backgroundSize: '120% 120%' },
+            to: { backgroundPosition: 'center', backgroundSize: '100% 100%' },
+        },
+    },
+    conic: {
+        transition: 'transform 3s linear',
+        animate: {
+            from: { transform: 'rotate(0deg)' },
+            to: { transform: 'rotate(360deg)' },
+        },
+    },
+};
+// Defines default CSS styles for the gradient component's container and content elements, ensuring a consistent base appearance and layout.
+export const DefaultGradientStyles = {
+    container: {
+        position: 'relative',
+        overflow: 'hidden',
+        borderRadius: '8px',
+        transition: 'border-radius 0.2s ease, opacity 0.2s ease',
+    },
+    content: {
+        position: 'relative',
+        zIndex: 1,
+        width: '100%',
+        height: '100%',
+        padding: '16px',
+    },
+};
+//# sourceMappingURL=Gradient.style.js.map

package/dist/native/components/Gradient/Gradient/Gradient.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.style.js","sourceRoot":"","sources":["../../../../../src/components/Gradient/Gradient/Gradient.style.ts"],"names":[],"mappings":"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"}

package/dist/native/components/Gradient/Gradient/Gradient.type.d.ts

@@ -0,0 +1,13 @@
+import { ViewProps } from 'app-studio';
+export type GradientType = 'linear' | 'radial' | 'conic';
+export type LinearDirection = 'to-right' | 'to-left' | 'to-bottom' | 'to-top' | 'to-top-right' | 'to-top-left' | 'to-bottom-right' | 'to-bottom-left' | string;
+export type RadialShape = 'circle' | 'ellipse';
+export type RadialPosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | string;
+export interface ColorStop {
+    color: string;
+    position?: string | number;
+}
+export interface GradientStyles {
+    container?: ViewProps;
+    content?: ViewProps;
+}

package/dist/native/components/Gradient/Gradient/Gradient.type.js

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

package/dist/native/components/Gradient/Gradient/Gradient.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.type.js","sourceRoot":"","sources":["../../../../../src/components/Gradient/Gradient/Gradient.type.ts"],"names":[],"mappings":""}

package/dist/native/components/Gradient/Gradient/Gradient.view.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { GradientProps } from './Gradient.props';
+export declare const GradientView: React.FC<GradientProps>;

package/dist/native/components/Gradient/Gradient/Gradient.view.js

@@ -0,0 +1,46 @@
+import React, { useMemo } from 'react';
+import { View } from 'app-studio';
+import { DefaultColorStops, DefaultGradientStyles, GradientAnimations, generateGradientString, } from './Gradient.style';
+// Defines the GradientView functional component which renders a customizable gradient. It accepts various props to control the gradient's appearance, animation, and content.
+export const GradientView = ({ type = 'linear', direction = 'to-right', shape = 'circle', position = 'center', from, to, colors, animate = false, animationDuration = 3, children, views, themeMode: elementMode, ...props }) => {
+    // Memoizes the array of color stops used to define the gradient. It prioritizes the 'colors' prop, then generates from 'from' and 'to' props, falling back to default color stops based on the gradient type.
+    const colorStops = useMemo(() => {
+        if (colors && colors.length > 0) {
+            return colors;
+        }
+        if (from && to) {
+            return [
+                { color: from, position: '0%' },
+                { color: to, position: '100%' },
+            ];
+        }
+        return DefaultColorStops[type];
+    }, [colors, from, to, type]);
+    // Memoizes the CSS gradient string (e.g., `linear-gradient(...)` or `radial-gradient(...)`). It constructs this string using the processed color stops, gradient type, direction, shape, and position.
+    const gradientString = useMemo(() => {
+        const processedColorStops = colorStops.map((stop) => ({
+            ...stop,
+            color: stop.color,
+        }));
+        return generateGradientString(type, processedColorStops, direction, shape, position);
+    }, [type, colorStops, direction, shape, position]);
+    // Memoizes the CSS styles required for gradient animation. If 'animate' is true, it applies base animation styles from `GradientAnimations`, adjusting transition duration and iteration count based on component props.
+    const animationStyles = useMemo(() => {
+        if (!animate)
+            return {};
+        const baseAnimation = GradientAnimations[type];
+        return {
+            ...baseAnimation,
+            transition: baseAnimation.transition.replace('3s', `${animationDuration}s`),
+            animationDuration: `${animationDuration}s`,
+            animationIterationCount: 'infinite',
+            animationTimingFunction: type === 'conic' ? 'linear' : 'ease-in-out',
+        };
+    }, [animate, animationDuration, type]);
+    return (<View background={gradientString} {...DefaultGradientStyles.container} {...animationStyles} {...views?.container} {...props}>
+      {children && (<View {...DefaultGradientStyles.content} {...views?.content}>
+          {children}
+        </View>)}
+    </View>);
+};
+//# sourceMappingURL=Gradient.view.js.map

package/dist/native/components/Gradient/Gradient/Gradient.view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.view.js","sourceRoot":"","sources":["../../../../../src/components/Gradient/Gradient/Gradient.view.tsx"],"names":[],"mappings":"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"}

package/dist/native/components/Gradient/Gradient/Gradient.view.native.d.ts

@@ -0,0 +1,13 @@
+/**
+ * GradientView (React Native) – uses `react-native-linear-gradient` for real
+ * linear-gradient rendering on native. Radial and conic types are
+ * approximated by a linear gradient (RN has no first-class radial/conic
+ * primitive without extra libs).
+ *
+ * `react-native-linear-gradient` is declared as an optional peer dep — if it
+ * is not present at runtime, we fall back to the first color stop as a flat
+ * backgroundColor.
+ */
+import React from 'react';
+import { GradientProps } from './Gradient.props';
+export declare const GradientView: React.FC<GradientProps>;