@particle-network/ui-react 0.4.5-beta.2 → 0.4.5-beta.20

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'
         },
         {
@@ -370,13 +381,13 @@ const button_theme_button = tv({
             isSelected: true,
             color: 'default',
             variant: 'solid',
-            class: 'bg-tertiary'
+            class: 'bg-tertiary text-tertiary-foreground'
         },
         {
             isSelected: true,
             color: 'secondary',
             variant: 'solid',
-            class: 'bg-tertiary text-foreground'
+            class: 'bg-tertiary text-tertiary-foreground'
         },
         {
             isSelected: true,
@@ -468,6 +479,12 @@ const button_theme_button = tv({
             color: 'bearish',
             class: colorVariants.solid.bearish
         },
+        {
+            isSelected: true,
+            variant: 'text',
+            color: 'secondary',
+            class: colorVariants.text["default"]
+        },
         {
             isInGroup: true,
             class: 'rounded-none first:rounded-s-small last:rounded-e-small'
@@ -480,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,
@@ -612,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/UXChip/chip.extend.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 import { type ChipProps } from '@heroui/chip';
 type ExtendedChipProps = Omit<ChipProps, 'color'> & {
-    color?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'bullish' | 'bearish' | `#${string}`;
+    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'alert' | 'danger' | 'bullish' | 'bearish' | `#${string}`;
 };
 declare const ExtendedChip: React.ForwardRefExoticComponent<ExtendedChipProps>;
 export default ExtendedChip;

package/dist/components/UXChip/chip.extend.js

@@ -4,9 +4,10 @@ const colorVariants = {
     solid: {
         default: 'bg-background-200 text-foreground-300',
         primary: 'bg-primary text-primary-foreground',
-        secondary: 'bg-background-200 text-foreground-300',
+        secondary: 'bg-background-200 text-secondary',
         success: 'bg-success text-success-foreground',
         warning: 'bg-warning text-warning-foreground',
+        alert: 'bg-alert text-alert-foreground',
         danger: 'bg-danger text-danger-foreground',
         foreground: 'bg-foreground text-background',
         bullish: 'bg-bullish text-bullish-foreground',
@@ -16,9 +17,10 @@ const colorVariants = {
     flat: {
         default: 'bg-background-300 text-foreground-300',
         primary: 'bg-primary/20 text-primary',
-        secondary: 'bg-background-300 text-foreground-300',
+        secondary: 'bg-background-300 text-secondary',
         success: 'bg-success/20 text-success',
         warning: 'bg-warning/20 text-warning',
+        alert: 'bg-alert/20 text-alert',
         danger: 'bg-danger/20 text-danger',
         foreground: 'bg-foreground/10 text-foreground',
         bullish: 'bg-bullish/20 text-bullish',
@@ -63,6 +65,9 @@ const ExtendedChip = extendVariants(Chip, {
             danger: {
                 dot: 'bg-danger'
             },
+            alert: {
+                dot: 'bg-alert'
+            },
             bullish: {
                 dot: 'bg-bullish'
             },
@@ -164,6 +169,11 @@ const ExtendedChip = extendVariants(Chip, {
             color: 'danger',
             class: colorVariants.solid.danger
         },
+        {
+            variant: 'solid',
+            color: 'alert',
+            class: colorVariants.solid.alert
+        },
         {
             variant: 'solid',
             color: 'bullish',
@@ -204,6 +214,11 @@ const ExtendedChip = extendVariants(Chip, {
             color: 'danger',
             class: colorVariants.flat.danger
         },
+        {
+            variant: 'flat',
+            color: 'alert',
+            class: colorVariants.flat.alert
+        },
         {
             variant: 'flat',
             color: 'bullish',

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

@@ -2,5 +2,5 @@ import React from 'react';
 import ExtendedChip from './chip.extend';
 export type UXChipProps = React.ComponentPropsWithRef<typeof ExtendedChip>;
 export declare const UXChip: import("@heroui/system-rsc").InternalForwardRefRenderFunction<"div", Omit<import("@heroui/chip").ChipProps, "color"> & {
-    color?: "default" | "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | `#${string}`;
+    color?: "default" | "primary" | "secondary" | "success" | "warning" | "alert" | "danger" | "bullish" | "bearish" | `#${string}`;
 }, never>;

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

@@ -6,6 +6,7 @@ export declare const UXInput: React.ForwardRefExoticComponent<(Omit<Omit<import(
 } & {
     variant?: "flat" | "bordered" | undefined;
     textAlign?: "center" | "left" | "right" | undefined;
+    isColorText?: boolean | undefined;
     color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
@@ -21,6 +22,7 @@ export declare const UXInput: React.ForwardRefExoticComponent<(Omit<Omit<import(
 } & {
     variant?: "flat" | "bordered" | undefined;
     textAlign?: "center" | "left" | "right" | undefined;
+    isColorText?: boolean | undefined;
     color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;

package/dist/components/UXInput/input.extend.d.ts

@@ -3,6 +3,7 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<(Omit<imp
 } & {
     variant?: "flat" | "bordered" | undefined;
     textAlign?: "center" | "left" | "right" | undefined;
+    isColorText?: boolean | undefined;
     color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
@@ -18,6 +19,7 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<(Omit<imp
 } & {
     variant?: "flat" | "bordered" | undefined;
     textAlign?: "center" | "left" | "right" | undefined;
+    isColorText?: boolean | undefined;
     color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;

package/dist/components/UXModal/index.js

@@ -4,7 +4,6 @@ import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from "@herou
 import CloseIcon from "@particle-network/icons/web/CloseIcon";
 import { Center, Circle, Flex } from "../layout/index.js";
 import { Text } from "../typography/Text.js";
-import { UXButton } from "../UXButton/index.js";
 const UXModal = (props)=>{
     const { title, footer, backdrop, scrollBehavior = 'inside', children, titleAlign = 'left', classNames, tip, ...restProps } = props;
     return /*#__PURE__*/ jsx(Modal, {
@@ -41,13 +40,11 @@ const UXModal = (props)=>{
                 classNames?.footer
             ],
             closeButton: [
-                'top-5 end-4 text-foreground',
+                'top-4 end-3.5 text-foreground',
                 classNames?.closeButton
             ]
         },
-        closeButton: /*#__PURE__*/ jsx(UXButton, {
-            isIconOnly: true,
-            variant: "light",
+        closeButton: /*#__PURE__*/ jsx("button", {
             children: /*#__PURE__*/ jsx(CloseIcon, {
                 size: 24
             })

package/dist/components/UXNumberInput/number-input.extend.d.ts

@@ -3,6 +3,7 @@ import { type NumberInputProps } from '@heroui/number-input';
 type ExtendedNumberInputProps = Omit<NumberInputProps, 'color'> & {
     color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'bullish' | 'bearish';
     textAlign?: 'left' | 'center' | 'right';
+    isColorText?: boolean;
 };
 declare const ExtendedNumberInput: React.ForwardRefExoticComponent<ExtendedNumberInputProps>;
 export default ExtendedNumberInput;

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

@@ -0,0 +1,5 @@
+import UXSlider from './slider';
+export type { SliderProps as UXSliderProps } from './slider';
+export type { SliderRenderThumbProps, SliderStepMark, SliderValue } from './use-slider';
+export { useSlider } from './use-slider';
+export { UXSlider };

package/dist/components/UXSlider/index.js

@@ -0,0 +1,3 @@
+import slider from "./slider.js";
+import { useSlider } from "./use-slider.js";
+export { slider as UXSlider, useSlider };