@particle-network/ui-react 0.4.5-beta.17 → 0.4.5-beta.19

package/dist/components/UXButton/button-theme.d.ts

@@ -31,6 +31,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
         sm: string;
         md: string;
         lg: string;
+        xl: string;
         auto: string;
     };
     color: {
@@ -97,6 +98,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
         sm: string;
         md: string;
         lg: string;
+        xl: string;
         auto: string;
     };
     color: {
@@ -163,6 +165,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
         sm: string;
         md: string;
         lg: string;
+        xl: string;
         auto: string;
     };
     color: {

package/dist/components/UXButton/button-theme.js

@@ -33,10 +33,11 @@ const button_theme_button = tv({
             text: 'bg-transparent min-w-0 w-auto h-auto px-0'
         },
         size: {
-            xs: 'gap-1 rounded-[4px] !text-caption1 min-w-min font-medium [&>svg]:size-[14px]',
-            sm: 'gap-1 rounded-[6px] !text-body3 min-w-min font-medium [&>svg]:size-4',
-            md: 'gap-1 rounded-[6px] text-tiny min-w-min font-medium [&>svg]:size-[18px]',
-            lg: 'gap-1 rounded-[10px] text-medium min-w-min font-medium [&>svg]:size-6',
+            xs: 'gap-1 rounded-sm !text-caption1 min-w-min font-medium [&>svg]:size-[14px]',
+            sm: 'gap-1 rounded-md !text-body3 min-w-min font-medium [&>svg]:size-4',
+            md: 'gap-1 rounded-md text-tiny min-w-min font-medium [&>svg]:size-[18px]',
+            lg: 'gap-1 rounded-lg text-sm min-w-min font-medium [&>svg]:size-5',
+            xl: 'gap-1 rounded-[10px] text-medium min-w-min font-medium [&>svg]:size-6',
             auto: 'min-w-min rounded-[10px]'
         },
         color: {
@@ -127,6 +128,16 @@ const button_theme_button = tv({
                 'light',
                 'bordered'
             ],
+            class: 'px-lg h-9'
+        },
+        {
+            size: 'xl',
+            variant: [
+                'solid',
+                'flat',
+                'light',
+                'bordered'
+            ],
             class: 'px-lg h-11'
         },
         {
@@ -486,17 +497,22 @@ const button_theme_button = tv({
         {
             isInGroup: true,
             size: 'sm',
-            class: 'rounded-none first:rounded-s-small last:rounded-e-small'
+            class: 'rounded-none first:rounded-s-md last:rounded-e-md'
         },
         {
             isInGroup: true,
             size: 'md',
-            class: 'rounded-none first:rounded-s-small last:rounded-e-small'
+            class: 'rounded-none first:rounded-s-md last:rounded-e-md'
         },
         {
             isInGroup: true,
             size: 'lg',
-            class: 'rounded-none first:rounded-s-medium last:rounded-e-medium'
+            class: 'rounded-none first:rounded-s-lg last:rounded-e-lg'
+        },
+        {
+            isInGroup: true,
+            size: 'xl',
+            class: 'rounded-none first:rounded-s-[10px] last:rounded-e-[10px]'
         },
         {
             isInGroup: true,
@@ -618,6 +634,11 @@ const button_theme_button = tv({
         {
             isIconOnly: true,
             size: 'lg',
+            class: 'min-w-9 w-9 h-9'
+        },
+        {
+            isIconOnly: true,
+            size: 'xl',
             class: 'min-w-11 w-11 h-11'
         },
         {

package/dist/components/UXButton/use-button.js

@@ -104,7 +104,8 @@ function useButton(props) {
             xs: 14,
             sm: 16,
             md: 18,
-            lg: 24
+            lg: 20,
+            xl: 24
         };
         return buttonSpinnerSizeMap[size];
     }, [

package/dist/components/UXThemeSwitch/theme-switch.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-import type { UXModalProps } from '../UXModal';
+import { type ThemeId } from '@particle-network/ui-shared';
+import { type UXModalProps } from '../UXModal';
 export interface UXThemeSwitchModalProps extends Pick<UXModalProps, 'isOpen' | 'onClose' | 'onOpenChange' | 'backdrop'> {
     as?: 'modal' | 'drawer';
+    omitThemes?: ThemeId[];
 }
 export declare const UXThemeSwitchModal: React.FC<UXThemeSwitchModalProps>;
-export interface UXThemeSwitchProps extends Pick<UXThemeSwitchModalProps, 'as' | 'backdrop'> {
+export interface UXThemeSwitchProps extends Pick<UXThemeSwitchModalProps, 'as' | 'omitThemes' | 'backdrop'> {
     children?: (onOpen: () => void) => React.ReactNode;
 }
 export declare const UXThemeSwitch: React.FC<UXThemeSwitchProps>;

package/dist/components/UXThemeSwitch/theme-switch.js

@@ -1,19 +1,20 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { cn } from "@heroui/theme";
 import { useDisclosure } from "@heroui/use-disclosure";
 import { ChartColorSwitchIcon, CopyIcon } from "@particle-network/icons/web";
 import { themeData } from "@particle-network/ui-shared";
 import { useI18n } from "../../hooks/index.js";
-import { UXCopy, UXTooltip } from "../index.js";
 import { HStack, VStack } from "../layout/index.js";
 import { Text } from "../typography/Text.js";
 import { UXButton } from "../UXButton/index.js";
+import { UXCopy } from "../UXCopy/index.js";
 import { UXDivider } from "../UXDivider/index.js";
 import { UXDrawer } from "../UXDrawer/index.js";
 import { UXInput } from "../UXInput/index.js";
 import { UXModal } from "../UXModal/index.js";
 import { UXSpinner } from "../UXSpinner/index.js";
+import { UXTooltip } from "../UXTooltip/index.js";
 import { ThemeItem } from "./theme-item.js";
 import { useTheme } from "./use-theme.js";
 const FONT_EXAMPLES = [
@@ -30,11 +31,14 @@ const FONT_EXAMPLES = [
         url: 'https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'
     }
 ];
-const UXThemeSwitchModal = ({ as = 'modal', backdrop, isOpen, onClose, onOpenChange })=>{
+const UXThemeSwitchModal = ({ as = 'modal', omitThemes = [], backdrop, isOpen, onClose, onOpenChange })=>{
     const i18n = useI18n();
     const { theme: selectedTheme, setTheme, fontUrl, setFontUrl, fontName, fontLoadStatus, clearFontUrl } = useTheme();
     const [isFontExampleOpen, setIsFontExampleOpen] = useState(false);
     const Component = 'modal' === as ? UXModal : UXDrawer;
+    const themes = useMemo(()=>themeData.filter((theme)=>!omitThemes.includes(theme.id)), [
+        omitThemes
+    ]);
     return /*#__PURE__*/ jsx(Component, {
         isOpen: isOpen,
         classNames: {
@@ -44,7 +48,7 @@ const UXThemeSwitchModal = ({ as = 'modal', backdrop, isOpen, onClose, onOpenCha
         backdrop: backdrop,
         footer: /*#__PURE__*/ jsx(UXButton, {
             fullWidth: true,
-            size: "lg",
+            size: "xl",
             color: "primary",
             onPress: onClose,
             children: i18n.theme.done
@@ -55,7 +59,7 @@ const UXThemeSwitchModal = ({ as = 'modal', backdrop, isOpen, onClose, onOpenCha
             children: [
                 /*#__PURE__*/ jsx("div", {
                     className: "grid grid-cols-3 gap-y-5 pt-1",
-                    children: themeData.map((theme)=>/*#__PURE__*/ jsx(ThemeItem, {
+                    children: themes.map((theme)=>/*#__PURE__*/ jsx(ThemeItem, {
                             isSelected: selectedTheme.id === theme.id,
                             onClick: ()=>setTheme(theme),
                             ...theme

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import ExtendedTooltip from './tooltip.extend';
-export type UXTooltipProps = React.ComponentPropsWithRef<typeof ExtendedTooltip>;
+import type { TooltipProps } from '@heroui/tooltip';
+export type UXTooltipProps = TooltipProps;
 export declare const UXTooltip: React.FC<UXTooltipProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.4.5-beta.17",
+  "version": "0.4.5-beta.19",
   "type": "module",
   "exports": {
     ".": {
@@ -38,8 +38,8 @@
     "@rslib/core": "^0.12.3",
     "@types/react": "^19.1.10",
     "react": "^19.1.0",
-    "@particle-network/lintstaged-config": "0.1.0",
-    "@particle-network/eslint-config": "0.3.0"
+    "@particle-network/eslint-config": "0.3.0",
+    "@particle-network/lintstaged-config": "0.1.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -49,8 +49,8 @@
     "ahooks": "^3.9.4",
     "copy-to-clipboard": "^3.3.3",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.4.2-beta.7",
-    "@particle-network/ui-shared": "0.3.2-beta.3"
+    "@particle-network/icons": "0.4.2-beta.8",
+    "@particle-network/ui-shared": "0.3.2-beta.4"
   },
   "scripts": {
     "build": "rslib build",

package/tailwind-preset.js

@@ -1094,7 +1094,7 @@ module.exports = {
             },
           },
         },
-        custom: {
+        'product-test': {
           extend: 'dark',
           colors: {
             default: {