@app-studio/components 0.10.17

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

@@ -0,0 +1,72 @@
+import React from 'react';
+import { View } from 'app-studio';
+import { Horizontal } from 'app-studio';
+import { Text } from 'app-studio';
+import { ChevronIcon } from '../../Icon/Icon';
+import { PaginationSizes, PaginationVariants, PaginationShapes, ActivePageButtonStyles, DisabledButtonStyles, } from './Pagination.style';
+// Defines the PaginationView functional component, which is responsible for rendering the visual structure and interactive elements of the pagination UI. It accepts various props to configure its behavior and appearance.
+export const PaginationView = ({ currentPage, totalPages, onPageChange, pageSize = 10, pageSizeOptions = [
+    { label: '10 / page', value: 10 },
+    { label: '20 / page', value: 20 },
+    { label: '50 / page', value: 50 },
+    { label: '100 / page', value: 100 },
+], onPageSizeChange, showPageSizeSelector = false, showPageInfo = true, maxPageButtons = 5, showFirstLastButtons = false, size = 'md', variant = 'default', shape = 'rounded', visiblePageNumbers = [], views, ...props }) => {
+    // Handles the event when a page number is clicked. It validates if the requested page is within the valid range (1 to totalPages) and not the current active page. If valid, it invokes the 'onPageChange' callback to update the current page.
+    const handlePageChange = (page) => {
+        if (page < 1 || page > totalPages || page === currentPage) {
+            return;
+        }
+        onPageChange(page);
+    };
+    // Handles the event when the page size selection changes. It checks if the 'onPageSizeChange' callback is provided and, if so, converts the selected value from the dropdown to a number before calling the callback to update the page size.
+    const handlePageSizeChange = (e) => {
+        if (onPageSizeChange) {
+            onPageSizeChange(Number(e.target.value));
+        }
+    };
+    // A utility function that conditionally renders either an ellipsis ('...') or a clickable page number button. It applies different styles based on whether the page is the current active page and sets an onClick handler for page navigation.
+    const renderPageButton = (pageNumber, index) => {
+        if (pageNumber === '...') {
+            return (<View key={`ellipsis-${index}`} display="flex" alignItems="center" justifyContent="center" {...PaginationSizes[size]} {...views?.ellipsis}>
+          ...
+        </View>);
+        }
+        const isCurrentPage = pageNumber === currentPage;
+        return (<View key={`page-${pageNumber}`} as="button" display="flex" alignItems="center" justifyContent="center" cursor={isCurrentPage ? 'default' : 'pointer'} {...PaginationSizes[size]} {...PaginationVariants[variant]} {...PaginationShapes[shape]} {...(isCurrentPage ? ActivePageButtonStyles : {})} onClick={() => handlePageChange(pageNumber)} aria-label={`Page ${pageNumber}`} aria-current={isCurrentPage ? 'page' : undefined} {...(isCurrentPage ? views?.activePageButton : views?.pageButton)}>
+        {pageNumber}
+      </View>);
+    };
+    return (<Horizontal alignItems="center" gap={8} {...views?.container} {...props}>
+      
+      {showFirstLastButtons && (<View as="button" display="flex" alignItems="center" justifyContent="center" cursor={currentPage === 1 ? 'not-allowed' : 'pointer'} {...PaginationSizes[size]} {...PaginationVariants[variant]} {...PaginationShapes[shape]} {...(currentPage === 1 ? DisabledButtonStyles : {})} onClick={() => handlePageChange(1)} aria-label="First page" disabled={currentPage === 1} {...views?.navigationButton}>
+          <ChevronIcon orientation="left" widthHeight={16}/>
+          <ChevronIcon orientation="left" widthHeight={16} marginLeft="-8px"/>
+        </View>)}
+      
+      <View as="button" display="flex" alignItems="center" justifyContent="center" cursor={currentPage === 1 ? 'not-allowed' : 'pointer'} {...PaginationSizes[size]} {...PaginationVariants[variant]} {...PaginationShapes[shape]} {...(currentPage === 1 ? DisabledButtonStyles : {})} onClick={() => handlePageChange(currentPage - 1)} aria-label="Previous page" disabled={currentPage === 1} {...views?.navigationButton}>
+        <ChevronIcon orientation="left" widthHeight={16}/>
+      </View>
+      
+      {visiblePageNumbers.map((pageNumber, index) => renderPageButton(pageNumber, index))}
+      
+      <View as="button" display="flex" alignItems="center" justifyContent="center" cursor={currentPage === totalPages ? 'not-allowed' : 'pointer'} {...PaginationSizes[size]} {...PaginationVariants[variant]} {...PaginationShapes[shape]} {...(currentPage === totalPages ? DisabledButtonStyles : {})} onClick={() => handlePageChange(currentPage + 1)} aria-label="Next page" disabled={currentPage === totalPages} {...views?.navigationButton}>
+        <ChevronIcon orientation="right" widthHeight={16}/>
+      </View>
+      
+      {showFirstLastButtons && (<View as="button" display="flex" alignItems="center" justifyContent="center" cursor={currentPage === totalPages ? 'not-allowed' : 'pointer'} {...PaginationSizes[size]} {...PaginationVariants[variant]} {...PaginationShapes[shape]} {...(currentPage === totalPages ? DisabledButtonStyles : {})} onClick={() => handlePageChange(totalPages)} aria-label="Last page" disabled={currentPage === totalPages} {...views?.navigationButton}>
+          <ChevronIcon orientation="right" widthHeight={16}/>
+          <ChevronIcon orientation="right" widthHeight={16} marginLeft="-8px"/>
+        </View>)}
+      
+      {showPageInfo && (<Text marginLeft={16} color="color-gray-600" {...views?.pageInfo}>
+          Page {currentPage} of {totalPages}
+        </Text>)}
+      
+      {showPageSizeSelector && onPageSizeChange && (<View as="select" marginLeft={16} padding="4px 8px" borderRadius="4px" borderWidth="1px" borderStyle="solid" borderColor="color-gray-200" backgroundColor="color-white" cursor="pointer" value={pageSize} onChange={handlePageSizeChange} {...views?.pageSizeSelector}>
+          {pageSizeOptions.map((option) => (<option key={option.value} value={option.value}>
+              {option.label}
+            </option>))}
+        </View>)}
+    </Horizontal>);
+};
+//# sourceMappingURL=Pagination.view.js.map

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

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

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

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

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import { View, Horizontal, Text } from 'app-studio';
+import { ChevronIcon } from '../../Icon/Icon';
+import { PaginationSizes, PaginationVariants, PaginationShapes, ActivePageButtonStyles, DisabledButtonStyles, } from './Pagination.style';
+export const PaginationView = ({ currentPage, totalPages, onPageChange, pageSize = 10, pageSizeOptions, onPageSizeChange, showPageSizeSelector = false, showPageInfo = true, maxPageButtons = 5, showFirstLastButtons = false, size = 'md', variant = 'default', shape = 'rounded', visiblePageNumbers = [], views, ...props }) => {
+    const handlePageChange = (page) => {
+        if (page < 1 || page > totalPages || page === currentPage)
+            return;
+        onPageChange(page);
+    };
+    const renderPageButton = (pageNumber, index) => {
+        if (pageNumber === '...') {
+            return (<View key={`ellipsis-${index}`} alignItems="center" justifyContent="center" {...PaginationSizes[size]} {...views?.ellipsis}>
+          <Text>...</Text>
+        </View>);
+        }
+        const isCurrentPage = pageNumber === currentPage;
+        return (<View key={`page-${pageNumber}`} onPress={() => handlePageChange(pageNumber)} onClick={() => handlePageChange(pageNumber)} alignItems="center" justifyContent="center" {...PaginationSizes[size]} {...PaginationVariants[variant]} {...PaginationShapes[shape]} {...(isCurrentPage ? ActivePageButtonStyles : {})} {...(isCurrentPage ? views?.activePageButton : views?.pageButton)}>
+        <Text>{pageNumber}</Text>
+      </View>);
+    };
+    return (<Horizontal alignItems="center" gap={8} {...views?.container} {...props}>
+      {showFirstLastButtons && (<View onPress={() => handlePageChange(1)} onClick={() => handlePageChange(1)} alignItems="center" justifyContent="center" {...PaginationSizes[size]} {...PaginationVariants[variant]} {...PaginationShapes[shape]} {...(currentPage === 1 ? DisabledButtonStyles : {})} {...views?.navigationButton}>
+          <Horizontal alignItems="center">
+            <ChevronIcon orientation="left" widthHeight={14}/>
+            <ChevronIcon orientation="left" widthHeight={14} marginLeft={-6}/>
+          </Horizontal>
+        </View>)}
+      <View onPress={() => handlePageChange(currentPage - 1)} onClick={() => handlePageChange(currentPage - 1)} alignItems="center" justifyContent="center" {...PaginationSizes[size]} {...PaginationVariants[variant]} {...PaginationShapes[shape]} {...(currentPage === 1 ? DisabledButtonStyles : {})} {...views?.navigationButton}>
+        <ChevronIcon orientation="left" widthHeight={16}/>
+      </View>
+      {visiblePageNumbers.map((pageNumber, index) => renderPageButton(pageNumber, index))}
+      <View onPress={() => handlePageChange(currentPage + 1)} onClick={() => handlePageChange(currentPage + 1)} alignItems="center" justifyContent="center" {...PaginationSizes[size]} {...PaginationVariants[variant]} {...PaginationShapes[shape]} {...(currentPage === totalPages ? DisabledButtonStyles : {})} {...views?.navigationButton}>
+        <ChevronIcon orientation="right" widthHeight={16}/>
+      </View>
+      {showFirstLastButtons && (<View onPress={() => handlePageChange(totalPages)} onClick={() => handlePageChange(totalPages)} alignItems="center" justifyContent="center" {...PaginationSizes[size]} {...PaginationVariants[variant]} {...PaginationShapes[shape]} {...(currentPage === totalPages ? DisabledButtonStyles : {})} {...views?.navigationButton}>
+          <Horizontal alignItems="center">
+            <ChevronIcon orientation="right" widthHeight={14}/>
+            <ChevronIcon orientation="right" widthHeight={14} marginLeft={-6}/>
+          </Horizontal>
+        </View>)}
+      {showPageInfo && (<Text marginLeft={16} color="color-gray-600" {...views?.pageInfo}>
+          Page {currentPage} of {totalPages}
+        </Text>)}
+    </Horizontal>);
+};
+//# sourceMappingURL=Pagination.view.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.view.native.js","sourceRoot":"","sources":["../../../../../src/components/Pagination/Pagination/Pagination.view.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAA8B,CAAC,EACxD,WAAW,EACX,UAAU,EACV,YAAY,EACZ,QAAQ,GAAG,EAAE,EACb,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GAAG,KAAK,EAC5B,YAAY,GAAG,IAAI,EACnB,cAAc,GAAG,CAAC,EAClB,oBAAoB,GAAG,KAAK,EAC5B,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,SAAS,EACjB,kBAAkB,GAAG,EAAE,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,EAAE;QACxC,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,UAAU,IAAI,IAAI,KAAK,WAAW;YAAE,OAAO;QAClE,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IACF,MAAM,gBAAgB,GAAG,CAAC,UAA2B,EAAE,KAAa,EAAE,EAAE;QACtE,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;YACzB,OAAO,CACL,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,YAAY,KAAK,EAAE,CAAC,CACzB,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAC1B,IAAI,KAAK,EAAE,QAAQ,CAAC,CAEpB;UAAA,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CACjB;QAAA,EAAE,IAAI,CAAC,CACR,CAAC;QACJ,CAAC;QACD,MAAM,aAAa,GAAG,UAAU,KAAK,WAAW,CAAC;QACjD,OAAO,CACL,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,QAAQ,UAAU,EAAE,CAAC,CAC1B,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAoB,CAAC,CAAC,CACtD,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAoB,CAAC,CAAC,CACtD,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAC1B,IAAI,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAChC,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAC5B,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAClD,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAElE;QAAA,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,CAC1B;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CACL,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,CACtE;MAAA,CAAC,oBAAoB,IAAI,CACvB,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CACnC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CACnC,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAC1B,IAAI,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAChC,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAC5B,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CACpD,IAAI,KAAK,EAAE,gBAAgB,CAAC,CAE5B;UAAA,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAC7B;YAAA,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAChD;YAAA,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,EAClE;UAAA,EAAE,UAAU,CACd;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CACjD,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CACjD,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAC1B,IAAI,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAChC,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAC5B,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CACpD,IAAI,KAAK,EAAE,gBAAgB,CAAC,CAE5B;QAAA,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAClD;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,UAA2B,EAAE,KAAa,EAAE,EAAE,CACrE,gBAAgB,CAAC,UAAoB,EAAE,KAAK,CAAC,CAC9C,CACD;MAAA,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CACjD,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CACjD,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAC1B,IAAI,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAChC,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAC5B,IAAI,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAC7D,IAAI,KAAK,EAAE,gBAAgB,CAAC,CAE5B;QAAA,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EACnD;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,oBAAoB,IAAI,CACvB,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAC5C,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAC5C,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAC1B,IAAI,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAChC,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAC5B,IAAI,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAC7D,IAAI,KAAK,EAAE,gBAAgB,CAAC,CAE5B;UAAA,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAC7B;YAAA,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EACjD;YAAA,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,EACnE;UAAA,EAAE,UAAU,CACd;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,YAAY,IAAI,CACf,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,KAAK,EAAE,QAAQ,CAAC,CAC/D;eAAK,CAAC,WAAW,CAAE,IAAG,CAAC,UAAU,CACnC;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC"}

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

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

