@woovi/ui 5.0.5 → 6.0.0

package/dist/layoutWrapper/LayoutWrapper.d.ts

@@ -1,8 +1,8 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 type Props = {
-    children: ReactNode;
     header: ReactNode;
     sidebar: ReactNode;
+    children: ReactNode;
 };
 declare const LayoutWrapper: ({ header, sidebar, children }: Props) => ReactNode;
 export default LayoutWrapper;

package/dist/openpix/charge/ChargeTagStatus.d.ts

@@ -1,12 +1,8 @@
-export declare const TAG_STATUS_COLOR: {
-    [x: string]: string;
-    ACTIVE: string;
-    DELETED: string;
-    ACTIVE_WAITING_PAYMENT_METHOD: string;
-    EXPIRED: string;
-    OVERDUE: string;
-    COMPLETED: string;
-};
-export declare const ChargeTagStatus: import("styled-components").StyledComponent<(props: import("../../index.ts").TagProps) => import("react").ReactNode, any, {
+import type { ReactNode } from "react";
+import { type TagProps } from "../../tag/Tag.tsx";
+export declare const TAG_STATUS_COLOR: Record<string, string>;
+type ChargeTagStatusProps = TagProps & {
     status: string;
-}, never>;
+};
+export declare const ChargeTagStatus: ({ status, sx, ...props }: ChargeTagStatusProps) => ReactNode;
+export {};

package/dist/openpix/cobr/CobrTagStatus.d.ts

@@ -1,6 +1,12 @@
-export declare const CobrTagStatus: import("styled-components").StyledComponent<(props: import("../../index.ts").TagProps) => import("react").ReactNode, any, {
-    status: "ACTIVE" | "CANCELED" | "CONCLUDED" | "CREATED" | "EXPIRED" | "FAILED_TRY" | "REJECTED";
-}, never>;
-export declare const CobrTryTagStatus: import("styled-components").StyledComponent<(props: import("../../index.ts").TagProps) => import("react").ReactNode, any, {
-    status: "PAID" | "REJECTED" | "REQUESTED" | "SCHEDULED";
-}, never>;
+import type { ReactNode } from "react";
+import { COBR_STATUS_ENUM, COBR_TRY_STATUS } from "../../shared/cobrStatusEnum";
+import { type TagProps } from "../../tag/Tag.tsx";
+type CobrTagStatusProps = TagProps & {
+    status: keyof typeof COBR_STATUS_ENUM;
+};
+export declare const CobrTagStatus: ({ status, sx, ...props }: CobrTagStatusProps) => ReactNode;
+type CobrTryTagStatusProps = TagProps & {
+    status: keyof typeof COBR_TRY_STATUS;
+};
+export declare const CobrTryTagStatus: ({ status, sx, ...props }: CobrTryTagStatusProps) => ReactNode;
+export {};

package/dist/openpix/transaction/PixTransactionTypeTag.d.ts

@@ -1,6 +1,8 @@
-export declare const PIX_TRANSACTION_TYPE_TAG_COLOR: {
-    [x: string]: string;
-};
-export declare const PixTransactionTypeTag: import("styled-components").StyledComponent<(props: import("../../index.ts").TagProps) => import("react").ReactNode, any, {
+import type { ReactNode } from "react";
+import { type TagProps } from "../../tag/Tag.tsx";
+export declare const PIX_TRANSACTION_TYPE_TAG_COLOR: Record<string, string>;
+type PixTransactionTypeTagProps = TagProps & {
     status: string;
-}, never>;
+};
+export declare const PixTransactionTypeTag: ({ status, sx, ...props }: PixTransactionTypeTagProps) => ReactNode;
+export {};

package/dist/screenHeader/components/ScreenHeaderSubtitle.d.ts

@@ -1,2 +1,3 @@
-declare const ScreenHeaderSubtitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { type BoxProps } from "@mui/material";
+declare const ScreenHeaderSubtitle: ({ sx, ...rest }: BoxProps) => import("react/jsx-runtime").JSX.Element;
 export default ScreenHeaderSubtitle;

