beesoft-components 0.10.5 → 0.12.0-0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beesoft-components",
-  "version": "0.10.5",
+  "version": "0.12.0-0",
   "private": false,
   "type": "module",
   "author": {
@@ -34,15 +34,17 @@
     "chromatic": "chromatic --project-token $CHROMATIC_PROJECT_TOKEN"
   },
   "dependencies": {
-    "@beesoft/common": "^0.1.19",
-    "@beesoft/headless-ui": "^0.0.19",
-    "@preact/signals": "^1.2.3",
+    "@beesoft/common": "^0.2.1",
+    "@beesoft/headless-ui": "^0.1.0",
+    "@preact/signals": "^2.5.1",
     "@react-hook/media-query": "^1.1.1",
     "classnames": "^2.3.2",
     "date-fns": "^3.3.1",
     "dot-object": "^2.1.4",
+    "konva": "^10.0.12",
     "lodash": "^4.17.21",
-    "react-transition-group": "^4.4.5",
+    "motion": "^12.24.10",
+    "react-konva": "^19.2.1",
     "uuid": "^9.0.1"
   },
   "devDependencies": {
@@ -63,15 +65,15 @@
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.1.0",
     "@testing-library/user-event": "^14.5.1",
-    "@types/bun": "^1.2.15",
+    "@types/bun": "^1.3.5",
     "@types/dot-object": "^2.1.6",
     "@types/lodash-es": "^4.17.11",
-    "@types/react": "^18.3.0",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "@types/react-transition-group": "^4.4.9",
     "@types/uuid": "^9.0.7",
     "@typescript-eslint/parser": "^8.31.1",
-    "@vitejs/plugin-react-swc": "^3.10.0",
+    "@vitejs/plugin-react-swc": "^4.2.2",
     "ajv": "^8.17.1",
     "caniuse-lite": "^1.0.30001718",
     "chromatic": "^11.3.0",
@@ -81,23 +83,23 @@
     "eslint-plugin-react-refresh": "^0.4.20",
     "eslint-plugin-storybook": "^9.0.9",
     "globals": "^16.2.0",
-    "react": "^18.3.0",
-    "react-dom": "^18.3.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "release-it": "^19.0.3",
     "rimraf": "^6.0.1",
     "storybook": "^9.0.9",
     "tailwindcss": "^4.1.8",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.34.0",
-    "vite": "^6.3.5",
+    "vite": "^7.3.0",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
     "@beesoft/locale": "^0.0.3",
-    "react": "^18.3.0",
-    "react-dom": "^18.3.0"
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
   },
   "publishConfig": {
     "access": "public",

package/types/index.d.ts

@@ -3,6 +3,7 @@ import { CheckboxChangeEvent } from '@beesoft/headless-ui';
 import { CheckboxProps as CheckboxProps_2 } from '@beesoft/headless-ui';
 import { ComponentAnimationProps } from '@beesoft/headless-ui';
 import { default as default_2 } from 'react';
+import { Easing } from 'motion';
 import { FormInputControl } from '@beesoft/common';
 import { FormInputControlData } from '@beesoft/common';
 import { ForwardRefExoticComponent } from 'react';
@@ -12,6 +13,7 @@ import { JSXElementConstructor } from 'react';
 import { Locale } from 'date-fns';
 import { MakeRequired } from '@beesoft/common';
 import { MemoExoticComponent } from 'react';
+import { NamedExoticComponent } from 'react';
 import { PropsWithChildren } from 'react';
 import { RadioChangeEvent } from '@beesoft/headless-ui';
 import { ReactElement } from 'react';
@@ -86,7 +88,7 @@ declare enum CalendarSelectionMode {
     Range = 1
 }
 
-export declare const Checkbox: MemoExoticComponent<ForwardRefExoticComponent<CheckboxProps & RefAttributes<CheckboxRef>>>;
+export declare const Checkbox: NamedExoticComponent<CheckboxProps & RefAttributes<CheckboxRef>>;
 
 export { CheckboxChangeEvent }
 
@@ -426,7 +428,7 @@ declare interface MarkupEvents {
     markupCreated?: (element: Element) => void;
 }
 
-export declare const MediaQuery: ({ mobileQuery, tabletQuery, desktopQuery, mobileMarkup, aboveMobileMarkup, tabletMarkup, desktopMarkup, }: MediaQueryProps) => string | number | true | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null;
+export declare const MediaQuery: ({ mobileQuery, tabletQuery, desktopQuery, mobileMarkup, aboveMobileMarkup, tabletMarkup, desktopMarkup, }: MediaQueryProps) => string | number | bigint | true | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
 
 declare interface MediaQueryProps {
     /**
@@ -465,7 +467,7 @@ declare interface MediaQueryProps {
     desktopMarkup?: TypeOrArray<ReactNode>;
 }
 
-export declare const MobileOverlayPanel: ({ visible, target, appendTo, unmountWhenHidden, transitionDuration, showTransitionOptions, hideTransitionOptions, approveText, shown, hidden, isClickedWithin, children, }: MobileOverlayPanelProps) => ReactPortal;
+export declare const MobileOverlayPanel: ({ visible, target, appendTo, unmountWhenHidden, transitionDuration, showTransitionOptions, hideTransitionOptions, approveText, shown, hidden, isClickedWithin, children, }: MobileOverlayPanelProps) => default_2.ReactPortal | null;
 
 declare interface MobileOverlayPanelProps {
     visible: boolean;
@@ -473,8 +475,8 @@ declare interface MobileOverlayPanelProps {
     appendTo?: HTMLElement;
     unmountWhenHidden?: boolean;
     transitionDuration?: number;
-    showTransitionOptions?: string;
-    hideTransitionOptions?: string;
+    showTransitionOptions?: Easing;
+    hideTransitionOptions?: Easing;
     approveText?: string;
     shown?: () => void;
     hidden?: () => void;
@@ -482,7 +484,7 @@ declare interface MobileOverlayPanelProps {
     children: TypeOrArray<ReactNode>;
 }
 
-export declare const OverlayPanel: ({ visible, target, targetPosition, elementAlignment, shouldTargetCloseOverlay, shouldMatchTargetWidth, shouldScrollCloseOverlay, shouldCheckZIndex, shouldRemainOnScreen, unmountWhenHidden, transitionDuration, showTransitionOptions, hideTransitionOptions, shown, hidden, isClickedWithin, markupCreated, children, }: OverlayPanelProps & MarkupEvents) => JSX_2.Element;
+export declare const OverlayPanel: ({ visible, target, targetPosition, elementAlignment, shouldTargetCloseOverlay, shouldMatchTargetWidth, shouldScrollCloseOverlay, shouldCheckZIndex, shouldRemainOnScreen, unmountWhenHidden, transitionDuration, showTransitionOptions, hideTransitionOptions, shown, hidden, isClickedWithin, markupCreated, children, }: OverlayPanelProps & MarkupEvents) => JSX_2.Element | null;
 
 declare interface OverlayPanelProps {
     visible: boolean;