@particle-network/ui-react 0.3.2-beta.0 → 0.3.2-beta.2

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type IconProps } from '@/icons';
+import { type IconProps } from '../../icons';
 import { type VStackProps } from '../layout';
 export interface UXEmptyProps extends VStackProps {
     iconProps?: IconProps;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type UXTooltipProps } from '@/components';
+import { type UXTooltipProps } from '..';
 export type UXHintProps = UXTooltipProps & {
     triggerType?: 'hover' | 'click';
     buttonClassName?: string;

package/dist/components/UXModal/index.js

@@ -2,24 +2,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from "@heroui/modal";
 import { Center, Circle, Flex, Text, UXButton } from "../index.js";
-import useKeyboard from "../../hooks/useKeyboard.js";
 import { CloseIcon } from "../../icons/index.js";
 const UXModal = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { size, title, footer, backdrop, scrollBehavior = 'inside', children, titleAlign = 'left', classNames, tip, ...restProps } = props;
-    const { isKeyboardVisible } = useKeyboard();
+    const { title, footer, backdrop, scrollBehavior = 'inside', children, titleAlign = 'left', classNames, tip, ...restProps } = props;
     return /*#__PURE__*/ jsx(Modal, {
         ref: ref,
         backdrop: backdrop,
         scrollBehavior: scrollBehavior,
-        size: size,
         classNames: {
             wrapper: [
                 'items-end md:items-center',
+                'h-[var(--visual-viewport-height)]',
                 classNames?.wrapper
             ],
             base: [
-                'py-6 gap-5 shadow-box m-0 max-md:rounded-b-none',
-                isKeyboardVisible && 'full' !== size ? "!max-h-[400px] !min-h-[400px] overflow-y-auto" : 'max-h-[calc(100vh-48px)]',
+                'py-6 gap-5 shadow-box',
+                'max-h-[calc(100%-32px)] max-md:m-0 max-md:rounded-b-none',
                 'md:max-h-[750px]',
                 classNames?.base
             ],
@@ -56,17 +54,17 @@ const UXModal = /*#__PURE__*/ forwardRef((props, ref)=>{
         ...restProps,
         children: /*#__PURE__*/ jsxs(ModalContent, {
             children: [
-                title && /*#__PURE__*/ jsx(ModalHeader, {
+                title ? /*#__PURE__*/ jsx(ModalHeader, {
                     className: "capitalize",
                     children: title
-                }),
+                }) : null,
                 /*#__PURE__*/ jsx(ModalBody, {
                     children: children
                 }),
-                footer && /*#__PURE__*/ jsx(ModalFooter, {
+                footer ? /*#__PURE__*/ jsx(ModalFooter, {
                     children: footer
-                }),
-                tip && /*#__PURE__*/ jsx(ModalFooter, {
+                }) : null,
+                tip ? /*#__PURE__*/ jsx(ModalFooter, {
                     className: "-mt-md",
                     children: /*#__PURE__*/ jsxs(Flex, {
                         gap: 2,
@@ -84,7 +82,7 @@ const UXModal = /*#__PURE__*/ forwardRef((props, ref)=>{
                             })
                         ]
                     })
-                })
+                }) : null
             ]
         })
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.3.2-beta.0",
+  "version": "0.3.2-beta.2",
   "type": "module",
   "exports": {
     ".": {