@peculiar/react-components 1.5.2 → 1.6.0

package/dist/types/Button/button.d.ts

@@ -29,4 +29,4 @@ export type TButtonProps<D extends React.ElementType = IButtonTypeMap['defaultCo
 /**
  *
  */
-export declare const Button: IOverridableComponent<IButtonTypeMap<object, "button">>;
+export declare const Button: IOverridableComponent<IButtonTypeMap>;

package/dist/types/ButtonBase/button_base.d.ts

@@ -44,4 +44,4 @@ export type TButtonBaseProps<D extends React.ElementType = IButtonBaseTypeMap['d
 /**
  *
  */
-export declare const ButtonBase: IOverridableComponent<IButtonBaseTypeMap<object, "button">>;
+export declare const ButtonBase: IOverridableComponent<IButtonBaseTypeMap>;

package/dist/types/Checkbox/checkbox.d.ts

@@ -58,5 +58,5 @@ export type TCheckboxProps = ICheckboxOwnProps & Omit<React.LabelHTMLAttributes<
 /**
  *
  */
-export declare const Checkbox: React.ForwardRefExoticComponent<ICheckboxOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<ICheckboxOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "onChange" | "htmlFor"> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/types/Chip/chip.d.ts

@@ -50,4 +50,4 @@ export type TChipProps<D extends React.ElementType = IChipTypeMap['defaultCompon
 /**
  *
  */
-export declare const Chip: IOverridableComponent<IChipTypeMap<object, "div">>;
+export declare const Chip: IOverridableComponent<IChipTypeMap>;

package/dist/types/Fab/fab.d.ts

@@ -21,4 +21,4 @@ export type TFabProps<D extends React.ElementType = IFabTypeMap['defaultComponen
 /**
  *
  */
-export declare const Fab: IOverridableComponent<IFabTypeMap<object, "button">>;
+export declare const Fab: IOverridableComponent<IFabTypeMap>;

package/dist/types/Flex/flex.d.ts

@@ -20,4 +20,4 @@ export type TFlexProps<D extends React.ElementType = IFlexTypeMap['defaultCompon
 /**
  *
  */
-export declare const Flex: IOverridableComponent<IFlexTypeMap<object, "div">>;
+export declare const Flex: IOverridableComponent<IFlexTypeMap>;

package/dist/types/Flex/flex_container.d.ts

@@ -41,4 +41,4 @@ export type TFlexContainerProps<D extends React.ElementType = IFlexContainerType
 /**
  *
  */
-export declare const FlexContainer: IOverridableComponent<IFlexContainerTypeMap<object, "div">>;
+export declare const FlexContainer: IOverridableComponent<IFlexContainerTypeMap>;

package/dist/types/IconButton/icon_button.d.ts

@@ -25,4 +25,4 @@ export type TIconButtonProps<D extends React.ElementType = IIconButtonTypeMap['d
 /**
  *
  */
-export declare const IconButton: IOverridableComponent<IIconButtonTypeMap<object, "button">>;
+export declare const IconButton: IOverridableComponent<IIconButtonTypeMap>;

package/dist/types/Menu/menu.d.ts

@@ -34,7 +34,7 @@ interface IMenuOwnProps {
     /**
      * Menu contents.
      */
-    options: TMenuOptionProps[];
+    options: (TMenuOptionProps | 'divider')[];
     /**
      * Callback fired when the component requests to be closed.
      */

package/dist/types/MenuList/menu_item.d.ts

@@ -33,5 +33,5 @@ export type TMenuItemProps<D extends React.ElementType = IMenuItemTypeMap['defau
 /**
  *
  */
-export declare const MenuItem: IOverridableComponent<IMenuItemTypeMap<object, "li">>;
+export declare const MenuItem: IOverridableComponent<IMenuItemTypeMap>;
 export {};

package/dist/types/MenuList/menu_list.d.ts

@@ -16,5 +16,5 @@ export type TMenuListProps<D extends React.ElementType = IMenuListTypeMap['defau
 /**
  *
  */
-export declare const MenuList: IOverridableComponent<IMenuListTypeMap<object, "ul">>;
+export declare const MenuList: IOverridableComponent<IMenuListTypeMap>;
 export {};

package/dist/types/MenuList/sub_menu_item.d.ts

@@ -3,4 +3,4 @@ import type { IMenuItemTypeMap } from './menu_item';
 /**
  *
  */
-export declare const SubMenuItem: IOverridableComponent<IMenuItemTypeMap<object, "li">>;
+export declare const SubMenuItem: IOverridableComponent<IMenuItemTypeMap>;

package/dist/types/OverridableComponent.d.ts

@@ -16,8 +16,8 @@ export interface IOverridableComponent<M extends IOverridableTypeMap> {
          * Either a string to use a HTML element or a component.
          */
         component: C;
-    } & TOverrideProps<M, C>): JSX.Element | null;
-    (props: TDefaultComponentProps<M>): JSX.Element | null;
+    } & TOverrideProps<M, C>): React.JSX.Element | null;
+    (props: TDefaultComponentProps<M>): React.JSX.Element | null;
     propTypes?: any;
     displayName?: string;
     defaultProps?: Partial<TDefaultComponentProps<M>>;

package/dist/types/Radio/radio.d.ts

@@ -53,5 +53,5 @@ export type TRadioProps = IRadioOwnProps & Omit<React.LabelHTMLAttributes<HTMLLa
 /**
  *
  */
-export declare const Radio: React.ForwardRefExoticComponent<IRadioOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Radio: React.ForwardRefExoticComponent<IRadioOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "onChange" | "htmlFor"> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/types/Select/select.d.ts

@@ -107,6 +107,6 @@ export type TSelectOwnProps<T, Multiple extends boolean | undefined = undefined>
  *
  */
 export declare const Select: {
-    <T, Multiple extends boolean = false>(props: TSelectOwnProps<T, Multiple>): JSX.Element;
+    <T, Multiple extends boolean | undefined = false>(props: TSelectOwnProps<T, Multiple>): React.JSX.Element;
     displayName: string;
 };

package/dist/types/Skeleton/skeleton.d.ts

@@ -37,4 +37,4 @@ export type TSkeletonProps<D extends React.ElementType = ISkeletonTypeMap['defau
 /**
  *
  */
-export declare const Skeleton: IOverridableComponent<ISkeletonTypeMap<object, "span">>;
+export declare const Skeleton: IOverridableComponent<ISkeletonTypeMap>;

package/dist/types/Switch/switch.d.ts

@@ -49,5 +49,5 @@ export type TSwitchProps = ISwitchOwnProps & Omit<React.LabelHTMLAttributes<HTML
 /**
  *
  */
-export declare const Switch: React.ForwardRefExoticComponent<ISwitchOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Switch: React.ForwardRefExoticComponent<ISwitchOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "onChange" | "htmlFor"> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/types/Tabs/tab.d.ts

@@ -38,4 +38,4 @@ export type TTabProps<D extends React.ElementType = ITabTypeMap['defaultComponen
 /**
  *
  */
-export declare const Tab: IOverridableComponent<ITabTypeMap<object, "button">>;
+export declare const Tab: IOverridableComponent<ITabTypeMap>;

package/dist/types/Typography/typography.d.ts

@@ -33,4 +33,4 @@ export interface ITypographyTypeMap<P = object, D extends React.ElementType = 'p
 export type TTypographyProps<D extends React.ElementType = ITypographyTypeMap['defaultComponent']> = TOverrideProps<ITypographyTypeMap<object, D>, D> & {
     component?: D;
 };
-export declare const Typography: IOverridableComponent<ITypographyTypeMap<object, "p">>;
+export declare const Typography: IOverridableComponent<ITypographyTypeMap>;

package/dist/types/hooks/use_merged_ref.d.ts

@@ -3,4 +3,4 @@ import React from 'react';
  * A React hook for merging multiple refs into one ref.
  * @param refs React callback refs or refs created with `useRef()`, `createRef()`.
  */
-export declare const useMergedRef: <T>(...refs: React.Ref<T>[]) => (instance: T) => void;
+export declare const useMergedRef: <T>(...refs: React.Ref<T>[]) => React.RefCallback<T>;

package/dist/types/styles/utils.d.ts

@@ -1,5 +1,5 @@
 import type { IThemeOptionsType, IThemeType } from './types';
 export declare const themeCSSVariablePrefix = "pv";
 export declare const contrastThreshold = 2;
-export declare const createTheme: (mode: 'light' | 'dark', options?: IThemeOptionsType) => IThemeType;
+export declare const createTheme: (mode: "light" | "dark", options?: IThemeOptionsType) => IThemeType;
 export declare const createThemeCSSVariablesFromObject: (object: Record<string, any>) => Record<string, string>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peculiar/react-components",
   "private": false,
-  "version": "1.5.2",
+  "version": "1.6.0",
   "author": "PeculiarVentures Team",
   "description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
   "keywords": [
@@ -23,17 +23,16 @@
   },
   "scripts": {
     "dev": "storybook dev -p 3000",
-    "prebuild": "yarn clean",
-    "build": "yarn build:esm && yarn build:cjs && yarn build:esnext",
+    "prebuild": "npm run clean",
+    "build": "npm run build:esm && npm run build:cjs && npm run build:esnext",
     "build:esm": "tsc -p tsconfig.build.json",
     "build:cjs": "tsc -p tsconfig.build.json -m commonjs --outDir dist/cjs",
     "build:esnext": "tsc -p tsconfig.build.json -t esnext --outDir dist/esnext",
     "build:storybook": "storybook build -o public",
     "clean": "rimraf public dist themes",
-    "test:unit": "jest --passWithNoTests --watchAll",
-    "test:unit:coverage": "yarn test:unit --coverage --watchAll=false",
-    "test:unit:updateSnapshot": "jest --updateSnapshot",
-    "check:types": "tsc --noEmit"
+    "test:unit": "vitest",
+    "test:unit:coverage": "vitest --coverage",
+    "check:types": "tsc --noEmit -p tsconfig.build.json"
   },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0",
@@ -46,9 +45,9 @@
     }
   },
   "dependencies": {
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@peculiar/color": "^0.1.8",
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.1",
+    "@peculiar/color": "^0.1.9",
     "@popperjs/core": "^2.11.7",
     "@types/flat": "^5.0.2",
     "@types/react-transition-group": "^4.4.5",
@@ -66,14 +65,12 @@
     "@storybook/react-vite": "8.6.4",
     "@types/react": "^18.0.34",
     "@types/react-dom": "^18.0.11",
-    "@vitejs/plugin-react-swc": "^3.8.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rimraf": "^3.0.2",
     "storybook": "8.6.4",
     "storybook-dark-mode": "^4.0.2",
-    "typescript": "5.1.6",
-    "vite": "^6.2.0"
+    "typescript": "5.9.3",
+    "vite": "^6.4.1"
   },
   "publishConfig": {
     "access": "public"
@@ -82,5 +79,5 @@
     "node": ">=18.x"
   },
   "license": "MIT",
-  "gitHead": "302e473c1a5cd78be24991ce0f491894be1e91a6"
+  "gitHead": "2fa2518b092ee7bc46f58372b779bd6674c8bc76"
 }

package/dist/cjs/setupTests.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-require("@testing-library/jest-dom");
-// @ts-expect-error: Mock IntersectionObserver for Jest
-window.IntersectionObserver = jest.fn(function () { return ({
-    observe: jest.fn(),
-    unobserve: jest.fn(),
-}); });
-//# sourceMappingURL=setupTests.js.map

package/dist/cjs/setupTests.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":";;AAAA,iEAAiE;AACjE,gCAAgC;AAChC,8CAA8C;AAC9C,0DAA0D;AAC1D,qCAAmC;AAEnC,uDAAuD;AACvD,MAAM,CAAC,oBAAoB,GAAG,IAAI,CAAC,EAAE,CAAC,cAAM,OAAA,CAAC;IAC3C,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;IAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE;CACrB,CAAC,EAH0C,CAG1C,CAAC,CAAC"}

package/dist/esm/setupTests.js

@@ -1,11 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
-// @ts-expect-error: Mock IntersectionObserver for Jest
-window.IntersectionObserver = jest.fn(function () { return ({
-    observe: jest.fn(),
-    unobserve: jest.fn(),
-}); });
-//# sourceMappingURL=setupTests.js.map

package/dist/esm/setupTests.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,gCAAgC;AAChC,8CAA8C;AAC9C,0DAA0D;AAC1D,OAAO,2BAA2B,CAAC;AAEnC,uDAAuD;AACvD,MAAM,CAAC,oBAAoB,GAAG,IAAI,CAAC,EAAE,CAAC,cAAM,OAAA,CAAC;IAC3C,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;IAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE;CACrB,CAAC,EAH0C,CAG1C,CAAC,CAAC"}

package/dist/esnext/setupTests.js

@@ -1,11 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
-// @ts-expect-error: Mock IntersectionObserver for Jest
-window.IntersectionObserver = jest.fn(() => ({
-    observe: jest.fn(),
-    unobserve: jest.fn(),
-}));
-//# sourceMappingURL=setupTests.js.map

package/dist/esnext/setupTests.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,gCAAgC;AAChC,8CAA8C;AAC9C,0DAA0D;AAC1D,OAAO,2BAA2B,CAAC;AAEnC,uDAAuD;AACvD,MAAM,CAAC,oBAAoB,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;IAC3C,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;IAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE;CACrB,CAAC,CAAC,CAAC"}

package/dist/types/setupTests.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';