@app-studio/components 0.10.17

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

@@ -0,0 +1,114 @@
+// This file encapsulates the state management logic and utility functions for the Uploader component, including file selection, validation, preview generation, and thumbnail creation for media files.
+import { useCallback, useRef, useState, useEffect } from 'react';
+import { showMessage } from '../../Message/Message';
+export const generateThumbnail = (videoFile, setThumbnailUrl) => {
+    const video = document.createElement('video');
+    video.preload = 'metadata';
+    video.onloadedmetadata = () => {
+        video.currentTime = 1;
+    };
+    video.oncanplay = () => {
+        const canvas = document.createElement('canvas');
+        canvas.width = video.videoWidth;
+        canvas.height = video.videoHeight;
+        const ctx = canvas.getContext('2d');
+        if (ctx) {
+            ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+            const thumbnailDataUrl = canvas.toDataURL('image/jpeg');
+            setThumbnailUrl(thumbnailDataUrl);
+        }
+        URL.revokeObjectURL(video.src);
+    };
+    video.src = URL.createObjectURL(videoFile);
+};
+export const useUpload = ({ maxSize = 100 * 1024 * 1024, onFileSelect, onMultipleFileSelect, validateFile, thumbnail, multiple = false, onError = (error) => {
+    showMessage('error', 'Error', error);
+}, }) => {
+    const fileInputRef = useRef(null);
+    const videoRef = useRef(null);
+    const [selectedFile, setSelectedFile] = useState(null);
+    const [selectedFiles, setSelectedFiles] = useState([]);
+    const [errorMessage, setErrorMessage] = useState(null);
+    const [previewUrl, setPreviewUrl] = useState(null);
+    const [thumbnailUrl, setThumbnailUrl] = useState(thumbnail || null);
+    const handleFileChange = useCallback((event) => {
+        const files = event.target.files;
+        setErrorMessage(null);
+        if (!files || files.length === 0) {
+            onError('No file selected');
+            setErrorMessage('No file selected');
+            return;
+        }
+        if (multiple) {
+            const fileArray = Array.from(files);
+            const validFiles = [];
+            for (const file of fileArray) {
+                if (file.size > maxSize) {
+                    onError(`File ${file.name} exceeds ${Math.round(maxSize / (1024 * 1024))}MB.`);
+                    setErrorMessage(`File ${file.name} exceeds ${Math.round(maxSize / (1024 * 1024))}MB.`);
+                    continue;
+                }
+                if (validateFile) {
+                    const validationError = validateFile(file);
+                    if (validationError) {
+                        onError(`${file.name}: ${validationError}`);
+                        setErrorMessage(`${file.name}: ${validationError}`);
+                        continue;
+                    }
+                }
+                validFiles.push(file);
+            }
+            if (validFiles.length > 0) {
+                setSelectedFiles(validFiles);
+                if (onMultipleFileSelect) {
+                    onMultipleFileSelect(validFiles);
+                }
+            }
+        }
+        else {
+            const file = files[0];
+            if (file.size > maxSize) {
+                onError(`File exceeds ${Math.round(maxSize / (1024 * 1024))}MB.`);
+                setErrorMessage(`File exceeds ${Math.round(maxSize / (1024 * 1024))}MB.`);
+                return;
+            }
+            if (validateFile) {
+                const validationError = validateFile(file);
+                if (validationError) {
+                    onError(validationError);
+                    setErrorMessage(validationError);
+                    return;
+                }
+            }
+            setPreviewUrl(URL.createObjectURL(file));
+            if (file.type.startsWith('video/')) {
+                generateThumbnail(file, setThumbnailUrl);
+            }
+            if (onFileSelect) {
+                setSelectedFile(file);
+                onFileSelect(file);
+            }
+        }
+    }, [maxSize, onFileSelect, onMultipleFileSelect, validateFile, multiple]);
+    const handleClick = () => fileInputRef.current?.click();
+    useEffect(() => {
+        return () => {
+            if (previewUrl)
+                URL.revokeObjectURL(previewUrl);
+            if (thumbnailUrl)
+                URL.revokeObjectURL(thumbnailUrl);
+        };
+    }, [previewUrl, thumbnailUrl]);
+    return {
+        previewUrl,
+        thumbnailUrl,
+        errorMessage,
+        fileInputRef,
+        videoRef,
+        selectedFile,
+        selectedFiles,
+        handleFileChange,
+        handleClick,
+    };
+};
+//# sourceMappingURL=Uploader.state.js.map

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { UploadStateProps, UploadViewProps } from './Uploader.props';
+export declare const UploadView: React.FC<UploadViewProps & UploadStateProps>;

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