package/dist/native/components/Pagination/Pagination.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { usePaginationState } from './Pagination/Pagination.state';
+import { PaginationView } from './Pagination/Pagination.view';
+// This file defines the main Pagination component. It serves as the top-level orchestrator, integrating the pagination logic from `usePaginationState` and presenting the UI through `PaginationView`, while accepting and passing all necessary props.
+const PaginationComponent = ({ currentPage, totalPages, onPageChange, pageSize = 10, pageSizeOptions, onPageSizeChange, showPageSizeSelector = false, showPageInfo = true, maxPageButtons = 5, showFirstLastButtons = false, size = 'md', variant = 'default', shape = 'rounded', views, ...props }) => {
+    const { visiblePageNumbers } = usePaginationState(currentPage, totalPages, maxPageButtons);
+    return (<PaginationView currentPage={currentPage} totalPages={totalPages} onPageChange={onPageChange} pageSize={pageSize} pageSizeOptions={pageSizeOptions} onPageSizeChange={onPageSizeChange} showPageSizeSelector={showPageSizeSelector} showPageInfo={showPageInfo} maxPageButtons={maxPageButtons} showFirstLastButtons={showFirstLastButtons} size={size} variant={variant} shape={shape} visiblePageNumbers={visiblePageNumbers} views={views} {...props}/>);
+};
+export const Pagination = PaginationComponent;
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,wPAAwP;AACxP,MAAM,mBAAmB,GAA8B,CAAC,EACtD,WAAW,EACX,UAAU,EACV,YAAY,EACZ,QAAQ,GAAG,EAAE,EACb,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GAAG,KAAK,EAC5B,YAAY,GAAG,IAAI,EACnB,cAAc,GAAG,CAAC,EAClB,oBAAoB,GAAG,KAAK,EAC5B,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,CAC/C,WAAW,EACX,UAAU,EACV,cAAc,CACf,CAAC;IACF,OAAO,CACL,CAAC,cAAc,CACb,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAC3C,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAC3C,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAG,mBAAmB,CAAC"}

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