package/dist/screenHeaderCard/ScreenHeaderCard.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 export type ScreenHeaderCardsProps = {
     children: ReactNode;
     title?: string;

package/dist/screenHeaderResponsive/components/ScreenHeaderSubtitle.d.ts

@@ -1,2 +1,3 @@
-declare const ScreenHeaderSubtitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { type BoxProps } from "@mui/material";
+declare const ScreenHeaderSubtitle: ({ sx, ...rest }: BoxProps) => import("react/jsx-runtime").JSX.Element;
 export default ScreenHeaderSubtitle;

package/dist/screenHeaderTemp/components/ScreenHeaderSubtitle.d.ts

@@ -1,2 +1,3 @@
-declare const ScreenHeaderSubtitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { type BoxProps } from "@mui/material";
+declare const ScreenHeaderSubtitle: ({ sx, ...rest }: BoxProps) => import("react/jsx-runtime").JSX.Element;
 export default ScreenHeaderSubtitle;

package/dist/select/SelectAll.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 type Props = {
     selectedAll: any;
     setSelectedAll: any;
@@ -10,5 +10,5 @@ type Props = {
     edges: any[];
     selectedCount: number;
 };
-declare const SelectAll: ({ clearAll, selectAll, selectedAll, edges, selectedCount, }: Props) => ReactNode;
+declare const SelectAll: ({ clearAll, selectAll, selectedAll, edges, selectedCount }: Props) => ReactNode;
 export default SelectAll;

package/dist/sidebar/MenuList.d.ts

@@ -1,4 +1,4 @@
-import React, { type ReactNode } from 'react';
+import React, { type ReactNode } from "react";
 export type ItemType = {
     items?: ItemType[];
     link: string;

package/dist/sidebar/Sidebar.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
-import type React from 'react';
+import type React from "react";
+import type { ReactNode } from "react";
 export type ItemType = {
     items?: ItemType[];
     link: string;

package/dist/snackbar/Snackbar.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 type SnackbarProps = {
     children: ReactNode;
 };

package/dist/statement/TransactionTypeText.d.ts

@@ -1,2 +1,6 @@
-declare const TransactionTypeText: import("styled-components").StyledComponent<"span", any, {}, never>;
+import { type BoxProps } from '@mui/material';
+type TransactionTypeTextProps = BoxProps & {
+    color?: string;
+};
+declare const TransactionTypeText: ({ sx, color, children, ...props }: TransactionTypeTextProps) => import("react/jsx-runtime").JSX.Element;
 export default TransactionTypeText;

package/dist/table/StatusCell.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react";
 export declare const IMPORT_STATUS: {
     ERROR: string;
     SUCCESS: string;
@@ -6,13 +7,9 @@ export declare const IMPORT_STATUS: {
     CUSTOMER_NOT_EXISTS: string;
     PROCESSING: string;
 };
-export declare const CheckCircleIcon: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-}, any, {}, never>;
-export declare const ErrorCircleIcon: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-}, any, {}, never>;
+export declare const CheckCircleIcon: (props: object) => ReactNode;
+export declare const ErrorCircleIcon: (props: object) => ReactNode;
 export declare const StatusCell: ({ row }: {
     row: any;
-}) => import("react").ReactNode;
+}) => ReactNode;
 export default StatusCell;

package/dist/table/cells/Cell.d.ts

@@ -1,5 +1,5 @@
-import type { TableCellProps } from '@mui/material/TableCell';
-import type { MouseEventHandler, ReactNode } from 'react';
+import type { TableCellProps } from "@mui/material/TableCell";
+import type { MouseEventHandler, ReactNode } from "react";
 type Props = {
     onCellClick?: MouseEventHandler<HTMLTableCellElement>;
     cellProps?: Record<string, any>;

package/dist/table/cells/LinkCellNode.d.ts

@@ -1,3 +1,8 @@
-import type { ReactNode } from 'react';
-declare const LinkCellNode: <T>({ rowData, property, getClickPath, }: any) => ReactNode;
+import type { ReactNode } from "react";
+import type { NodeT, TableColumn } from "../muiTable/Table.tsx";
+type Props<T> = {
+    rowData: NodeT<T>;
+    onClick?: () => void;
+} & TableColumn<T>;
+declare const LinkCellNode: <T>({ rowData, property, getClickPath }: Props<T>) => ReactNode;
 export default LinkCellNode;

package/dist/table/reactTable/IndeterminateCheckbox.d.ts

@@ -1,2 +1,3 @@
-declare const IndeterminateCheckbox: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+import { type CheckboxProps } from "@mui/material/Checkbox";
+declare const IndeterminateCheckbox: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export default IndeterminateCheckbox;

package/dist/table/reactTable/InputForCells.d.ts

@@ -1,7 +1,6 @@
+import { type InputProps as MuiInputProps } from '@mui/material';
 type InputProps = {
     isValid: boolean;
-};
-declare const InputForCells: import("styled-components").StyledComponent<((props: import("@mui/material").InputProps) => JSX.Element) & {
-    muiName: string;
-}, any, InputProps, never>;
+} & MuiInputProps;
+declare const InputForCells: ({ isValid, sx, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
 export default InputForCells;

package/dist/table/reactTable/StatusCell.d.ts

@@ -6,12 +6,8 @@ export declare const IMPORT_STATUS: {
     CUSTOMER_NOT_EXISTS: string;
     PROCESSING: string;
 };
-export declare const CheckCircleIcon: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-}, any, {}, never>;
-export declare const ErrorCircleIcon: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-}, any, {}, never>;
+export declare const CheckCircleIcon: (props: object) => import("react/jsx-runtime").JSX.Element;
+export declare const ErrorCircleIcon: (props: object) => import("react/jsx-runtime").JSX.Element;
 export declare const StatusCell: ({ row }: {
     row: any;
 }) => import("react").ReactNode;

package/dist/table/reactTable/TableCell.d.ts

@@ -1,8 +1,9 @@
+import type { TableCellProps } from '@mui/material/TableCell';
 import type { ReactNode } from 'react';
-export declare const TableCellStyled: import("styled-components").StyledComponent<({ $isGrouped, ...rest }: any) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 type Props = {
     isValid?: boolean;
     isGrouped?: boolean;
-};
+} & TableCellProps;
 export declare const TableCell: (props: Props) => ReactNode;