@@ -0,0 +1,72 @@
+import React from 'react';
+import { View, Text, Image, Horizontal, Center, Input } from 'app-studio';
+import { UploadIcon } from '../../Icon/Icon';
+// Defines the `UploadView` functional component, responsible for rendering the UI of the Uploader based on provided properties and internal state.
+export const UploadView = ({ accept, isLoading = false, progress = 0, icon, text, previewUrl, thumbnailUrl, errorMessage, fileInputRef, videoRef, selectedFile, selectedFiles, handleFileChange, handleClick, multiple = false, containerProps, errorMessageProps, progressProps, videoProps, imageProps, iconProps, textProps, fileType, previewUrl: externalPreviewUrl, 
+// Renders an error message with customizable styling when an upload fails or an issue occurs.
+renderError = ({ errorMessage, errorMessageProps, themeMode: elementMode, }) => (<Text color="red" fontSize={12} marginTop={8} {...errorMessageProps} {...views?.text}>
+      {errorMessage}
+    </Text>), renderText = ({ text, textProps }) => (<Text marginTop={8} {...textProps} {...views?.text}>
+      {text}
+    </Text>), renderFile = ({ selectedFile, textProps }) => {
+    return selectedFile ? (<Center marginTop={8} gap={10} flexDirection="column" {...views?.container}>
+        <Text maxLines={2} {...textProps} {...views?.text}>
+          {selectedFile.name}
+        </Text>
+        <Text {...textProps} {...views?.text}>
+          ({Math.round(selectedFile.size / 1024)} KB)
+        </Text>
+      </Center>) : null;
+}, renderVideo = ({ selectedFile, videoRef, videoProps }) => {
+    return (<View width="100%" height="100%" position="relative" {...views?.view}>
+        <View as="video" width="100%" height="100%" src={selectedFile ? URL.createObjectURL(selectedFile) : undefined} style={{ objectFit: 'cover' }} ref={videoRef} {...videoProps} {...views?.view}/>
+      </View>);
+}, renderImage = ({ previewUrl, imageProps }) => {
+    console.log('Rendering image with URL:', previewUrl);
+    return (<View width="100%" height="100%" position="relative" {...views?.view}>
+        <Image src={previewUrl} alt="Preview" width="100%" height="100%" objectFit="cover" style={{ maxHeight: '100%', maxWidth: '100%' }} {...imageProps} {...views?.image}/>
+      </View>);
+}, renderProgress = ({ progress, progressProps }) => {
+    return (<Horizontal gap={8} alignItems="center" {...progressProps} {...views?.horizontal}>
+        <View height={4} backgroundColor="rgba(0,0,0,0.1)" width="100%" borderRadius={2} {...views?.view}>
+          <View height={4} width={`${progress}%`} borderRadius={2} backgroundColor="color-dark-50" {...views?.view}/>
+        </View>
+        <Text fontSize={12} {...views?.text}>
+          {progress}%
+        </Text>
+      </Horizontal>);
+}, views = {}, }) => {
+    const finalPreviewUrl = externalPreviewUrl || previewUrl;
+    return (<Center onClick={handleClick} cursor="pointer" border="1px solid rgba(0,0,0,0.1)" borderRadius={8} padding={16} flexDirection="column" overflow="hidden" position="relative" height={selectedFile && progress === 100 ? '200px' : 'auto'} {...containerProps} {...views?.container}>
+      
+      {progress === 100 &&
+            fileType === 'image' &&
+            finalPreviewUrl &&
+            renderImage({ previewUrl: finalPreviewUrl, imageProps })}
+      
+      {progress === 100 &&
+            fileType === 'video' &&
+            thumbnailUrl &&
+            renderVideo({
+                selectedFile,
+                thumbnailUrl,
+                videoRef,
+                videoProps,
+                imageProps,
+            })}
+      
+      {progress === 100 &&
+            fileType === 'file' &&
+            selectedFile &&
+            renderFile({ selectedFile, textProps })}
+      {progress < 100 &&
+            (icon || <UploadIcon widthHeight={32} {...iconProps}/>)}
+      {!isLoading && !selectedFile && text && renderText({ text, textProps })}
+      {isLoading && renderProgress({ progress, progressProps })}
+      {!isLoading &&
+            errorMessage &&
+            renderError({ errorMessage, errorMessageProps })}
+      <Input type="file" ref={fileInputRef} onChange={handleFileChange} accept={accept} multiple={multiple} style={{ display: 'none' }} {...views?.view}/>
+    </Center>);
+};
+//# sourceMappingURL=Uploader.view.js.map

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

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

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

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

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { useUpload } from './Uploader/Uploader.state';
+import { UploadView } from './Uploader/Uploader.view';
+// Defines the main Uploader functional component, responsible for handling file selection, preview, and managing the overall upload state and logic.
+export const Uploader = ({ accept = '*/*', icon, text, maxSize, onFileSelect, onMultipleFileSelect, validateFile, isLoading = false, progress = 0, fileType, multiple = false, ...props }) => {
+    // Destructures state variables and handler functions from the `useUpload` custom hook, which encapsulates the core logic for file management, validation, and UI interactions.
+    const { previewUrl, thumbnailUrl, errorMessage, videoRef, fileInputRef, selectedFile, selectedFiles, handleFileChange, handleClick, } = useUpload({
+        accept,
+        maxSize,
+        onFileSelect,
+        onMultipleFileSelect,
+        validateFile,
+        multiple,
+    });
+    // Defines a helper function to determine the specific type of the selected file (e.g., 'image', 'video', or 'file') based on explicit `fileType` prop or the selected file's MIME type.
+    const determineFileType = () => {
+        if (fileType)
+            return fileType;
+        if (!selectedFile)
+            return undefined;
+        if (selectedFile.type.startsWith('image/')) {
+            return 'image';
+        }
+        else if (selectedFile.type.startsWith('video/')) {
+            return 'video';
+        }
+        else {
+            return 'file';
+        }
+    };
+    // Stores the determined file type, which is used to render appropriate previews or UI elements within the component.
+    const detectedFileType = determineFileType();
+    return (<UploadView handleClick={handleClick} accept={accept} isLoading={isLoading} progress={progress} icon={icon} text={text} maxSize={maxSize} onFileSelect={onFileSelect} validateFile={validateFile} errorMessage={errorMessage} handleFileChange={handleFileChange} selectedFile={selectedFile} selectedFiles={selectedFiles} videoRef={videoRef} fileInputRef={fileInputRef} previewUrl={previewUrl} thumbnailUrl={thumbnailUrl} fileType={detectedFileType} multiple={multiple} {...props}/>);
+};
+//# sourceMappingURL=Uploader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Uploader.js","sourceRoot":"","sources":["../../../../src/components/Uploader/Uploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,qJAAqJ;AACrJ,MAAM,CAAC,MAAM,QAAQ,GAA0B,CAAC,EAC9C,MAAM,GAAG,KAAK,EACd,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,CAAC,EACZ,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACI,EAAE,EAAE;IAChB,+KAA+K;IAC/K,MAAM,EACJ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,WAAW,GACZ,GAAG,SAAS,CAAC;QACZ,MAAM;QACN,OAAO;QACP,YAAY;QACZ,oBAAoB;QACpB,YAAY;QACZ,QAAQ;KACT,CAAC,CAAC;IACH,wLAAwL;IACxL,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAC;QAC9B,IAAI,CAAC,YAAY;YAAE,OAAO,SAAS,CAAC;QACpC,IAAI,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC3C,OAAO,OAAO,CAAC;QACjB,CAAC;aAAM,IAAI,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;YAClD,OAAO,OAAO,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,OAAO,MAAM,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IACF,qHAAqH;IACrH,MAAM,gBAAgB,GAAG,iBAAiB,EAAE,CAAC;IAC7C,OAAO,CACL,CAAC,UAAU,CACT,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,QAAQ,CAAC,CAAC,gBAAgB,CAAC,CAC3B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,125 @@
+export * from './Accordion/Accordion';
+export * from './Alert/Alert';
+export * from './AspectRatio/AspectRatio';
+export * from './AudioInput/AudioWaveform/AudioWaveform';
+export * from './AudioInput/AudioInput';
+export * from './Avatar/Avatar';
+export * from './Badge/Badge';
+export * from './Button/Button';
+export * from './Card/Card';
+export * from './Carousel/Carousel';
+export * from './Chart/Chart';
+export * from './Chart/Chart/ChartColors';
+export * from './CookieConsent/CookieConsent';
+export * from './ContextMenu/ContextMenu';
+export * from './File/File';
+export * from './Form/Select/Select';
+export * from './Form/Switch/Switch';
+export * from './Form/Selector/Selector';
+export * from './Form/TextArea/TextArea';
+export * from './Form/TextField/TextField';
+export * from './Form/Checkbox/Checkbox';
+export * from './Form/ColorInput/ColorInput';
+export * from './Form/CountryPicker/CountryPicker';
+export * from './Form/DatePicker/DatePicker';
+export * from './Form/Password/Password';
+export * from './Form/ComboBox/ComboBox';
+export * from './Form/TagInput/TagInput';
+export * from './OTPInput/OTPInput';
+export * from './Formik';
+export * from './Slider';
+export * from './Link/Link';
+export * from './Loader/Loader';
+export * from './Uploader/Uploader';
+export * from './Message/Message';
+export * from './MediaPreview';
+export * from './Modal/Modal';
+export * from './Drawer/Drawer';
+export * from './NavigationMenu/NavigationMenu';
+export * from './Table/Table';
+export * from './Tabs/Tabs';
+export * from './Title/Title';
+export * from './Icon/Icon';
+export * from './Toggle/Toggle';
+export * from './ToggleGroup/ToggleGroup';
+export * from './DragAndDrop/DragAndDrop';
+export * from './DropZone/DropZone';
+export * from './DropdownMenu/DropdownMenu';
+export * from './ColorPicker/ColorPicker';
+export * from './EmojiPicker/EmojiPicker';
+export * from './IconPicker/IconPicker';
+export * from './Gradient/Gradient';
+export * from './HoverCard/HoverCard';
+export * from './Menubar/Menubar';
+export * from './Pagination/Pagination';
+export * from './ProgressBar/ProgressBar';
+export * from './Separator/Separator';
+export * from './ShareButton/ShareButton';
+export * from './StatusIndicator/StatusIndicator';
+export * from './Sidebar/Sidebar';
+export * from './Resizable/Resizable';
+export * from './Toast/Toast';
+export * from './Command/Command';
+export * from './Tooltip/Tooltip';
+export * from './ChatInput/ChatInput';
+export * from './Background/Background';
+export * from './ChatWidget/ChatWidget';
+export * from './AttachmentGroup/AttachmentGroup';
+export * from './ChatWidget/Widget/ChatWidgetWidget';
+export * from '../design-system';
+export { DesignSystem } from '../pages/designSystem.page';
+export * from './Accordion/Accordion/Accordion.props';
+export * from './Alert/Alert/Alert.props';
+export * from './AspectRatio/AspectRatio/AspectRatio.props';
+export * from './AudioInput/AudioInput/AudioInput.props';
+export * from './Avatar/Avatar/Avatar.props';
+export * from './Badge/Badge/Badge.props';
+export * from './Button/Button/Button.props';
+export * from './Card/Card/Card.props';
+export * from './Carousel/Carousel/Carousel.props';
+export * from './Chart/Chart/Chart.props';
+export * from './CookieConsent/CookieConsent/CookieConsent.props';
+export * from './ContextMenu/ContextMenu/ContextMenu.props';
+export * from './Form/Select/Select/Select.props';
+export * from './Form/Switch/Switch/Switch.props';
+export * from './Form/TextArea/TextArea/TextArea.props';
+export * from './Form/TextField/TextField/TextField.props';
+export * from './Form/Checkbox/Checkbox/Checkbox.props';
+export * from './Form/ColorInput/ColorInput/ColorInput.props';
+export * from './Form/CountryPicker/CountryPicker/CountryPicker.props';
+export * from './Form/DatePicker/DatePicker/DatePicker.props';
+export * from './Form/Password/Password/Password.props';
+export * from './Form/ComboBox/ComboBox/ComboBox.props';
+export * from './OTPInput/OTPInput/OTPInput.props';
+export * from './Link/Link/Link.props';
+export * from './Loader/Loader/Loader.props';
+export * from './Message/Message/Message.props';
+export * from './Modal/Modal/Modal.props';
+export * from './Drawer/Drawer/Drawer.props';
+export * from './Uploader/Uploader/Uploader.props';
+export * from './DropZone/DropZone/DropZone.props';
+export * from './Table/Table/Table.props';
+export * from './Tabs/Tabs/Tabs.props';
+export * from './Title/Title/Title.props';
+export * from './Toggle/Toggle/Toggle.props';
+export * from './ToggleGroup/ToggleGroup/ToggleGroup.props';
+export * from './HoverCard/HoverCard/HoverCard.props';
+export * from './NavigationMenu/NavigationMenu/NavigationMenu.props';
+export * from './DropdownMenu/DropdownMenu/DropdownMenu.props';
+export * from './ColorPicker/ColorPicker/ColorPicker.props';
+export * from './EmojiPicker/EmojiPicker/EmojiPicker.props';
+export * from './IconPicker/IconPicker/IconPicker.props';
+export * from './Menubar/Menubar/Menubar.props';
+export * from './Pagination/Pagination/Pagination.props';
+export * from './ProgressBar/ProgressBar/ProgressBar.props';
+export * from './Separator/Separator/Separator.props';
+export * from './ShareButton/ShareButton/ShareButton.props';
+export * from './StatusIndicator/StatusIndicator/StatusIndicator.props';
+export * from './Sidebar/Sidebar/Sidebar.props';
+export * from './Resizable/Resizable/Resizable.props';
+export * from './Toast/Toast/Toast.props';
+export * from './Command/Command/Command.props';
+export * from './Tooltip/Tooltip/Tooltip.props';
+export * from './ChatInput/ChatInput/ChatInput.props';
+export * from './Background/Background/Background.props';
+export * from './ChatWidget/ChatWidget/ChatWidget.props';