@@ -0,0 +1 @@
+export * from './Pagination';

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

@@ -0,0 +1,3 @@
+// Re-exports all exports from the 'Pagination' module, making them directly accessible when importing from this 'index.ts' file. This serves as a convenient barrel file for the component.
+export * from './Pagination';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA,4LAA4L;AAC5L,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface PortalProps {
+    children: React.ReactNode;
+    containerId?: string;
+}
+export declare const Portal: React.FC<PortalProps>;
+export {};

package/dist/native/components/Portal/Portal.js

@@ -0,0 +1,32 @@
+import { useEffect, useState } from 'react';
+import ReactDOM from 'react-dom';
+export const Portal = ({ children, containerId = 'portal-root', }) => {
+    const [container, setContainer] = useState(null);
+    useEffect(() => {
+        let element = document.getElementById(containerId);
+        let created = false;
+        if (!element) {
+            created = true;
+            element = document.createElement('div');
+            element.setAttribute('id', containerId);
+            document.body.appendChild(element);
+        }
+        setContainer(element);
+        return () => {
+            // Clean up only if we created it and it's empty?
+            // safer not to remove it if other components use it,
+            // but if we created it, we might want to remove it if empty.
+            // For simplicity, let's keep it.
+            if (created &&
+                element &&
+                element.parentNode &&
+                element.childNodes.length === 0) {
+                element.parentNode.removeChild(element);
+            }
+        };
+    }, [containerId]);
+    if (!container)
+        return null;
+    return ReactDOM.createPortal(children, container);
+};
+//# sourceMappingURL=Portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,QAAQ,MAAM,WAAW,CAAC;AAOjC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,QAAQ,EACR,WAAW,GAAG,aAAa,GAC5B,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QACnD,IAAI,OAAO,GAAG,KAAK,CAAC;QAEpB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,GAAG,IAAI,CAAC;YACf,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACxC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YACxC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;QAED,YAAY,CAAC,OAAO,CAAC,CAAC;QAEtB,OAAO,GAAG,EAAE;YACV,iDAAiD;YACjD,qDAAqD;YACrD,6DAA6D;YAC7D,iCAAiC;YACjC,IACE,OAAO;gBACP,OAAO;gBACP,OAAO,CAAC,UAAU;gBAClB,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EAC/B,CAAC;gBACD,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACpD,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+/**
+ * Portal (React Native) – there is no DOM portal target on RN, so we just
+ * render children inline. Consumers that need true overlay behaviour should
+ * use the RN-native <Modal/> (already used by ModalOverlay / Drawer /
+ * Tooltip's .native views).
+ */
+import React from 'react';
+interface PortalProps {
+    children: React.ReactNode;
+    containerId?: string;
+}
+export declare const Portal: React.FC<PortalProps>;
+export default Portal;

package/dist/native/components/Portal/Portal.native.js

@@ -0,0 +1,10 @@
+/**
+ * Portal (React Native) – there is no DOM portal target on RN, so we just
+ * render children inline. Consumers that need true overlay behaviour should
+ * use the RN-native <Modal/> (already used by ModalOverlay / Drawer /
+ * Tooltip's .native views).
+ */
+import React from 'react';
+export const Portal = ({ children }) => <>{children}</>;
+export default Portal;
+//# sourceMappingURL=Portal.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.native.js","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.native.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;AAC/E,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,24 @@
+import { ViewProps } from 'app-studio';
+export interface ProgressBarStyles {
+    container?: ViewProps;
+    bar?: ViewProps;
+    track?: React.SVGAttributes<SVGCircleElement>;
+    indicator?: React.SVGAttributes<SVGCircleElement>;
+    text?: ViewProps;
+}
+export interface ProgressBarProps extends ViewProps {
+    shape?: 'linear' | 'circle';
+    value?: number;
+    max?: number;
+    color?: string;
+    backgroundColor?: string;
+    height?: number | string;
+    size?: number;
+    radius?: number | string;
+    strokeWidth?: number;
+    showLabel?: boolean;
+    labelColor?: string;
+    animated?: boolean;
+    animationDuration?: string;
+    views?: ProgressBarStyles;
+}

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

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

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProgressBarProps } from './ProgressBar.props';
+declare const ProgressBarView: React.FC<ProgressBarProps>;
+export default ProgressBarView;

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

