@os-design/core 1.0.304 → 1.0.306

package/dist/ThemeSwitcher/index.d.ts

@@ -51,8 +51,14 @@ declare const ThemeSwitcher: import("react").ForwardRefExoticComponent<{
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -126,18 +132,18 @@ declare const ThemeSwitcher: import("react").ForwardRefExoticComponent<{
     onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLButtonElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLButtonElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
     onLoad?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
     onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
     onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
@@ -178,8 +184,6 @@ declare const ThemeSwitcher: import("react").ForwardRefExoticComponent<{
     onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
     onRateChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
     onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onResize?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onResizeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
     onSeeked?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
     onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
     onSeeking?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
@@ -260,6 +264,8 @@ declare const ThemeSwitcher: import("react").ForwardRefExoticComponent<{
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -268,12 +274,20 @@ declare const ThemeSwitcher: import("react").ForwardRefExoticComponent<{
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     form?: string | undefined | undefined;
     name?: string | undefined | undefined;
     disabled?: boolean | undefined | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;

package/dist/ThemeSwitcher/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ThemeSwitcher/index.tsx"],"names":[],"mappings":"AAGA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;AAE7C;;GAEG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oGAsBlB,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ThemeSwitcher/index.tsx"],"names":[],"mappings":"AAGA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;AAE7C;;GAEG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oGAsBlB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/TimeGrid/index.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 interface Time {
     hour: number;
     minute: number;
 }
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'defaultValue' | 'onChange' | 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'defaultValue' | 'onChange' | 'ref'>;
 export interface TimeGridProps extends JsxDivProps {
     /**
      * Times shown in the list in minutes (600 is 10:00).
@@ -46,7 +47,7 @@ interface ContainerProps {
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & ContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & ContainerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 interface TimeProps {
     selected: boolean;
     disabled: boolean;
@@ -54,10 +55,10 @@ interface TimeProps {
 declare const Time: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & TimeProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+} & TimeProps, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 /**
  * The component to choose a time in a grid.
  */
-declare const TimeGrid: import("react").ForwardRefExoticComponent<TimeGridProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const TimeGrid: React.ForwardRefExoticComponent<TimeGridProps & React.RefAttributes<HTMLDivElement>>;
 export default TimeGrid;
 //# sourceMappingURL=index.d.ts.map

package/dist/TimeGrid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TimeGrid/index.tsx"],"names":[],"mappings":"AAQA,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,WAAW,GAAG,IAAI,CACrB,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,cAAc,GAAG,UAAU,GAAG,KAAK,CACpC,CAAC;AACF,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACzC;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,eAAO,MAAM,SAAS;;SAmIqoB,MAAO,WAAW;0HA3H5qB,CAAC;AA6BF,UAAU,SAAS;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AACD,QAAA,MAAM,IAAI;;SA0FipB,MAAO,WAAW;iIAzD5qB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,QAAQ,0GA+Cb,CAAC;AAIF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TimeGrid/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,WAAW,GAAG,IAAI,CACrB,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAClC,cAAc,GAAG,UAAU,GAAG,KAAK,CACpC,CAAC;AACF,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACzC;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,eAAO,MAAM,SAAS;;;sGAQrB,CAAC;AA6BF,UAAU,SAAS;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AACD,QAAA,MAAM,IAAI;;;6GAiCT,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,QAAQ,sFA+Cb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/TimeGrid/index.js

@@ -1,5 +1,5 @@
 import { omitEmotionProps, useForwardedState } from '@os-design/utils';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import styled from '@emotion/styled';
 import { css } from '@emotion/react';
 import { clr } from '@os-design/theming';

package/dist/TimeList/index.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 interface Time {
     hour: number;
     minute: number;
 }
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'defaultValue' | 'onChange' | 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'defaultValue' | 'onChange' | 'ref'>;
 export interface TimeListProps extends JsxDivProps {
     /**
      * Times shown in the list.
@@ -36,10 +37,10 @@ interface TimeProps {
 declare const Time: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & TimeProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+} & TimeProps, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 /**
  * The component to choose a time in a list.
  */
-declare const TimeList: import("react").ForwardRefExoticComponent<TimeListProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const TimeList: React.ForwardRefExoticComponent<TimeListProps & React.RefAttributes<HTMLDivElement>>;
 export default TimeList;
 //# sourceMappingURL=index.d.ts.map

package/dist/TimeList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TimeList/index.tsx"],"names":[],"mappings":"AAQA,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,WAAW,GAAG,IAAI,CACrB,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,cAAc,GAAG,UAAU,GAAG,KAAK,CACpC,CAAC;AACF,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACzC;AAgBD,UAAU,SAAS;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AACD,QAAA,MAAM,IAAI;;SAyEggE,MAAO,WAAW;iIA7C3hE,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,QAAQ,0GAmCb,CAAC;AAIF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TimeList/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,WAAW,GAAG,IAAI,CACrB,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAClC,cAAc,GAAG,UAAU,GAAG,KAAK,CACpC,CAAC;AACF,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACzC;AAgBD,UAAU,SAAS;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AACD,QAAA,MAAM,IAAI;;;6GA4BT,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,QAAQ,sFAmCb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/TimeList/index.js

@@ -1,5 +1,5 @@
 import { omitEmotionProps, useForwardedState } from '@os-design/utils';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import styled from '@emotion/styled';
 import { css } from '@emotion/react';
 import { clr } from '@os-design/theming';

package/dist/Video/index.d.ts

@@ -1,8 +1,9 @@
-type JsxIFrameProps = Omit<JSX.IntrinsicElements['iframe'], 'ref'>;
+import React from 'react';
+type JsxIFrameProps = Omit<React.JSX.IntrinsicElements['iframe'], 'ref'>;
 export type VideoProps = JsxIFrameProps;
 /**
  * The video player.
  */
-declare const Video: import("react").ForwardRefExoticComponent<JsxIFrameProps & import("react").RefAttributes<HTMLIFrameElement>>;
+declare const Video: React.ForwardRefExoticComponent<JsxIFrameProps & React.RefAttributes<HTMLIFrameElement>>;
 export default Video;
 //# sourceMappingURL=index.d.ts.map

package/dist/Video/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Video/index.tsx"],"names":[],"mappings":"AAGA,KAAK,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAkBxC;;GAEG;AACH,QAAA,MAAM,KAAK,8GAWV,CAAC;AAIF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Video/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,KAAK,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC;AACzE,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAkBxC;;GAEG;AACH,QAAA,MAAM,KAAK,0FAWV,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/dist/Video/index.js

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 const Container = styled.div`
   position: relative;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/core",
-  "version": "1.0.304",
+  "version": "1.0.306",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "type": "module",
@@ -19,29 +19,29 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "clean": "rimraf dist",
+    "clean": "rm -r dist",
     "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist",
     "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --declaration --declarationDir dist",
     "build": "yarn clean && npm-run-all 'build:*'",
-    "ncu": "ncu -u '/^(?!(react|@types/react|react-dom|@types/react-dom)$).*$/'"
+    "ncu": "ncu -u '/^(?!(react-window)$).*$/'"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@os-design/date-picker-utils": "^1.0.33",
-    "@os-design/icons": "^1.0.73",
-    "@os-design/input-number-utils": "^1.0.40",
-    "@os-design/input-password-utils": "^1.0.5",
-    "@os-design/media": "^1.0.34",
-    "@os-design/menu-utils": "^1.0.30",
-    "@os-design/portal": "^1.0.27",
-    "@os-design/styles": "^1.0.70",
-    "@os-design/theming": "^1.0.65",
+    "@os-design/icons": "^1.0.75",
+    "@os-design/input-number-utils": "^1.0.42",
+    "@os-design/input-password-utils": "^1.0.7",
+    "@os-design/media": "^1.0.36",
+    "@os-design/menu-utils": "^1.0.32",
+    "@os-design/portal": "^1.0.29",
+    "@os-design/styles": "^1.0.72",
+    "@os-design/theming": "^1.0.67",
     "@os-design/time-picker-utils": "^1.0.23",
-    "@os-design/utils": "^1.0.95",
+    "@os-design/utils": "^1.0.97",
     "facepaint": "^1.2.1",
-    "react-focus-lock": "^2.13.6",
+    "react-focus-lock": "^2.13.7",
     "react-window": "^1.8.11"
   },
   "devDependencies": {
@@ -55,8 +55,8 @@
     "@emotion/react": ">=11",
     "@emotion/serialize": "*",
     "@emotion/styled": ">=11",
-    "react": "18",
-    "react-dom": "18"
+    "react": "19",
+    "react-dom": "19"
   },
-  "gitHead": "c77ed4290c60bb8c971cf1bb45140a5f7745a361"
+  "gitHead": "83ca5af2bb91d07d64440f87b7ab23f5100daa02"
 }

package/src/Alert/index.tsx

@@ -4,9 +4,9 @@ import { CheckCircle, CloseCircle, InfoCircle } from '@os-design/icons';
 import { type WithSize, sizeStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import { forwardRef, useMemo } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface AlertProps extends JsxDivProps, WithSize {
   /**
    * Type of styles.

package/src/Avatar/index.tsx

@@ -3,12 +3,12 @@ import { User } from '@os-design/icons';
 import { type WithSize, sizeStyles } from '@os-design/styles';
 import { type Color, clr, useTheme } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import { forwardRef, useCallback, useMemo } from 'react';
+import React, { forwardRef, useCallback, useMemo } from 'react';
 import Image, { type ImageProps } from '../Image/index.js';
 import nameToInitials from './utils/nameToInitials.js';
 import strToHue from './utils/strToHue.js';
 
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface AvatarProps extends JsxDivProps, WithSize {
   /**
    * Used to render the first letter if the image URL is not specified.

package/src/AvatarSkeleton/index.tsx

@@ -1,10 +1,10 @@
 import styled from '@emotion/styled';
 import { sizeStyles, type WithSize } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import Skeleton from '../Skeleton/index.js';
 
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export type AvatarSkeletonProps = JsxDivProps & WithSize;
 
 const Container = styled('div', omitEmotionProps('size'))<WithSize>`

package/src/Badge/index.tsx

@@ -2,9 +2,9 @@ import styled from '@emotion/styled';
 import { type WithSize, sizeStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import { forwardRef, useMemo } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface BadgeProps extends JsxDivProps, WithSize {
   /**
    * Number shown in the corner.

package/src/Breadcrumb/index.tsx

@@ -9,7 +9,7 @@ import { omitEmotionProps } from '@os-design/utils';
 import React, { forwardRef, type ReactElement, useMemo } from 'react';
 import BreadcrumbItem from '../BreadcrumbItem/index.js';
 
-type JsxOlProps = Omit<JSX.IntrinsicElements['ol'], 'ref'>;
+type JsxOlProps = Omit<React.JSX.IntrinsicElements['ol'], 'ref'>;
 export interface BreadcrumbProps extends JsxOlProps, WithSize {
   'aria-label'?: string;
 }
@@ -50,26 +50,30 @@ const Breadcrumb = forwardRef<HTMLOListElement, BreadcrumbProps>(
 
         if (child.type === BreadcrumbItem) {
           element = React.cloneElement(child, breadcrumbItemProps);
-        } else if (
-          React.isValidElement(child.props.children) &&
-          child.props.children.type === BreadcrumbItem
-        ) {
-          const breadcrumbItem = React.cloneElement(
-            child.props.children,
-            breadcrumbItemProps
-          );
-          element = React.cloneElement(
-            child,
-            {
-              ...(child.props || {}),
-              key: childIndex,
-            },
-            breadcrumbItem
-          );
+        } else {
+          const childProps = child.props as { children?: React.ReactElement };
+          if (
+            React.isValidElement(childProps.children) &&
+            childProps.children.type === BreadcrumbItem
+          ) {
+            const breadcrumbItem = React.cloneElement(
+              childProps.children,
+              breadcrumbItemProps
+            );
+            element = React.cloneElement(
+              child,
+              {
+                ...(childProps || {}),
+                key: childIndex,
+              },
+              breadcrumbItem
+            );
+          }
         }
         if (!element) return;
 
         items.push(element);
+        // eslint-disable-next-line react-hooks/globals
         childIndex += 1;
       });
       return items;

package/src/Button/index.tsx

@@ -14,7 +14,7 @@ import ButtonContent from './ButtonContent.js';
 import useButtonColors, { type ButtonColors } from './utils/useButtonColors.js';
 
 type JsxButtonProps = Omit<
-  JSX.IntrinsicElements['button'],
+  React.JSX.IntrinsicElements['button'],
   'type' | 'color' | 'ref'
 >;
 
@@ -63,8 +63,10 @@ export interface BaseButtonProps extends WithSize {
 
 export type ButtonProps = JsxButtonProps & BaseButtonProps;
 
-interface StyledButtonProps
-  extends Pick<ButtonProps, 'wide' | 'loading' | 'disabled' | 'size'> {
+interface StyledButtonProps extends Pick<
+  ButtonProps,
+  'wide' | 'loading' | 'disabled' | 'size'
+> {
   btnType: ButtonProps['type'];
   colors: ButtonColors;
 }

package/src/ButtonLink/index.tsx

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { omitEmotionProps } from '@os-design/utils';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { type ButtonProps, StyledButton } from '../Button/index.js';
 import ButtonContent from '../Button/ButtonContent.js';
 import useButtonColors from '../Button/utils/useButtonColors.js';
@@ -11,7 +11,7 @@ import {
   type ReactRouterLinkProps,
 } from '../Link/index.js';
 
-type JsxAProps = Omit<JSX.IntrinsicElements['a'], 'type' | 'ref'>;
+type JsxAProps = Omit<React.JSX.IntrinsicElements['a'], 'type' | 'ref'>;
 export type ButtonLinkProps = JsxAProps &
   ReactRouterLinkProps &
   Pick<LinkProps, 'as'> &

package/src/Checkbox/index.tsx

@@ -9,10 +9,10 @@ import {
 } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps, useForwardedState } from '@os-design/utils';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 
 type JsxLabelProps = Omit<
-  JSX.IntrinsicElements['label'],
+  React.JSX.IntrinsicElements['label'],
   'defaultValue' | 'onChange' | 'onClick' | 'ref'
 >;
 export interface CheckboxProps extends JsxLabelProps, WithSize {
@@ -124,7 +124,8 @@ const disabledContainerStyles = (p) =>
   `;
 
 interface ContainerProps
-  extends Required<Pick<CheckboxProps, 'disabled'>>,
+  extends
+    Required<Pick<CheckboxProps, 'disabled'>>,
     Pick<CheckboxProps, 'size'> {
   checked: Required<CheckboxProps['value']>;
 }

package/src/CheckboxSkeleton/index.tsx

@@ -2,10 +2,10 @@ import styled from '@emotion/styled';
 import { sizeStyles, type WithSize } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import Skeleton from '../Skeleton/index.js';
 
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface CheckboxSkeletonProps extends JsxDivProps, WithSize {
   /**
    * The width of the skeleton.

package/src/DateCalendar/index.tsx

@@ -1,5 +1,5 @@
 import { useForwardedState } from '@os-design/utils';
-import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
+import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
 import Calendar from './Calendar.js';
 import { defaultLocale, type DateCalendarLocale } from './locale.js';
 import MonthPicker from './MonthPicker.js';
@@ -7,7 +7,7 @@ import type { Day, Month } from './utils/calendarDays.js';
 import { light, ThemeOverrider } from '@os-design/theming';
 
 type JsxDivProps = Omit<
-  JSX.IntrinsicElements['div'],
+  React.JSX.IntrinsicElements['div'],
   'defaultValue' | 'onChange' | 'ref'
 >;
 export interface DateCalendarProps extends JsxDivProps {
@@ -94,6 +94,7 @@ const DateCalendar = forwardRef<HTMLDivElement, DateCalendarProps>(
         (forwardedValue.year !== displayedMonthRef.current.year ||
           forwardedValue.month !== displayedMonthRef.current.month)
       ) {
+        // eslint-disable-next-line react-hooks/set-state-in-effect
         setDisplayedMonth({
           year: forwardedValue.year,
           month: forwardedValue.month,

package/src/DatePicker/index.tsx

@@ -9,7 +9,7 @@ import {
   useForwardedRef,
   useForwardedState,
 } from '@os-design/utils';
-import {
+import React, {
   forwardRef,
   useCallback,
   useEffect,
@@ -46,7 +46,7 @@ import createTimes from './utils/createTimes.js';
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 type JsxDivProps = Omit<
-  JSX.IntrinsicElements['div'],
+  React.JSX.IntrinsicElements['div'],
   'value' | 'defaultValue' | 'onChange' | 'ref'
 >;
 export interface DatePickerProps extends JsxDivProps, WithSize {
@@ -142,7 +142,7 @@ export interface DatePickerProps extends JsxDivProps, WithSize {
    * The props of the input container.
    * @default undefined
    */
-  containerProps?: JSX.IntrinsicElements['div'];
+  containerProps?: React.JSX.IntrinsicElements['div'];
   /**
    * The selected date.
    * @default undefined
@@ -483,6 +483,7 @@ const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(
       }
 
       if (pickerType && inputFocused) {
+        // eslint-disable-next-line react-hooks/set-state-in-effect
         setPickerType(pickerType);
         if (showPicker && autoOpen && isMinXs) {
           setPickerVisibility(true);

package/src/Drawer/index.tsx

@@ -13,7 +13,7 @@ import React, { forwardRef, useCallback, useContext, useRef } from 'react';
 import FocusLock from 'react-focus-lock';
 import { ModalMask } from '../Modal/index.js';
 
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface DrawerProps extends JsxDivProps, WithSize {
   /**
    * The placement of the drawer.

package/src/Form/index.tsx

@@ -1,10 +1,10 @@
 import styled from '@emotion/styled';
 import { type WithSize, sizeStyles } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
-import { forwardRef, useMemo } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import FormConfigContext from './FormConfigContext.js';
 
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface FormProps extends JsxDivProps, WithSize {
   /**
    * The text that is displayed to the right of the label of the optional field.

package/src/FormDivider/index.tsx

@@ -2,9 +2,9 @@ import styled from '@emotion/styled';
 import { ellipsisStyles, sizeStyles, type WithSize } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface FormDividerProps extends JsxDivProps, WithSize {
   /**
    * The title that is in the center of the divider.

package/src/FormItem/index.tsx

@@ -2,10 +2,10 @@ import styled from '@emotion/styled';
 import { sizeStyles, type WithSize } from '@os-design/styles';
 import { clr, ThemeOverrider } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import { forwardRef, useContext, useMemo } from 'react';
+import React, { forwardRef, useContext, useMemo } from 'react';
 import FormConfigContext from '../Form/FormConfigContext.js';
 
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface FormItemProps extends JsxDivProps, WithSize {
   /**
    * Label of the field.
@@ -80,6 +80,7 @@ const FormItem = forwardRef<HTMLDivElement, FormItemProps>(
     const { optionalText } = useContext(FormConfigContext);
 
     const containerId = useMemo(
+      // eslint-disable-next-line react-hooks/purity
       () => id || Math.random().toString(36).slice(2, 11),
       [id]
     );

package/src/Gallery/index.tsx

@@ -63,7 +63,7 @@ const RightButton = styled(NavButton)`
   right: 0.2em;
 `;
 
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface GalleryProps extends JsxDivProps {
   /**
    * The image urls.
@@ -125,6 +125,7 @@ const Gallery = forwardRef<HTMLDivElement, GalleryProps>(
 
     // Update the image if the index was changed
     useEffect(() => {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       setImageUrl(imageIndex !== null ? urls[imageIndex] : undefined);
     }, [imageIndex, urls]);
 

package/src/GlobalStyles/index.mdx

@@ -1,4 +1,4 @@
-import { Meta, Canvas } from '@storybook/blocks';
+import { Meta, Canvas } from '@storybook/addon-docs/blocks';
 import * as Stories from './index.stories';
 
 <Meta title='Global styles' />

package/src/Image/index.tsx

@@ -1,12 +1,12 @@
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { omitEmotionProps } from '@os-design/utils';
-import { forwardRef, useCallback } from 'react';
+import React, { forwardRef, useCallback } from 'react';
 
 const EMPTY_IMAGE =
   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8+R8AArcB2pIvCSwAAAAASUVORK5CYII=';
 
-type JsxImgProps = Omit<JSX.IntrinsicElements['img'], 'sizes' | 'ref'>;
+type JsxImgProps = Omit<React.JSX.IntrinsicElements['img'], 'sizes' | 'ref'>;
 export interface ImageProps extends JsxImgProps {
   /**
    * The image URL.