package/dist/native/components/index.js

@@ -0,0 +1,126 @@
+export * from './Accordion/Accordion';
+export * from './Alert/Alert';
+export * from './AspectRatio/AspectRatio';
+export * from './AudioInput/AudioWaveform/AudioWaveform';
+export * from './AudioInput/AudioInput';
+export * from './Avatar/Avatar';
+export * from './Badge/Badge';
+export * from './Button/Button';
+export * from './Card/Card';
+export * from './Carousel/Carousel';
+export * from './Chart/Chart';
+export * from './Chart/Chart/ChartColors';
+export * from './CookieConsent/CookieConsent';
+export * from './ContextMenu/ContextMenu';
+export * from './File/File';
+export * from './Form/Select/Select';
+export * from './Form/Switch/Switch';
+export * from './Form/Selector/Selector';
+export * from './Form/TextArea/TextArea';
+export * from './Form/TextField/TextField';
+export * from './Form/Checkbox/Checkbox';
+export * from './Form/ColorInput/ColorInput';
+export * from './Form/CountryPicker/CountryPicker';
+export * from './Form/DatePicker/DatePicker';
+export * from './Form/Password/Password';
+export * from './Form/ComboBox/ComboBox';
+export * from './Form/TagInput/TagInput';
+export * from './OTPInput/OTPInput';
+export * from './Formik';
+export * from './Slider';
+export * from './Link/Link';
+export * from './Loader/Loader';
+export * from './Uploader/Uploader';
+export * from './Message/Message';
+export * from './MediaPreview';
+export * from './Modal/Modal';
+export * from './Drawer/Drawer';
+export * from './NavigationMenu/NavigationMenu';
+export * from './Table/Table';
+export * from './Tabs/Tabs';
+export * from './Title/Title';
+export * from './Icon/Icon';
+export * from './Toggle/Toggle';
+export * from './ToggleGroup/ToggleGroup';
+export * from './DragAndDrop/DragAndDrop';
+export * from './DropZone/DropZone';
+export * from './DropdownMenu/DropdownMenu';
+export * from './ColorPicker/ColorPicker';
+export * from './EmojiPicker/EmojiPicker';
+export * from './IconPicker/IconPicker';
+export * from './Gradient/Gradient';
+export * from './HoverCard/HoverCard';
+export * from './Menubar/Menubar';
+export * from './Pagination/Pagination';
+export * from './ProgressBar/ProgressBar';
+export * from './Separator/Separator';
+export * from './ShareButton/ShareButton';
+export * from './StatusIndicator/StatusIndicator';
+export * from './Sidebar/Sidebar';
+export * from './Resizable/Resizable';
+export * from './Toast/Toast';
+export * from './Command/Command';
+export * from './Tooltip/Tooltip';
+export * from './ChatInput/ChatInput';
+export * from './Background/Background';
+export * from './ChatWidget/ChatWidget';
+export * from './AttachmentGroup/AttachmentGroup';
+export * from './ChatWidget/Widget/ChatWidgetWidget';
+export * from '../design-system';
+export { DesignSystem } from '../pages/designSystem.page';
+export * from './Accordion/Accordion/Accordion.props';
+export * from './Alert/Alert/Alert.props';
+export * from './AspectRatio/AspectRatio/AspectRatio.props';
+export * from './AudioInput/AudioInput/AudioInput.props';
+export * from './Avatar/Avatar/Avatar.props';
+export * from './Badge/Badge/Badge.props';
+export * from './Button/Button/Button.props';
+export * from './Card/Card/Card.props';
+export * from './Carousel/Carousel/Carousel.props';
+export * from './Chart/Chart/Chart.props';
+export * from './CookieConsent/CookieConsent/CookieConsent.props';
+export * from './ContextMenu/ContextMenu/ContextMenu.props';
+export * from './Form/Select/Select/Select.props';
+export * from './Form/Switch/Switch/Switch.props';
+export * from './Form/TextArea/TextArea/TextArea.props';
+export * from './Form/TextField/TextField/TextField.props';
+export * from './Form/Checkbox/Checkbox/Checkbox.props';
+export * from './Form/ColorInput/ColorInput/ColorInput.props';
+export * from './Form/CountryPicker/CountryPicker/CountryPicker.props';
+export * from './Form/DatePicker/DatePicker/DatePicker.props';
+export * from './Form/Password/Password/Password.props';
+export * from './Form/ComboBox/ComboBox/ComboBox.props';
+export * from './OTPInput/OTPInput/OTPInput.props';
+export * from './Link/Link/Link.props';
+export * from './Loader/Loader/Loader.props';
+export * from './Message/Message/Message.props';
+export * from './Modal/Modal/Modal.props';
+export * from './Drawer/Drawer/Drawer.props';
+export * from './Uploader/Uploader/Uploader.props';
+export * from './DropZone/DropZone/DropZone.props';
+export * from './Table/Table/Table.props';
+export * from './Tabs/Tabs/Tabs.props';
+export * from './Title/Title/Title.props';
+export * from './Toggle/Toggle/Toggle.props';
+export * from './ToggleGroup/ToggleGroup/ToggleGroup.props';
+export * from './HoverCard/HoverCard/HoverCard.props';
+export * from './NavigationMenu/NavigationMenu/NavigationMenu.props';
+export * from './DropdownMenu/DropdownMenu/DropdownMenu.props';
+export * from './ColorPicker/ColorPicker/ColorPicker.props';
+export * from './EmojiPicker/EmojiPicker/EmojiPicker.props';
+export * from './IconPicker/IconPicker/IconPicker.props';
+export * from './Menubar/Menubar/Menubar.props';
+export * from './Pagination/Pagination/Pagination.props';
+export * from './ProgressBar/ProgressBar/ProgressBar.props';
+export * from './Separator/Separator/Separator.props';
+export * from './ShareButton/ShareButton/ShareButton.props';
+export * from './StatusIndicator/StatusIndicator/StatusIndicator.props';
+export * from './Sidebar/Sidebar/Sidebar.props';
+export * from './Resizable/Resizable/Resizable.props';
+export * from './Toast/Toast/Toast.props';
+export * from './Command/Command/Command.props';
+export * from './Tooltip/Tooltip/Tooltip.props';
+export * from './ChatInput/ChatInput/ChatInput.props';
+export * from './Background/Background/Background.props';
+export * from './ChatWidget/ChatWidget/ChatWidget.props';
+//# sourceMappingURL=index.js.map

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

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