+export declare const TableCellStyled: (props: Props) => ReactNode;
 export {};

package/dist/tag/Tag.d.ts

@@ -1,11 +1,9 @@
-import type { SxProps } from '@mui/material';
-import type { ChipProps } from '@mui/material/Chip';
-import type { ReactNode } from 'react';
-export type TagProps = {
+import type { ChipProps } from "@mui/material/Chip";
+import type { ReactNode } from "react";
+export type TagProps = ChipProps & {
     label: string;
     value?: string | ReactNode;
     breakByColon?: boolean;
-    sx?: SxProps;
-} & ChipProps;
+};
 declare const Tag: (props: TagProps) => ReactNode;
 export default Tag;

package/dist/tag/TagsContainer.d.ts

@@ -1,5 +1,3 @@
-type Props = {
-    children: React.ReactNode;
-};
-declare function TagsContainer(props: Props): import("react/jsx-runtime").JSX.Element;
+import type { BoxProps } from "@mui/material";
+declare function TagsContainer({ sx, children, ...rest }: BoxProps): import("react/jsx-runtime").JSX.Element;
 export default TagsContainer;

package/dist/term/Terms.d.ts

@@ -1 +1,2 @@
-export declare const Terms: import("styled-components").StyledComponent<"p", any, {}, never>;
+import { type TypographyProps } from '@mui/material';
+export declare const Terms: ({ sx, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/term/TermsLink.d.ts

@@ -1 +1,2 @@
-export declare const TermsLink: import("styled-components").StyledComponent<"a", any, {}, never>;
+import { type LinkProps } from '@mui/material';
+export declare const TermsLink: ({ sx, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/unSupportedBrowser/UnsupportedBrowserWarning.d.ts

@@ -1,3 +1,3 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 declare const UnsupportedBrowserWarning: () => ReactNode;
 export default UnsupportedBrowserWarning;

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "@woovi/ui",
   "description": "Woovi UI component library",
-  "version": "5.0.5",
+  "version": "6.0.0",
   "author": "Woovi",
   "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "5.16.5",
     "@mui/lab": "5.0.0-alpha.168",
     "@mui/material": "5.16.5",
@@ -48,8 +50,6 @@
     "react-window": "1.8.10",
     "rifm": "0.12.1",
     "serialize-query-params": "2.0.4",
-    "styled-components": "5.3.11",
-    "styled-system": "5.1.5",
     "use-debounce": "10.0.6",
     "use-local-storage-state": "18.3.2",
     "use-window-size-hook": "1.1.22",
@@ -58,17 +58,18 @@
     "zx": "^8.8.5"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.3.8",
+    "@biomejs/biome": "^2.3.10",
     "@chromatic-com/storybook": "^4.1.3",
     "@octokit/rest": "^22.0.1",
     "@rsbuild/core": "^1.6.14",
     "@rsbuild/plugin-react": "^1.4.2",
     "@rslib/core": "^0.18.4",
-    "@storybook/addon-a11y": "^10.1.4",
-    "@storybook/addon-docs": "^10.1.4",
-    "@storybook/addon-onboarding": "^10.1.4",
-    "@storybook/addon-vitest": "^10.1.4",
-    "@storybook/react-vite": "^10.1.4",
+    "@rspack/core": "^1.7.1",
+    "@storybook/addon-a11y": "^10.1.11",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-onboarding": "^10.1.11",
+    "@storybook/addon-vitest": "^10.1.11",
+    "@storybook/react-vite": "^10.1.11",
     "@types/chroma-js": "^3.1.2",
     "@types/dot-object": "^2.1.6",
     "@types/lodash": "^4.17.21",
@@ -78,20 +79,19 @@
     "@types/react-relay": "^18.2.1",
     "@types/react-router-dom": "^5.3.3",
     "@types/react-table": "^7.7.20",
-    "@types/styled-components": "^5.1.34",
-    "@types/styled-system": "^5.1.25",
     "@typescript/native-preview": "^7.0.0-dev.20251211.1",
-    "@vitest/browser-playwright": "^4.0.15",
-    "@vitest/coverage-v8": "^4.0.15",
+    "@vitest/browser-playwright": "^4.0.16",
+    "@vitest/coverage-v8": "^4.0.16",
     "generate-changelog": "^1.8.0",
     "glob": "^13.0.0",
     "i18next-parser": "^9.3.0",
     "moment-timezone": "^0.6.0",
     "playwright": "^1.57.0",
     "simple-git": "^3.30.0",
-    "storybook": "^10.1.4",
+    "storybook": "^10.1.11",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.15"
+    "vite": "^7.3.0",
+    "vitest": "^4.0.16"
   },
   "engines": {
     "node": ">=18.0.0"
@@ -148,8 +148,7 @@
     "react-router-dom": "5.3.0",
     "react-table": "7.8.0",
     "react-virtual": "2.2.5",
-    "react-window": "1.8.10",
-    "styled-components": "5.3.11"
+    "react-window": "1.8.10"
   },
   "private": false,
   "publishConfig": {
@@ -184,4 +183,4 @@
   "sideEffects": false,
   "type": "module",
   "types": "./dist/index.d.ts"
-}
+}

package/dist/hooks/useTheme.d.ts

@@ -1,14 +0,0 @@
-type Theme = {
-    name: string;
-    primaryDarkerColor: string;
-    primaryLighterColor: string;
-    button: {
-        textColor: string | null;
-    };
-    darkGray: string;
-    highlightColor: string;
-    lightGray: string;
-    graphLighterColor: string;
-};
-export declare const useTheme: () => Theme;
-export {};