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

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

@@ -5,7 +5,10 @@ export type UXToastType = 'success' | 'error' | 'loading' | 'info';
 export type UXToastProps = Partial<ToastProps> & {
     type: UXToastType;
 };
-export declare const UXToastProvider: () => import("react/jsx-runtime").JSX.Element;
+export interface UXToastProviderProps {
+    placement?: ToastProps['placement'];
+}
+export declare const UXToastProvider: ({ placement }: UXToastProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const toast: {
     info: (message: ReactNode, props?: Partial<ToastProps>) => string | null;
     success: (message: ReactNode, props?: Partial<ToastProps>) => string | null;

package/dist/components/UXToast/index.js

@@ -6,9 +6,9 @@ import CloseIcon from "@particle-network/icons/web/CloseIcon";
 import { hasLongWord } from "../../utils/index.js";
 import { UXSpinner } from "../UXSpinner/index.js";
 import { WrapText } from "../WrapText/index.js";
-const UXToastProvider = ()=>/*#__PURE__*/ jsx(ToastProvider, {
+const UXToastProvider = ({ placement = 'top-center' })=>/*#__PURE__*/ jsx(ToastProvider, {
         disableAnimation: true,
-        placement: "top-center",
+        placement: placement,
         maxVisibleToasts: 4,
         toastProps: {
             timeout: 4000

package/dist/components/layout/Box/box-theme.d.ts

@@ -737,7 +737,7 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         center: string;
         right: string;
     };
-}, undefined, "ux-box-base", {
+}, undefined, "", {
     position: {
         static: string;
         relative: string;
@@ -2209,5 +2209,5 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         center: string;
         right: string;
     };
-}, undefined, "ux-box-base", unknown, unknown, undefined>>;
+}, undefined, "", unknown, unknown, undefined>>;
 export type BoxVariants = VariantProps<typeof boxVariants>;

package/dist/components/layout/Box/box-theme.js

@@ -123,7 +123,7 @@ const roundedClasses = {
     full: 'rounded-full'
 };
 const boxVariants = tv({
-    base: 'ux-box-base',
+    base: '',
     variants: {
         position: {
             static: 'static',

package/dist/components/typography/text-theme.d.ts

@@ -57,7 +57,7 @@ export declare const textVariants: import("tailwind-variants").TVReturnType<{
         '1': string;
         '1.4': string;
     };
-}, undefined, "ux-text-base", {
+}, undefined, "", {
     variant: {
         h1: string;
         h2: string;
@@ -175,4 +175,4 @@ export declare const textVariants: import("tailwind-variants").TVReturnType<{
         '1': string;
         '1.4': string;
     };
-}, undefined, "ux-text-base", unknown, unknown, undefined>>;
+}, undefined, "", unknown, unknown, undefined>>;

package/dist/components/typography/text-theme.js

@@ -11,7 +11,7 @@ const body3 = 'text-[0.6875rem] leading-[1rem] font-normal';
 const caption1Bold = 'text-[0.625rem] leading-[0.875rem] font-medium';
 const caption1 = 'text-[0.625rem] leading-[0.875rem] font-normal';
 const textVariants = tv({
-    base: 'ux-text-base',
+    base: '',
     variants: {
         variant: {
             h1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.7.0-beta.2",
+  "version": "0.7.0-beta.20",
   "type": "module",
   "exports": {
     ".": {
@@ -33,7 +33,6 @@
     "tailwind-preset.js"
   ],
   "devDependencies": {
-    "@heroui/react": "^2.8.2",
     "@rsbuild/plugin-react": "^1.3.5",
     "@rslib/core": "^0.12.3",
     "@types/react": "^19.1.10",
@@ -46,14 +45,21 @@
     "react-dom": ">=16.9.0"
   },
   "dependencies": {
+    "@heroui/react": "^2.8.2",
+    "@tanstack/react-virtual": "^3.13.21",
     "ahooks": "^3.9.4",
+    "clsx": "^2.1.1",
+    "color2k": "^2.0.3",
     "copy-to-clipboard": "^3.3.3",
     "immer": "^11.1.3",
     "react-aria-components": "^1.14.0",
+    "react-stately": "^3.45.0",
+    "tailwind-merge": "2.6.0",
+    "tailwind-variants": "^3.2.2",
     "values.js": "^2.1.1",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.6.1",
-    "@particle-network/ui-shared": "0.5.0"
+    "@particle-network/icons": "0.7.0-beta.8",
+    "@particle-network/ui-shared": "0.6.0-beta.1"
   },
   "scripts": {
     "build": "rslib build",

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

@@ -1,34 +0,0 @@
-declare const ExtendedTable: import("react").ForwardRefExoticComponent<(Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, keyof import("@heroui/table").TableProps<object>> & import("@heroui/table").TableProps<object> & {
-    as?: import("@heroui/system-rsc").As<any> | undefined;
-} & {
-    color?: "default" | undefined;
-    size?: "md" | "lg" | undefined;
-    layout?: "auto" | "fixed" | undefined;
-    radius?: "sm" | "md" | "lg" | "none" | undefined;
-    shadow?: "sm" | "md" | "lg" | "none" | undefined;
-    hideHeader?: boolean | undefined;
-    isStriped?: boolean | undefined;
-    isCompact?: boolean | undefined;
-    isHeaderSticky?: boolean | undefined;
-    isSelectable?: boolean | undefined;
-    isMultiSelectable?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    align?: "start" | "end" | "center" | undefined;
-}, "ref"> | Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<Omit<any, "ref">, never>, keyof import("@heroui/table").TableProps<object>> & import("@heroui/table").TableProps<object> & {
-    as?: import("@heroui/system-rsc").As<any> | undefined;
-} & {
-    color?: "default" | undefined;
-    size?: "md" | "lg" | undefined;
-    layout?: "auto" | "fixed" | undefined;
-    radius?: "sm" | "md" | "lg" | "none" | undefined;
-    shadow?: "sm" | "md" | "lg" | "none" | undefined;
-    hideHeader?: boolean | undefined;
-    isStriped?: boolean | undefined;
-    isCompact?: boolean | undefined;
-    isHeaderSticky?: boolean | undefined;
-    isSelectable?: boolean | undefined;
-    isMultiSelectable?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    align?: "start" | "end" | "center" | undefined;
-}, "ref">) & import("react").RefAttributes<HTMLElement>>;
-export default ExtendedTable;

package/dist/components/UXTable/table.extend.js

@@ -1,145 +0,0 @@
-import { extendVariants } from "@heroui/system-rsc";
-import { Table } from "@heroui/table";
-const ExtendedTable = extendVariants(Table, {
-    variants: {
-        color: {
-            default: {
-                wrapper: 'p-0 gap-5',
-                thead: '[&>tr]:first:border-b [&>tr]:first:border-divider',
-                th: 'bg-transparent !text-caption1 text-foreground-300 font-medium px-lg h-auto',
-                td: 'before:bg-default/60 data-[selected=true]:text-default-foreground font-medium first:rounded-l-md last:rounded-r-md'
-            }
-        },
-        size: {
-            md: {
-                th: 'py-md'
-            },
-            lg: {
-                th: 'py-5',
-                td: 'py-lg'
-            }
-        },
-        layout: {
-            auto: {
-                table: 'table-auto'
-            },
-            fixed: {
-                table: 'table-fixed'
-            }
-        },
-        radius: {
-            none: {
-                wrapper: 'rounded-none'
-            },
-            sm: {
-                wrapper: 'rounded-small'
-            },
-            md: {
-                wrapper: 'rounded-medium'
-            },
-            lg: {
-                wrapper: 'rounded-large'
-            }
-        },
-        shadow: {
-            none: {
-                wrapper: 'shadow-none'
-            },
-            sm: {
-                wrapper: 'shadow-small'
-            },
-            md: {
-                wrapper: 'shadow-medium'
-            },
-            lg: {
-                wrapper: 'shadow-large'
-            }
-        },
-        hideHeader: {
-            true: {
-                thead: 'hidden'
-            }
-        },
-        isStriped: {
-            true: {
-                td: [
-                    'group-data-[odd=true]/tr:before:bg-default-100',
-                    'group-data-[odd=true]/tr:before:opacity-100',
-                    'group-data-[odd=true]/tr:before:-z-10'
-                ]
-            }
-        },
-        isCompact: {
-            true: {
-                td: 'py-1'
-            },
-            false: {}
-        },
-        isHeaderSticky: {
-            true: {
-                thead: 'sticky top-0 z-20 [&>tr]:first:shadow-small'
-            }
-        },
-        isSelectable: {
-            true: {
-                tr: 'cursor-default',
-                td: [
-                    'group-aria-[selected=false]/tr:group-data-[hover=true]/tr:before:bg-background-200',
-                    'group-aria-[selected=false]/tr:group-data-[hover=true]/tr:before:opacity-70'
-                ]
-            }
-        },
-        isMultiSelectable: {
-            true: {
-                td: [
-                    'group-data-[first=true]/tr:first:before:rounded-ss-lg',
-                    'group-data-[first=true]/tr:last:before:rounded-se-lg',
-                    'group-data-[middle=true]/tr:before:rounded-none',
-                    'group-data-[last=true]/tr:first:before:rounded-es-lg',
-                    'group-data-[last=true]/tr:last:before:rounded-ee-lg'
-                ]
-            },
-            false: {
-                td: [
-                    'first:before:rounded-s-lg',
-                    'last:before:rounded-e-lg'
-                ]
-            }
-        },
-        fullWidth: {
-            true: {
-                base: 'w-full',
-                wrapper: 'w-full',
-                table: 'w-full'
-            }
-        },
-        align: {
-            start: {
-                th: 'text-start',
-                td: 'text-start'
-            },
-            center: {
-                th: 'text-center',
-                td: 'text-center'
-            },
-            end: {
-                th: 'text-end',
-                td: 'text-end'
-            }
-        }
-    },
-    defaultVariants: {
-        layout: 'auto',
-        shadow: 'none',
-        radius: 'none',
-        color: 'default',
-        size: 'md',
-        isCompact: false,
-        hideHeader: false,
-        isStriped: false,
-        fullWidth: true,
-        align: 'start'
-    }
-});
-const table_extend = ExtendedTable;
-export { table_extend as default };