@particle-network/ui-react 0.4.0-beta.2 → 0.4.0-beta.21

package/dist/components/UXToast/index.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { ToastProvider, addToast, closeAll, closeToast } from "@heroui/toast";
+import { ToastProvider, addToast, closeAll, closeToast, getToastQueue, isToastClosing } from "@heroui/toast";
 import CircleCheckIcon from "@particle-network/icons/web/CircleCheckIcon";
 import CircleCloseIcon from "@particle-network/icons/web/CircleCloseIcon";
 import CloseIcon from "@particle-network/icons/web/CloseIcon";
@@ -9,33 +9,35 @@ const UXToastProvider = ()=>/*#__PURE__*/ jsx(ToastProvider, {
         disableAnimation: true,
         placement: "top-center",
         maxVisibleToasts: 4,
-        toastOffset: 40,
         toastProps: {
             timeout: 4000
         },
         regionProps: {
-            className: 'items-center py-10'
+            className: 'items-center mt-12 p-0 gap-2'
         }
     });
 const getIcon = (type)=>{
     if ('success' === type) return /*#__PURE__*/ jsx(CircleCheckIcon, {
-        size: 18
+        size: 18,
+        color: "success"
     });
     if ('error' === type) return /*#__PURE__*/ jsx(CircleCloseIcon, {
-        size: 18
+        size: 18,
+        color: "danger"
     });
     if ('loading' === type) return /*#__PURE__*/ jsx(UXSpinner, {
+        color: "primary",
         size: 18
     });
     return null;
 };
 const show = (props)=>{
-    const { type, hideCloseButton, variant, classNames, description, ...toastProps } = props ?? {};
-    const { base, description: descriptionClassName, icon, loadingComponent, content, closeButton, ...restClassNames } = classNames ?? {};
+    const { type, hideCloseButton, icon, variant, classNames, description, ...toastProps } = props ?? {};
+    const { base, description: descriptionClassName, icon: iconClassName, loadingComponent, content, closeButton, ...restClassNames } = classNames ?? {};
     return addToast({
         classNames: {
             base: [
-                'bg-tertiary rounded-xl px-3.5 py-3 shadow-none border-none !w-fit max-w-[90vw] md:max-w-[400px]',
+                'bg-tertiary rounded-xl px-3.5 py-3 shadow-none border-none !w-fit max-w-[90vw] md:max-w-[400px] m-0',
                 !hideCloseButton && 'pr-12',
                 'flat' === variant && 'success' === type && 'bg-[#0E3728]',
                 'flat' === variant && 'error' === type && 'bg-[#501D1D]',
@@ -48,11 +50,8 @@ const show = (props)=>{
                 descriptionClassName
             ],
             icon: [
-                'shrink-0 h-5 w-5',
-                'success' === type && 'text-success',
-                'error' === type && 'text-danger',
-                'loading' === type && 'text-primary',
-                icon
+                'h-fit w-fit shrink-0',
+                iconClassName
             ],
             loadingComponent: [
                 'text-primary h-5 w-5',
@@ -70,18 +69,24 @@ const show = (props)=>{
             ...restClassNames
         },
         description,
-        icon: getIcon(type),
+        icon: icon ?? getIcon(type),
+        hideIcon: !icon && !getIcon(type),
         closeIcon: /*#__PURE__*/ jsx(CloseIcon, {
             className: 'flat' === variant ? 'text-white' : 'text-foreground'
         }),
         loadingComponent: /*#__PURE__*/ jsx(UXSpinner, {
             size: 18
         }),
-        timeout: 'loading' === type ? 1 / 0 : 3000,
+        timeout: 'loading' === type ? 1 / 0 : 4000,
         ...toastProps
     });
 };
 const toast = {
+    info: (message, props)=>show({
+            type: 'info',
+            description: message,
+            ...props
+        }),
     success: (message, props)=>show({
             type: 'success',
             description: message,
@@ -95,11 +100,10 @@ const toast = {
     loading: (message, props)=>show({
             type: 'loading',
             description: message,
-            timeout: 1 / 0,
             ...props
         }),
     show,
     closeAll: closeAll,
     close: closeToast
 };
-export { UXToastProvider, toast };
+export { UXToastProvider, addToast, closeAll, closeToast, getToastQueue, isToastClosing, toast };

package/dist/components/UXTooltip/tooltip.extend.d.ts

@@ -39,7 +39,7 @@ declare const ExtendedTooltip: import("react").ForwardRefExoticComponent<Omit<{
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "foreground" | "secondary" | "primary" | "success" | "danger" | "warning" | undefined;
+    color?: "default" | "success" | "foreground" | "secondary" | "primary" | "danger" | "warning" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -284,31 +284,31 @@ declare const ExtendedTooltip: import("react").ForwardRefExoticComponent<Omit<{
     radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
     offset?: number | undefined;
     key?: import("react").Key | null | undefined;
-    disableAnimation?: boolean | undefined;
+    classNames?: import("@heroui/theme").SlotsToClasses<"content" | "base" | "arrow"> | undefined;
     isDisabled?: boolean | undefined;
-    shadow?: "sm" | "md" | "lg" | "none" | undefined;
+    disableAnimation?: boolean | undefined;
     as?: import("@heroui/system-rsc").As<any> | undefined;
+    onOpenChange?: ((isOpen: boolean) => void) | undefined;
+    shouldCloseOnBlur?: boolean | undefined;
     onClose?: ((() => void) & (() => void)) | undefined;
-    classNames?: import("@heroui/theme").SlotsToClasses<"content" | "base" | "arrow"> | undefined;
+    isOpen?: boolean | undefined;
     placement?: import("@heroui/aria-utils").OverlayPlacement | undefined;
-    motionProps?: Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> | undefined;
-    delay?: number | undefined;
+    containerPadding?: number | undefined;
+    crossOffset?: number | undefined;
+    shouldFlip?: boolean | undefined;
+    isKeyboardDismissDisabled?: boolean | undefined;
+    shouldCloseOnInteractOutside?: ((element: Element) => boolean) | undefined;
+    isDismissable?: boolean | undefined;
+    showArrow?: boolean | undefined;
+    updatePositionDeps?: any[] | undefined;
+    shadow?: "sm" | "md" | "lg" | "none" | undefined;
     triggerScaleOnOpen?: boolean | undefined;
     isTriggerDisabled?: boolean | undefined;
-    closeDelay?: number | undefined;
-    trigger?: "focus" | undefined;
+    motionProps?: Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> | undefined;
     portalContainer?: Element | undefined;
-    updatePositionDeps?: any[] | undefined;
-    isOpen?: boolean | undefined;
-    isDismissable?: boolean | undefined;
-    shouldCloseOnBlur?: boolean | undefined;
-    isKeyboardDismissDisabled?: boolean | undefined;
-    shouldCloseOnInteractOutside?: ((element: Element) => boolean) | undefined;
     defaultOpen?: boolean | undefined;
-    onOpenChange?: ((isOpen: boolean) => void) | undefined;
-    showArrow?: boolean | undefined;
-    crossOffset?: number | undefined;
-    shouldFlip?: boolean | undefined;
-    containerPadding?: number | undefined;
+    trigger?: "focus" | undefined;
+    delay?: number | undefined;
+    closeDelay?: number | undefined;
 }, "ref"> & import("react").RefAttributes<import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>>>;
 export default ExtendedTooltip;

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './layout';
 export * from './ProgressWrapper';
 export * from './typography/Text';
+export * from './UXAutocomplete';
 export * from './UXButton';
 export * from './UXCalendar';
 export * from './UXCheckbox';
@@ -9,6 +10,7 @@ export * from './UXCopy';
 export * from './UXDatePicker';
 export * from './UXDateRangePicker';
 export * from './UXDivider';
+export * from './UXDrawer';
 export * from './UXDropdown';
 export * from './UXEmpty';
 export * from './UXHint';

package/dist/components/index.js

@@ -1,6 +1,7 @@
 export * from "./layout/index.js";
 export * from "./ProgressWrapper/index.js";
 export * from "./typography/Text.js";
+export * from "./UXAutocomplete/index.js";
 export * from "./UXButton/index.js";
 export * from "./UXCalendar/index.js";
 export * from "./UXCheckbox/index.js";
@@ -9,6 +10,7 @@ export * from "./UXCopy/index.js";
 export * from "./UXDatePicker/index.js";
 export * from "./UXDateRangePicker/index.js";
 export * from "./UXDivider/index.js";
+export * from "./UXDrawer/index.js";
 export * from "./UXDropdown/index.js";
 export * from "./UXEmpty/index.js";
 export * from "./UXHint/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.4.0-beta.2",
+  "version": "0.4.0-beta.21",
   "type": "module",
   "exports": {
     ".": {
@@ -38,7 +38,6 @@
     "@rslib/core": "^0.12.3",
     "@types/react": "^19.1.10",
     "react": "^19.1.0",
-    "typescript": "^5.8.3",
     "@particle-network/lintstaged-config": "0.1.0",
     "@particle-network/eslint-config": "0.3.0"
   },
@@ -50,13 +49,13 @@
     "ahooks": "^3.9.4",
     "copy-to-clipboard": "^3.3.3",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.4.0-beta.0",
-    "@particle-network/ui-shared": "0.3.0-beta.0"
+    "@particle-network/icons": "0.4.0-beta.13",
+    "@particle-network/ui-shared": "0.3.0-beta.6"
   },
   "scripts": {
     "build": "rslib build",
     "dev": "rslib build --watch",
-    "type-check": "npx tsc --noEmit -p ./tsconfig.json",
+    "type-check": "npx tsgo --noEmit -p ./tsconfig.json",
     "lint": "eslint . --no-error-on-unmatched-pattern --quiet",
     "lint:fix": "eslint . --fix --no-error-on-unmatched-pattern --quiet",
     "clean": "rm -rf .turbo node_modules dist"