@pautena/react-design-system 0.19.0 → 0.20.1

package/dist/model-form/model-form.d.ts

@@ -1,4 +1,4 @@
-import { Model, BasicModelInstance } from '../generators';
+import { BasicModelInstance, Model } from '../generators';
 export interface ModelFormProps<T extends BasicModelInstance> {
     model: Model;
     dense?: boolean;

package/dist/notification-center/index.d.ts

@@ -1,3 +1,3 @@
-export * from './notification-center.provider';
 export * from './notification-center.context';
 export * from './notification-center.hooks';
+export * from './notification-center.provider';

package/dist/placeholder/placeholder.d.ts

@@ -10,7 +10,7 @@ export interface PlaceholderIconArgs {
     size: number;
     color: IconColor;
 }
-export type PlaceholderIcon = ({ size, color }: PlaceholderIconArgs) => ReactElement;
+export type PlaceholderIcon = ({ size, color, }: PlaceholderIconArgs) => ReactElement;
 export interface PlaceholderProps {
     title: string;
     subtitle: string;

package/dist/select/select.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { SelectInputProps } from '@mui/material/Select/SelectInput';
+import { ReactNode } from 'react';
 export type SelectSize = "small" | "medium";
 export interface SelectProps<T> {
     /**

package/dist/skeleton-card/skeleton-card.d.ts

@@ -14,4 +14,4 @@ export interface SkeletonCardProps {
 /**
  * SkeletonCard component renders a skeleton loading placeholder for a card.
  */
-export declare const SkeletonCard: ({ width, animation }: SkeletonCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SkeletonCard: ({ width, animation, }: SkeletonCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/tab-card/tab-card-panel.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
 import { SxProps, Theme } from '@mui/material';
+import { PropsWithChildren } from 'react';
 export type TabCardPanelProps = PropsWithChildren<{
     index: number | number[];
     sx?: SxProps<Theme>;

package/dist/tab-card/tab-card.dummy.d.ts

@@ -11,4 +11,4 @@ export interface TabCardDummyProps {
     initialTab: number;
     onChangeTab: (tab: TabData, index: number) => void;
 }
-export declare function TabCardDummy({ tabs, initialTab, onChangeTab }: TabCardDummyProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabCardDummy({ tabs, initialTab, onChangeTab, }: TabCardDummyProps): import("react/jsx-runtime").JSX.Element;

package/dist/tab-provider/tab-provider.provider.d.ts

@@ -2,5 +2,5 @@ import { PropsWithChildren } from 'react';
 type TabProviderProps = PropsWithChildren<{
     initialValue?: number;
 }>;
-export declare const TabProvider: ({ children, initialValue }: TabProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabProvider: ({ children, initialValue, }: TabProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/utils/index.d.ts

@@ -1,4 +1,4 @@
 export * from './arrays';
-export * from './theme';
 export * from './breakpoints';
 export * from './forms';
+export * from './theme';

package/dist/value-base/index.d.ts

@@ -1,2 +1,2 @@
-export * from './value-edit';
 export * from './value-displays.types';
+export * from './value-edit';

package/dist/value-base/value-edit.d.ts

@@ -4,7 +4,7 @@ export interface ValueEditButtonsProps {
     onClickSubmit: () => void;
     sx?: SxProps<Theme>;
 }
-export declare const ValueEditButtons: ({ onClickCancel, onClickSubmit, sx }: ValueEditButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ValueEditButtons: ({ onClickCancel, onClickSubmit, sx, }: ValueEditButtonsProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Hook to manage the editing behaviour
  */

package/dist/value-image/value-image.d.ts

@@ -8,4 +8,4 @@ export interface ValueImageProps extends BaseValueProps<string> {
 /**
  * Displays a image value with a label
  */
-export declare const ValueImage: ({ label, value, size: sizeArg, dense }: ValueImageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ValueImage: ({ label, value, size: sizeArg, dense, }: ValueImageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/value-item/value-item.d.ts

@@ -1,6 +1,6 @@
 import { GridProps } from '@mui/material/Grid';
 import { ResponsiveStyleValue } from '@mui/system';
-import { PropsWithChildren, FunctionComponent, ReactElement } from 'react';
+import { FunctionComponent, PropsWithChildren, ReactElement } from 'react';
 export type ValueItemProps = PropsWithChildren<Omit<GridProps, "item" | "container"> & {
     bordered?: ResponsiveStyleValue<boolean>;
 }>;

package/dist/value-label/value-label.d.ts

@@ -1,5 +1,5 @@
-import { BaseValueProps } from '../value-base';
 import { LabelVariant } from '../label';
+import { BaseValueProps } from '../value-base';
 export type ValueLabelProps = BaseValueProps<string | number | string[] | number[]> & {
     variant?: LabelVariant | LabelVariant[];
     color?: string | string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pautena/react-design-system",
-  "version": "0.19.0",
+  "version": "0.20.1",
   "description": "My custom design system on top of MUI",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -17,14 +17,9 @@
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build",
     "storybook:deploy": "gh-pages -d storybook-static",
-    "lint": "npm-run-all lint:*",
-    "lint:eslint": "eslint *.js src --ext .js,.ts,.tsx",
-    "lint:ts": "tsc -p . --pretty",
-    "format": "npm-run-all format:*",
-    "format:js": "prettier --write \"**/*.js\"",
-    "format:json": "prettier --write \"**/*.json\"",
-    "format:md": "prettier --write \"**/*.md{,x}\"",
-    "format:ts": "prettier --write \"**/*.ts{,x}\""
+    "lint": "biome check --write --unsafe --no-errors-on-unmatched --files-ignore-unknown=true ./",
+    "check": "biome check ./",
+    "check:ts": "tsc -p ."
   },
   "keywords": [
     "mui",
@@ -35,67 +30,52 @@
   "license": "MIT",
   "dependencies": {
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "@emotion/utils": "^1.4.2",
-    "@mui/icons-material": "^6.4.5",
-    "@mui/material": "^6.4.5",
-    "@mui/system": "^6.4.3",
-    "@mui/x-data-grid": "^7.27.0",
-    "@mui/x-date-pickers": "^7.27.0",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
+    "@mui/system": "^7.3.3",
+    "@mui/x-data-grid": "^8.14.0",
+    "@mui/x-date-pickers": "^8.14.0",
     "date-fns": "^4.1.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.9",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
-    "@chromatic-com/storybook": "^3.2.5",
-    "@eslint/eslintrc": "^3.3.0",
-    "@eslint/js": "^9.21.0",
-    "@faker-js/faker": "^9.5.0",
-    "@mui/x-data-grid-generator": "^7.27.0",
-    "@storybook/addon-docs": "^8.6.4",
-    "@storybook/addon-essentials": "^8.6.4",
-    "@storybook/addon-interactions": "^8.6.4",
-    "@storybook/addon-links": "^8.6.4",
-    "@storybook/addon-onboarding": "^8.6.4",
-    "@storybook/addon-themes": "^8.6.4",
-    "@storybook/blocks": "^8.6.4",
-    "@storybook/react": "^8.6.4",
-    "@storybook/react-vite": "^8.6.4",
-    "@storybook/test": "^8.6.4",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
+    "@babel/core": "^7.28.4",
+    "@babel/preset-env": "^7.28.3",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
+    "@biomejs/biome": "2.2.6",
+    "@faker-js/faker": "^10.1.0",
+    "@mui/x-data-grid-generator": "^8.14.0",
+    "@storybook/addon-docs": "^9.1.10",
+    "@storybook/addon-links": "^9.1.10",
+    "@storybook/addon-onboarding": "^9.1.10",
+    "@storybook/addon-themes": "^9.1.10",
+    "@storybook/react": "^9.1.10",
+    "@storybook/react-vite": "^9.1.10",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/ramda": "^0.30.2",
-    "@types/react": "^19.0.10",
-    "@typescript-eslint/eslint-plugin": "^8.24.1",
-    "@typescript-eslint/parser": "^8.24.1",
+    "@types/ramda": "^0.31.1",
+    "@types/react": "^19.2.2",
     "babel-loader": "^10.0.0",
     "babel-plugin-module-resolver": "^5.0.2",
-    "eslint": "^9.21.0",
-    "eslint-config-prettier": "^10.0.1",
-    "eslint-plugin-prettier": "^5.2.3",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-storybook": "^0.11.3",
     "gh-pages": "^6.3.0",
-    "globals": "^16.0.0",
-    "history": "^5.3.0",
+    "globals": "^16.4.0",
     "husky": "^9.1.7",
-    "jsdom": "^26.0.0",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^3.5.2",
-    "ramda": "^0.30.1",
-    "react-test-renderer": "^19.0.0",
-    "storybook": "^8.6.0",
+    "jsdom": "^27.0.0",
+    "ramda": "^0.32.0",
+    "react-test-renderer": "^19.2.0",
+    "storybook": "^9.1.10",
     "tslib": "^2.8.1",
-    "typescript": "^5.7.3",
-    "vite": "^6.1.1",
-    "vite-plugin-dts": "^4.5.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.10",
+    "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.6"
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "@emotion/react": "^11.0.0",