@@ -0,0 +1,112 @@
+import React, { useMemo } from 'react';
+import { View, Text, useTheme } from 'app-studio';
+const isRawCssColor = (value) => typeof value === 'string' &&
+    (/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(value) ||
+        ['black', 'currentColor', 'inherit', 'transparent', 'white'].includes(value));
+// Defines the ProgressBarView functional component, wrapped in React.memo for performance optimization, ensuring it only re-renders when its props change. It receives props defined by ProgressBarProps.
+const ProgressBarView = React.memo(({ 
+// Sets the shape of the progress bar, defaulting to 'linear'.
+shape = 'linear', 
+// Sets the current progress value, defaulting to 0.
+value = 0, 
+// Sets the maximum possible value for the progress bar, defaulting to 100.
+max = 100, 
+// Sets the color of the progress indicator, defaulting to 'theme-primary'.
+color = 'theme-primary', 
+// Sets the background color of the progress bar track, defaulting to 'color-gray-200'.
+backgroundColor = 'color-gray-200', 
+// Defines the height of the linear progress bar.
+height, 
+// Defines the size (width and height) for the circular progress bar.
+size, 
+// Sets the border radius for the linear progress bar, defaulting to 4.
+radius = 4, 
+// Sets the thickness of the stroke for the circular progress bar, defaulting to 10.
+strokeWidth = 10, 
+// Determines whether to display the progress percentage label, defaulting to false.
+showLabel = false, 
+// Sets the color of the progress label, defaulting to 'theme-text-primary'.
+labelColor = 'theme-text-primary', 
+// Enables or disables animation for progress transitions, defaulting to true.
+animated = true, 
+// Sets the duration of the animation for progress transitions, defaulting to '0.5s'.
+animationDuration = '0.5s', 
+// Allows overriding default styles for specific internal view components.
+views, 
+// Overrides the theme mode for this specific component instance.
+themeMode: elementMode, 
+// Captures any other remaining props passed to the component.
+...props }) => {
+    // Utilizes the useTheme hook to access theme-related utilities like getColor for resolving theme-aware colors and the current global themeMode.
+    const { getColor, themeMode } = useTheme();
+    // Determines the active theme mode for the component, prioritizing a specific elementMode prop if provided, otherwise falling back to the global themeMode.
+    const currentMode = elementMode ? elementMode : themeMode;
+    // Calculates a validated progress value, ensuring it stays within the acceptable range of 0 to max to prevent invalid display states.
+    const validValue = Math.min(max, Math.max(0, value));
+    // Calculates the progress as a percentage based on the validated value and the maximum value.
+    const percentage = (validValue / max) * 100;
+    const resolveColor = (value) => isRawCssColor(value)
+        ? value
+        : getColor(value, { themeMode: currentMode });
+    // Memoizes the calculation of the track's background color, resolving it using the theme's getColor utility and the current theme mode. This prevents unnecessary recalculations on re-renders.
+    const trackColor = useMemo(() => resolveColor(backgroundColor), [getColor, backgroundColor, currentMode]);
+    // Memoizes the calculation of the progress bar's fill color, resolving it using the theme's getColor utility and the current theme mode. This prevents unnecessary recalculations on re-renders.
+    const barColor = useMemo(() => resolveColor(color), [getColor, color, currentMode]);
+    // Checks if the progress bar should be rendered as a 'circle' shape.
+    if (shape === 'circle') {
+        // Determines the overall size of the circular progress bar, prioritizing the 'size' prop, then 'height' if it's a number, otherwise defaulting to 100px.
+        const circleSize = size || (typeof height === 'number' ? height : 100);
+        // Calculates the radius of the SVG circles, accounting for the strokeWidth to ensure the progress bar fits within the defined circleSize.
+        const radiusCalc = (circleSize - strokeWidth) / 2;
+        // Calculates the circumference of the circle, which is essential for managing the strokeDasharray and strokeDashoffset properties to display progress.
+        const circumference = 2 * Math.PI * radiusCalc;
+        // Calculates the strokeDashoffset value, which determines how much of the circular progress bar is filled based on the current percentage.
+        const offset = circumference - (percentage / 100) * circumference;
+        return (<View width={circleSize} height={circleSize} position="relative" display="flex" alignItems="center" justifyContent="center" {...views?.container} {...props}>
+          <svg width={circleSize} height={circleSize} viewBox={`0 0 ${circleSize} ${circleSize}`} style={{ transform: 'rotate(-90deg)' }}>
+            
+            <circle cx={circleSize / 2} cy={circleSize / 2} r={radiusCalc} stroke={trackColor} strokeWidth={strokeWidth} fill="transparent" {...views?.track}/>
+            
+            <circle cx={circleSize / 2} cy={circleSize / 2} r={radiusCalc} stroke={barColor} strokeWidth={strokeWidth} strokeDasharray={circumference} strokeDashoffset={offset} strokeLinecap="round" fill="transparent" style={{
+                transition: animated
+                    ? `stroke-dashoffset ${animationDuration} ease-in-out`
+                    : 'none',
+            }} {...views?.indicator}/>
+          </svg>
+          {showLabel && (<View position="absolute" top={0} left={0} right={0} bottom={0} display="flex" alignItems="center" justifyContent="center" pointerEvents="none">
+              <Text color={labelColor} fontSize={`${circleSize * 0.2}px`} fontWeight="bold" {...views?.text}>
+                {Math.round(percentage)}%
+              </Text>
+            </View>)}
+        </View>);
+    }
+    const linearHeight = height || 8;
+    const containerStyle = {
+        backgroundColor: trackColor,
+        ...(views?.container?.style || {}),
+        ...(props.style || {}),
+    };
+    return (<View role="progressbar" aria-valuenow={value} aria-valuemin={0} aria-valuemax={max} width="100%" height={linearHeight} borderRadius={radius} overflow="hidden" position="relative" display="flex" alignItems="center" justifyContent="center" {...views?.container} {...props} style={containerStyle}>
+        <div style={{
+            height: '100%',
+            backgroundColor: barColor,
+            borderRadius: typeof radius === 'number' ? `${radius}px` : radius,
+            position: 'absolute',
+            left: 0,
+            top: 0,
+            bottom: 0,
+            width: `${percentage}%`,
+            transition: animated
+                ? `width ${animationDuration} ease-in-out`
+                : 'none',
+            ...views?.bar,
+        }}/>
+        {showLabel && (<Text color={labelColor} fontSize={typeof linearHeight === 'number' && linearHeight > 16
+                ? `${linearHeight * 0.6}px`
+                : '10px'} fontWeight="bold" position="relative" zIndex={1} {...views?.text}>
+            {Math.round(percentage)}%
+          </Text>)}
+      </View>);
+});
+export default ProgressBarView;
+//# sourceMappingURL=ProgressBar.view.js.map

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

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

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

