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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import ExtendedInput from './input.extend';
 export type UXInputProps = React.ComponentPropsWithRef<typeof ExtendedInput>;
-declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
+declare const UXInput: import("@heroui/system-rsc").InternalForwardRefRenderFunction<"input", Omit<{
     fullWidth?: boolean | undefined;
     ref?: React.Ref<HTMLInputElement> | undefined;
     children?: React.ReactNode;
@@ -342,5 +342,5 @@ declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
     wrapperRef?: React.Ref<HTMLDivElement> | undefined;
     innerWrapperRef?: React.Ref<HTMLDivElement> | undefined;
     textAlign?: "center" | "left" | "right" | undefined;
-}, "ref"> & React.RefAttributes<React.ReactElement<unknown, string | React.JSXElementConstructor<any>>>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+}, "ref"> & React.RefAttributes<React.ReactElement<unknown, string | React.JSXElementConstructor<any>>>, never>;
 export default UXInput;

package/dist/components/UXInput/index.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
+import "react";
+import { forwardRef } from "@heroui/system";
 import input_extend from "./input.extend.js";
-const UXInput_UXInput = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(input_extend, {
+const UXInput_UXInput = forwardRef((props, ref)=>/*#__PURE__*/ jsx(input_extend, {
         ...props,
         ref: ref
     }));

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

@@ -299,7 +299,7 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
     cellPadding?: string | number | undefined;
     cellSpacing?: string | number | undefined;
     frame?: boolean | undefined;
-    rules?: "none" | "all" | "groups" | "rows" | "columns" | undefined;
+    rules?: "none" | "all" | "rows" | "groups" | "columns" | undefined;
     classNames?: import("@heroui/theme").SlotsToClasses<"table" | "base" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "wrapper" | "sortIcon" | "emptyWrapper" | "loadingWrapper"> | undefined;
     topContent?: React.ReactNode;
     bottomContent?: React.ReactNode;

package/dist/components/UXTable/table.extend.d.ts

@@ -296,7 +296,7 @@ declare const ExtendedTable: import("react").ForwardRefExoticComponent<Omit<{
     cellPadding?: string | number | undefined;
     cellSpacing?: string | number | undefined;
     frame?: boolean | undefined;
-    rules?: "none" | "all" | "groups" | "rows" | "columns" | undefined;
+    rules?: "none" | "all" | "rows" | "groups" | "columns" | undefined;
     classNames?: import("@heroui/theme").SlotsToClasses<"table" | "base" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "wrapper" | "sortIcon" | "emptyWrapper" | "loadingWrapper"> | undefined;
     topContent?: import("react").ReactNode;
     bottomContent?: import("react").ReactNode;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import ExtendedTextarea from './textarea.extend';
+export type UXTextareaProps = React.ComponentPropsWithRef<typeof ExtendedTextarea>;
+export declare const UXTextarea: React.ForwardRefExoticComponent<UXTextareaProps>;

package/dist/components/UXTextarea/index.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { forwardRef } from "@heroui/system";
+import textarea_extend from "./textarea.extend.js";
+const UXTextarea = forwardRef((props, ref)=>/*#__PURE__*/ jsx(textarea_extend, {
+        ...props,
+        ref: ref
+    }));
+UXTextarea.displayName = 'UX.Textarea';
+export { UXTextarea };

package/dist/components/UXTextarea/textarea.extend.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+import { type TextAreaProps } from '@heroui/input';
+type ExtendedTextareaProps = Omit<TextAreaProps, 'color'> & {
+    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'bullish' | 'bearish';
+};
+declare const ExtendedTextarea: React.ForwardRefExoticComponent<ExtendedTextareaProps>;
+export default ExtendedTextarea;

package/dist/components/UXTextarea/textarea.extend.js

@@ -0,0 +1,6 @@
+import { Textarea } from "@heroui/input";
+import { extendVariants } from "@heroui/system-rsc";
+import { inputClasses } from "../../utils/index.js";
+const ExtendedTextarea = extendVariants(Textarea, inputClasses);
+const textarea_extend = ExtendedTextarea;
+export { textarea_extend as default };

package/dist/components/index.d.ts

@@ -47,5 +47,6 @@ export { default as UXSwitch } from './UXSwitch';
 export * from './UXTable';
 export { default as UXTabs } from './UXTabs';
 export * from './UXTabs';
+export * from './UXTextarea';
 export type { UXTooltipProps } from './UXTooltip';
 export { default as UXTooltip } from './UXTooltip';

package/dist/components/index.js

@@ -35,4 +35,5 @@ export * from "./UXSelect/index.js";
 export * from "./UXSpinner/index.js";
 export * from "./UXTable/index.js";
 export * from "./UXTabs/index.js";
+export * from "./UXTextarea/index.js";
 export { Center, Circle, Flex, HStack, ProgressWrapper, Square, Text, UXCheckbox, UXChip, UXDivider, UXHint, UXInput, UXModal, UXNumberInput, UXPopover, UXRadio, UXSelect, UXSwitch, UXTabs, UXTooltip, VStack };

package/dist/utils/input-classes.js

@@ -4,7 +4,7 @@ const inputClasses = {
         color: 'primary',
         size: 'md',
         fullWidth: true,
-        labelPlacement: 'inside',
+        labelPlacement: 'outside',
         isDisabled: false,
         hideStepper: true,
         textAlign: 'left'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.2.1-beta.0",
+  "version": "0.3.0-beta.2",
   "type": "module",
   "exports": {
     ".": {
@@ -39,8 +39,8 @@
     "@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"
+    "@particle-network/eslint-config": "0.3.0",
+    "@particle-network/lintstaged-config": "0.1.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "ahooks": "^3.9.4",
-    "@particle-network/ui-shared": "0.1.1"
+    "@particle-network/ui-shared": "0.2.0-beta.0"
   },
   "scripts": {
     "build": "rslib build",

package/tailwind-preset.js

@@ -128,11 +128,11 @@ module.exports = {
               DEFAULT: '#FFFFFF',
             },
             background: {
-              200: '#E8E8ED',
-              300: '#F0F0F2',
-              400: '#F8F8FA',
+              200: '#F0F0F2',
+              300: '#F8F8FA',
+              400: '#FFFFFF',
               500: '#FFFFFF',
-              DEFAULT: '#FFFFFF',
+              DEFAULT: '#F8F8FA',
             },
             foreground: {
               100: '#C0C0C9',