package/dist/native/design-system/DesignSystemProvider.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+import { DesignSystemConfigId } from './configs';
+import { DesignSystemComponentConfig, DesignSystemComponentName, DesignSystemConfig, DesignSystemContextValue } from './types';
+export interface DesignSystemProviderProps {
+    children: ReactNode;
+    config?: DesignSystemConfig;
+    configId?: DesignSystemConfigId | string;
+}
+export declare const DesignSystemProvider: React.FC<DesignSystemProviderProps>;
+export declare const useDesignSystem: () => DesignSystemContextValue;
+export declare const useDesignSystemComponentProps: (componentName: DesignSystemComponentName) => DesignSystemComponentConfig;
+export declare const useMergedDesignSystemComponentProps: <T extends Record<string, any>>(componentName: DesignSystemComponentName, props: T) => T;

package/dist/native/design-system/DesignSystemProvider.js

@@ -0,0 +1,39 @@
+import React, { createContext, useContext, useMemo } from 'react';
+import { ThemeProvider } from 'app-studio';
+import { defaultDesignSystemConfig, designSystemConfigs, } from './configs';
+import { getDesignSystemComponentProps, mergeDesignSystemComponentProps, } from './utils';
+const DesignSystemContext = createContext({
+    isEnabled: false,
+});
+export const DesignSystemProvider = ({ children, config, configId, }) => {
+    const resolvedConfig = config ||
+        (configId ? designSystemConfigs[configId] : null) ||
+        defaultDesignSystemConfig;
+    const value = useMemo(() => ({
+        config: resolvedConfig,
+        configId: resolvedConfig.metadata.id,
+        isEnabled: true,
+    }), [resolvedConfig]);
+    // Delegate token resolution to app-studio's ThemeProvider: it emits
+    // `--theme-<slot>` CSS variables from the theme object and registers them
+    // with its color resolver, so `theme-primary`, `theme-canvas`, etc. work
+    // anywhere a component uses them. `transparentWrapper` is auto-inferred
+    // (nested under another ThemeProvider) and keeps the page layout intact.
+    return (<DesignSystemContext.Provider value={value}>
+      <ThemeProvider theme={resolvedConfig.theme} mode={resolvedConfig.metadata.defaultAppearance} transparentWrapper>
+        <div data-design-system={resolvedConfig.metadata.id} data-appearance={resolvedConfig.metadata.defaultAppearance} style={{ display: 'contents' }}>
+          {children}
+        </div>
+      </ThemeProvider>
+    </DesignSystemContext.Provider>);
+};
+export const useDesignSystem = () => useContext(DesignSystemContext);
+export const useDesignSystemComponentProps = (componentName) => {
+    const { config } = useDesignSystem();
+    return getDesignSystemComponentProps(componentName, config);
+};
+export const useMergedDesignSystemComponentProps = (componentName, props) => {
+    const { config } = useDesignSystem();
+    return mergeDesignSystemComponentProps(componentName, props, config);
+};
+//# sourceMappingURL=DesignSystemProvider.js.map