@@ -0,0 +1,9 @@
+/**
+ * ProgressBarView (React Native) – linear and circle shapes.
+ * The circle shape uses `react-native-svg` (optional peer). If it is not
+ * installed, the component falls back to the linear shape.
+ */
+import React from 'react';
+import { ProgressBarProps } from './ProgressBar.props';
+declare const ProgressBarView: React.FC<ProgressBarProps>;
+export default ProgressBarView;

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

@@ -0,0 +1,64 @@
+/**
+ * ProgressBarView (React Native) – linear and circle shapes.
+ * The circle shape uses `react-native-svg` (optional peer). If it is not
+ * installed, the component falls back to the linear shape.
+ */
+import React, { useMemo } from 'react';
+import { View, Text, useTheme } from 'app-studio';
+let Svg = null;
+let Circle = null;
+try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const RNSvg = require('react-native-svg');
+    Svg = RNSvg.Svg ?? RNSvg.default;
+    Circle = RNSvg.Circle;
+}
+catch {
+    /* optional peer absent */
+}
+const isRawCssColor = (value) => typeof value === 'string' &&
+    (/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(value) ||
+        ['black', 'currentColor', 'inherit', 'transparent', 'white'].includes(value));
+const ProgressBarView = React.memo(({ shape = 'linear', value = 0, max = 100, color = 'theme-primary', backgroundColor = 'color-gray-200', height, size, radius = 4, strokeWidth = 10, showLabel = false, labelColor = 'theme-text-primary', animated: _animated = true, animationDuration: _animationDuration = '0.5s', views, themeMode: elementMode, ...props }) => {
+    const { getColor, themeMode } = useTheme();
+    const currentMode = elementMode ? elementMode : themeMode;
+    const validValue = Math.min(max, Math.max(0, value));
+    const percentage = (validValue / max) * 100;
+    const resolveColor = (value) => isRawCssColor(value) ? value : getColor(value, { themeMode: currentMode });
+    const trackColor = useMemo(() => resolveColor(backgroundColor), [backgroundColor, currentMode]);
+    const barColor = useMemo(() => resolveColor(color), [color, currentMode]);
+    // --- Circle shape ---
+    if (shape === 'circle' && Svg && Circle) {
+        const circleSize = (size || (typeof height === 'number' ? height : 100));
+        const radiusCalc = (circleSize - strokeWidth) / 2;
+        const circumference = 2 * Math.PI * radiusCalc;
+        const offset = circumference - (percentage / 100) * circumference;
+        return (<View width={circleSize} height={circleSize} position="relative" alignItems="center" justifyContent="center" {...views?.container} {...props}>
+          <Svg width={circleSize} height={circleSize} viewBox={`0 0 ${circleSize} ${circleSize}`} 
+        // Rotate so that progress starts at the top (12 o'clock) instead of 3 o'clock.
+        style={{ transform: [{ rotate: '-90deg' }] }}>
+            {/* Track */}
+            <Circle cx={circleSize / 2} cy={circleSize / 2} r={radiusCalc} stroke={trackColor} strokeWidth={strokeWidth} fill="transparent"/>
+            {/* Indicator */}
+            <Circle cx={circleSize / 2} cy={circleSize / 2} r={radiusCalc} stroke={barColor} strokeWidth={strokeWidth} strokeDasharray={`${circumference}`} strokeDashoffset={offset} strokeLinecap="round" fill="transparent"/>
+          </Svg>
+          {showLabel && (<View position="absolute" top={0} left={0} right={0} bottom={0} alignItems="center" justifyContent="center" pointerEvents="none">
+              <Text color={labelColor} fontSize={circleSize * 0.2} fontWeight="bold" {...views?.text}>
+                {Math.round(percentage)}%
+              </Text>
+            </View>)}
+        </View>);
+    }
+    // --- Linear shape (also the fallback when react-native-svg is absent) ---
+    const linearHeight = height || 8;
+    return (<View width="100%" height={linearHeight} borderRadius={radius} overflow="hidden" position="relative" alignItems="center" justifyContent="center" backgroundColor={trackColor} {...views?.container} {...props}>
+        <View position="absolute" left={0} top={0} bottom={0} height="100%" width={`${percentage}%`} backgroundColor={barColor} borderRadius={typeof radius === 'number' ? radius : 4} {...views?.bar}/>
+        {showLabel && (<Text color={labelColor} fontSize={typeof linearHeight === 'number' && linearHeight > 16
+                ? linearHeight * 0.6
+                : 10} fontWeight="bold" position="relative" zIndex={1} {...views?.text}>
+            {Math.round(percentage)}%
+          </Text>)}
+      </View>);
+});
+export default ProgressBarView;
+//# sourceMappingURL=ProgressBar.view.native.js.map

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProgressBarProps } from './ProgressBar/ProgressBar.props';
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+export * from './ProgressBar/ProgressBar.props';

