@ama-pt/agora-design-system 2.2.9 → 3.0.1

package/artifacts/dist/types/components/table/table.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithRef, ReactElement } from 'react';
+import { ComponentProps, FC, ReactElement } from 'react';
 import { TableLayout } from './models/table-layout.type';
 import { TableBodyProps } from './table-body';
 import { TableCaptionProps } from './table-caption';
@@ -6,7 +6,7 @@ import { TableFooterProps } from './table-footer';
 import { TableHeaderProps } from './table-header';
 import { TablePaginationProps } from './table-pagination';
 import './table.scss';
-export interface TableProps extends ComponentPropsWithRef<'table'> {
+export interface TableProps extends ComponentProps<'table'> {
     /**
      * Table children content
      */
@@ -32,5 +32,5 @@ export interface TableProps extends ComponentPropsWithRef<'table'> {
      */
     sortDescription?: string;
 }
-declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
+declare const Table: FC<TableProps>;
 export { Table };

package/artifacts/dist/types/components/tabs/desktop/tabs-desktop.d.ts

@@ -1,5 +1,5 @@
 import { BooleanProp } from '../../../models';
-import React, { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import { ComponentPropsWithoutRef, FC, ReactElement, RefObject } from 'react';
 import { TabBodyProps } from '../tab-body';
 import { TabHeaderProps } from '../tab-header';
 import { TabCurrentType } from '../tabs';
@@ -7,8 +7,8 @@ import './tabs-desktop.scss';
 export interface TabsDesktopProps extends ComponentPropsWithoutRef<'div'> {
     fullWidth: BooleanProp;
     vertically?: BooleanProp;
-    tabListRef: React.RefObject<HTMLDivElement>;
-    tabPanelRef: React.RefObject<HTMLDivElement>;
+    tabListRef: RefObject<HTMLDivElement | null>;
+    tabPanelRef: RefObject<HTMLDivElement | null>;
     activeTab: number;
     activateTab: (index: number) => void;
     currentType: TabCurrentType;

package/artifacts/dist/types/components/tabs/mobile/tabs-mobile.d.ts

@@ -1,12 +1,12 @@
 import { BooleanProp } from '../../../models';
-import React, { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import { ComponentPropsWithoutRef, FC, ReactElement, RefObject } from 'react';
 import { TabBodyProps } from '../tab-body';
 import { TabHeaderProps } from '../tab-header';
 import { TabCurrentType } from '../tabs';
 import './tabs-mobile.scss';
 interface TabsMobileProps extends ComponentPropsWithoutRef<'div'> {
     fullWidth: BooleanProp;
-    tabListRef: React.RefObject<HTMLDivElement>;
+    tabListRef: RefObject<HTMLDivElement | null>;
     activeTab: number;
     activateTab: (index: number) => void;
     currentType: TabCurrentType;

package/artifacts/dist/types/components/tag/tag.d.ts

@@ -1,8 +1,7 @@
-import { ButtonElement } from '../../components/button';
 import { BooleanProp } from '../../models';
-import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import './tag.scss';
-export interface TagProps extends Omit<ComponentPropsWithRef<'button'>, 'ref'> {
+export interface TagProps extends ComponentProps<'button'> {
     /**
      * Defines if the button uses an icon.
      */
@@ -24,5 +23,5 @@ export interface TagProps extends Omit<ComponentPropsWithRef<'button'>, 'ref'> {
      */
     darkMode?: BooleanProp;
 }
-export declare const InnerTag: ForwardRefRenderFunction<ButtonElement, TagProps>;
-export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<ButtonElement>>;
+declare const Tag: FC<TagProps>;
+export { Tag };

package/artifacts/dist/types/components/toggle/toggle.d.ts

@@ -1,5 +1,5 @@
 import { BooleanProp } from '../../models';
-import React, { ComponentPropsWithRef, ForwardRefRenderFunction } from 'react';
+import { ComponentProps, FC } from 'react';
 import './toggle.scss';
 /**
  * The available toggle button appearances. Defines the button layout shape,
@@ -9,7 +9,7 @@ export type ToggleAppearance = 'button' | 'icon';
  * The available variants of the toggle button. This variants will define the background and border color of the button.
  */
 export type ToggleVariant = 'primary' | 'neutral';
-export interface ToggleProps extends ComponentPropsWithRef<'input'> {
+export interface ToggleProps extends ComponentProps<'input'> {
     /**
      * Defines if the toggle takes the container full width.
      */
@@ -56,5 +56,5 @@ export interface ToggleProps extends ComponentPropsWithRef<'input'> {
      */
     trailingIconHover?: string;
 }
-export declare const InnerToggle: ForwardRefRenderFunction<HTMLInputElement, ToggleProps>;
-export declare const Toggle: React.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Toggle: FC<ToggleProps>;
+export { Toggle };

package/artifacts/dist/types/components/toggle-group/toggle-group.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactElement, Ref } from 'react';
+import { ComponentProps, FC, ReactElement, Ref } from 'react';
 import { ToggleAppearance, ToggleProps, ToggleVariant } from '../../components/toggle';
 import { BooleanProp } from '../../models';
 import './toggle-group.scss';
@@ -9,7 +9,7 @@ export interface ToggleGroupElement extends HTMLDivElement {
      */
     value: string[];
 }
-export interface ToggleGroupProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange'> {
+export interface ToggleGroupProps extends Omit<ComponentProps<'div'>, 'onChange'> {
     /**
      * Defines the appearance of the children toggles.
      */
@@ -55,5 +55,5 @@ export interface ToggleGroupProps extends Omit<ComponentPropsWithRef<'div'>, 'on
      */
     ref?: Ref<ToggleGroupElement>;
 }
-export declare const InnerToggleGroup: ForwardRefRenderFunction<ToggleGroupElement, ToggleGroupProps>;
-export declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<ToggleGroupProps, "ref"> & React.RefAttributes<ToggleGroupElement>>;
+declare const ToggleGroup: FC<ToggleGroupProps>;
+export { ToggleGroup };

package/artifacts/dist/types/components/uploader/button-uploader/button-uploader.d.ts

@@ -1,7 +1,11 @@
 import { BooleanProp, FeedbackState } from '../../../models';
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import './button-uploader.scss';
-export interface ButtonUploaderProps extends ComponentPropsWithoutRef<'input'> {
+export interface ButtonUploaderElement extends HTMLInputElement {
+    input: HTMLInputElement | null;
+    reset: () => void;
+}
+export interface ButtonUploaderProps extends ComponentProps<'input'> {
     /**
      * Label for the input file uploader.
      */
@@ -75,5 +79,5 @@ export interface ButtonUploaderProps extends ComponentPropsWithoutRef<'input'> {
      */
     hasError?: BooleanProp;
 }
-declare const ButtonUploader: React.ForwardRefExoticComponent<ButtonUploaderProps & React.RefAttributes<HTMLInputElement>>;
+declare const ButtonUploader: FC<ButtonUploaderProps>;
 export { ButtonUploader };

package/artifacts/dist/types/components/uploader/drag-and-drop-uploader/drag-and-drop-uploader.d.ts

@@ -1,7 +1,7 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp, FeedbackState } from '../../../models';
 import './drag-and-drop-uploader.scss';
-export interface DragAndDropUploaderProps extends ComponentPropsWithoutRef<'input'> {
+export interface DragAndDropUploaderProps extends ComponentProps<'input'> {
     /**
      * Label for the drag and drop file uploader.
      */
@@ -83,5 +83,5 @@ export interface DragAndDropUploaderProps extends ComponentPropsWithoutRef<'inpu
      */
     hasError?: BooleanProp;
 }
-declare const DragAndDropUploader: React.ForwardRefExoticComponent<DragAndDropUploaderProps & React.RefAttributes<HTMLInputElement>>;
+declare const DragAndDropUploader: FC<DragAndDropUploaderProps>;
 export { DragAndDropUploader };

package/artifacts/dist/types/hooks/use-window-size.d.ts

@@ -1,4 +1,7 @@
-declare const useWindowSize: () => {
+declare const useWindowSize: (fallback?: {
+    width: number;
+    height: number;
+}) => {
     width: number;
     height: number;
 };

package/artifacts/dist/types/utils/debounce.d.ts

@@ -1,5 +1,6 @@
-declare const debounce: (func: Function, timeout?: number) => (...args: any) => void;
+type FunctionType = (arg: string) => void;
+declare const debounce: (func: FunctionType, timeout?: number) => (args: string) => void;
 export { debounce };
-export declare const useDebounceHook: (func: any, timeout?: number) => {
-    setArgs: import("react").Dispatch<any>;
+export declare const useDebounceHook: (func: FunctionType, timeout?: number) => {
+    setArgs: import("react").Dispatch<import("react").SetStateAction<string>>;
 };

package/artifacts/dist/types/utils/expand-ref.d.ts

@@ -1,2 +1,2 @@
-import { DependencyList, MutableRefObject, Ref, RefObject } from 'react';
-export declare function useExpandedRef<T>(ref: Ref<T> | null, innerRef: RefObject<HTMLElement | null>, data: T, deps?: DependencyList): MutableRefObject<T | undefined>;
+import { DependencyList, Ref, RefObject } from 'react';
+export declare function useExpandedRef<T>(ref: Ref<T> | null, innerRef: RefObject<HTMLElement | null>, data: T, deps?: DependencyList): RefObject<T | null>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ama-pt/agora-design-system",
   "description": "Ágora Design system",
-  "version": "2.2.9",
+  "version": "3.0.1",
   "main": "artifacts/dist/index.mjs",
   "module": "artifacts/dist/index.umd.js",
   "files": [
@@ -23,60 +23,60 @@
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "sass": "^1.80.6"
+    "sass": "^1.89.2"
   },
   "devDependencies": {
-    "@axe-core/playwright": "^4.8.1",
-    "@babel/core": "^7.22.10",
-    "@babel/preset-env": "^7.22.10",
-    "@babel/preset-react": "^7.22.5",
-    "@babel/preset-typescript": "^7.22.5",
+    "@axe-core/playwright": "^4.10.2",
+    "@babel/core": "^7.27.4",
+    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
     "@mdx-js/react": "^3.1.0",
-    "@playwright/test": "^1.39.0",
-    "@storybook/addon-a11y": "^8.4.7",
-    "@storybook/addon-actions": "^8.4.7",
-    "@storybook/addon-docs": "^8.4.7",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-storysource": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
+    "@playwright/test": "^1.53.1",
+    "@storybook/addon-a11y": "^8.6.14",
+    "@storybook/addon-actions": "^8.6.14",
+    "@storybook/addon-docs": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/addon-storysource": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
     "@storybook/mdx2-csf": "^1.1.0",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@storybook/theming": "^8.4.7",
-    "@storybook/types": "^8.4.7",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.1",
-    "@types/jest": "^29.5.12",
-    "@types/node": "^22.10.0",
-    "@types/prop-types": "^15.7.5",
-    "@types/react": "^18.2.20",
-    "@types/react-dom": "^18.2.7",
-    "@types/react-syntax-highlighter": "^15.5.11",
-    "@typescript-eslint/eslint-plugin": "^6.4.1",
-    "@typescript-eslint/parser": "^6.4.1",
-    "@vitejs/plugin-react-swc": "^3.3.2",
-    "autoprefixer": "^10.4.17",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/test": "^8.6.14",
+    "@storybook/theming": "^8.6.14",
+    "@storybook/types": "^8.6.14",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.15.32",
+    "@types/prop-types": "^15.7.15",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@vitejs/plugin-react-swc": "^3.10.2",
+    "autoprefixer": "^10.4.21",
     "babel-jest": "^29.7.0",
     "date-fns": "^4.1.0",
     "del": "^8.0.0",
-    "eslint": "^8.47.0",
+    "eslint": "^8.57.1",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-import-resolver-typescript": "^3.6.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.11.1",
-    "glob": "^11.0.0",
-    "gulp": "^5.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.10.1",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.5.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-storybook": "^0.12.0",
+    "glob": "^11.0.3",
+    "gulp": "^5.0.1",
     "gulp-clean-css": "^4.3.0",
     "gulp-concat": "^2.6.1",
     "gulp-file": "^0.4.0",
@@ -86,27 +86,27 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-preview": "^0.3.1",
     "jest-sonar-reporter": "^2.0.0",
-    "playwright": "^1.51.1",
-    "postcss": "^8.4.35",
-    "prettier": "^3.0.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-syntax-highlighter": "^15.5.0",
-    "storybook": "^8.4.7",
-    "tailwindcss": "^3.4.1",
+    "playwright": "^1.53.1",
+    "postcss": "^8.5.6",
+    "prettier": "^3.6.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-syntax-highlighter": "^15.6.1",
+    "storybook": "^8.6.14",
+    "tailwindcss": "^3.4.17",
     "ts-dedent": "^2.2.0",
-    "ts-jest": "^29.1.2",
-    "ts-node": "^10.9.1",
-    "tsc-alias": "^1.8.8",
+    "ts-jest": "^29.4.0",
+    "ts-node": "^10.9.2",
+    "tsc-alias": "^1.8.16",
     "typescript": "*",
-    "vite": "^5.0.10",
-    "vite-tsconfig-paths": "^5.1.3"
+    "vite": "^5.4.19",
+    "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "@types/react": "^19.0.12",
+    "@types/react-dom": "^19.0.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "author": "AMA",
   "license": "MIT",
@@ -117,7 +117,10 @@
     "nextjs",
     "@ama-pt"
   ],
-  "repository": "https://gitlab.devops.ama.lan/design-system/agora-design-system.git",
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.devops.ama.lan/design-system/agora-design-system.git"
+  },
   "trustedDependencies": [
     "@swc/core",
     "es5-ext",