package/dist/native/design-system/DesignSystemProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignSystemProvider.js","sourceRoot":"","sources":["../../../src/design-system/DesignSystemProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAa,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAgC,MAAM,YAAY,CAAC;AACzE,OAAO,EACL,yBAAyB,EACzB,mBAAmB,GAEpB,MAAM,WAAW,CAAC;AAOnB,OAAO,EACL,6BAA6B,EAC7B,+BAA+B,GAChC,MAAM,SAAS,CAAC;AAEjB,MAAM,mBAAmB,GAAG,aAAa,CAA2B;IAClE,SAAS,EAAE,KAAK;CACjB,CAAC,CAAC;AAQH,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,cAAc,GAClB,MAAM;QACN,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,QAAgC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACzE,yBAAyB,CAAC;IAE5B,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,cAAc;QACtB,QAAQ,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE;QACpC,SAAS,EAAE,IAAI;KAChB,CAAC,EACF,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,oEAAoE;IACpE,0EAA0E;IAC1E,yEAAyE;IACzE,wEAAwE;IACxE,yEAAyE;IACzE,OAAO,CACL,CAAC,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CACzC;MAAA,CAAC,aAAa,CACZ,KAAK,CAAC,CAAC,cAAc,CAAC,KAAgC,CAAC,CACvD,IAAI,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAChD,kBAAkB,CAElB;QAAA,CAAC,GAAG,CACF,kBAAkB,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC,CAC/C,eAAe,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAC3D,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAE/B;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,aAAa,CACjB;IAAA,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAChC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,aAAwC,EACX,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC,OAAO,6BAA6B,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mCAAmC,GAAG,CAGjD,aAAwC,EACxC,KAAQ,EACL,EAAE;IACL,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC,OAAO,+BAA+B,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACvE,CAAC,CAAC"}