package/dist/native/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import ProgressBarView from './ProgressBar/ProgressBar.view';
+import { useMergedDesignSystemComponentProps } from '../../design-system';
+// Defines the main ProgressBar functional component, serving as the entry point for the ProgressBar UI by rendering the ProgressBarView with provided properties.
+const ProgressBarComponent = (props) => {
+    const mergedProps = useMergedDesignSystemComponentProps('progress', props);
+    return <ProgressBarView {...mergedProps}/>;
+};
+export const ProgressBar = ProgressBarComponent;
+export * from './ProgressBar/ProgressBar.props';
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,mCAAmC,EAAE,MAAM,mBAAmB,CAAC;AACxE,kKAAkK;AAClK,MAAM,oBAAoB,GAA+B,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,WAAW,GAAG,mCAAmC,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAC3E,OAAO,CAAC,eAAe,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;AAC9C,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,oBAAoB,CAAC;AAChD,cAAc,iCAAiC,CAAC"}

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

@@ -0,0 +1,52 @@
+import { ViewProps } from 'app-studio';
+import React from 'react';
+import { Orientation, HandlePosition, Size, Variant, ResizableStyles, ResizableStorage } from './Resizable.type';
+export interface ResizableProps {
+    children: React.ReactNode;
+    orientation?: Orientation;
+    size?: Size;
+    variant?: Variant;
+    defaultSizes?: (number | string)[];
+    onSizesChange?: (sizes: number[]) => void;
+    minSize?: number;
+    maxSize?: number;
+    collapsible?: boolean;
+    autoSaveId?: string;
+    storage?: ResizableStorage;
+    keyboardResizeBy?: number;
+    views?: ResizableStyles;
+    [key: string]: any;
+}
+export interface ResizablePanelProps {
+    children: React.ReactNode;
+    id: string;
+    defaultSize?: number | string;
+    minSize?: number;
+    maxSize?: number;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapseChange?: (collapsed: boolean) => void;
+    views?: {
+        panel?: ViewProps;
+        collapsedPanel?: ViewProps;
+    };
+    [key: string]: any;
+}
+export interface ResizableHandleProps {
+    id: string;
+    position?: HandlePosition;
+    disabled?: boolean;
+    withVisualIndicator?: boolean;
+    withCollapseButton?: boolean;
+    collapseTarget?: string;
+    views?: {
+        handle?: ViewProps;
+        handleIcon?: ViewProps;
+        collapseIcon?: ViewProps;
+    };
+    [key: string]: any;
+}
+export interface ResizableType extends React.FC<ResizableProps> {
+    Panel: React.FC<ResizablePanelProps>;
+    Handle: React.FC<ResizableHandleProps>;
+}

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

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

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

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