@os-design/core 1.0.303 → 1.0.305

package/dist/DatePicker/index.js

@@ -1,7 +1,7 @@
 import { useIsMinWidth } from '@os-design/media';
 import { enableScrollingStyles, resetFocusStyles } from '@os-design/styles';
 import { omitEmotionProps, useForwardedRef, useForwardedState } from '@os-design/utils';
-import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import Modal from '../Modal/index.js';
 import InputDateUnstyled, { convertTo12hours, nextToken, replaceSubstring, tokens } from '../InputDateUnstyled/index.js';
 import DateCalendar from '../DateCalendar/index.js';
@@ -263,6 +263,7 @@ const DatePicker = /*#__PURE__*/forwardRef(({
       }
     }
     if (pickerType && inputFocused) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       setPickerType(pickerType);
       if (showPicker && autoOpen && isMinXs) {
         setPickerVisibility(true);

package/dist/Drawer/index.d.ts

@@ -1,6 +1,6 @@
 import { type WithSize } from '@os-design/styles';
 import React from 'react';
-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/dist/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAsD,MAAM,OAAO,CAAC;AAI3E,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,WAAY,SAAQ,WAAW,EAAE,QAAQ;IACxD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAmGD,eAAO,MAAM,cAAc,cAF0B,IAEa,CAAC;AAEnE;;GAEG;AACH,QAAA,MAAM,MAAM,oFAwFX,CAAC;AAIF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAsD,MAAM,OAAO,CAAC;AAI3E,KAAK,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AACnE,MAAM,WAAW,WAAY,SAAQ,WAAW,EAAE,QAAQ;IACxD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAmGD,eAAO,MAAM,cAAc,cAF0B,IAEa,CAAC;AAEnE;;GAEG;AACH,QAAA,MAAM,MAAM,oFAwFX,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/Form/index.d.ts

@@ -1,5 +1,6 @@
 import { type WithSize } from '@os-design/styles';
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+import React from 'react';
+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.
@@ -10,6 +11,6 @@ export interface FormProps extends JsxDivProps, WithSize {
 /**
  * The wrapper of the form.
  */
-declare const Form: import("react").ForwardRefExoticComponent<FormProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLDivElement>>;
 export default Form;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Form/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAc,MAAM,mBAAmB,CAAC;AAK9D,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,SAAU,SAAQ,WAAW,EAAE,QAAQ;IACtD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAeD;;GAEG;AACH,QAAA,MAAM,IAAI,sGAaT,CAAC;AAIF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Form/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAc,MAAM,mBAAmB,CAAC;AAE9D,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,KAAK,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AACnE,MAAM,WAAW,SAAU,SAAQ,WAAW,EAAE,QAAQ;IACtD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAeD;;GAEG;AACH,QAAA,MAAM,IAAI,kFAaT,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/dist/Form/index.js

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import { 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';
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledForm = styled('div', omitEmotionProps('size'))`

package/dist/FormDivider/index.d.ts

@@ -1,5 +1,6 @@
 import { type WithSize } from '@os-design/styles';
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+import React from 'react';
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface FormDividerProps extends JsxDivProps, WithSize {
     /**
      * The title that is in the center of the divider.
@@ -14,6 +15,6 @@ export interface FormDividerProps extends JsxDivProps, WithSize {
 /**
  * The divider line for separating the various elements of the form.
  */
-declare const FormDivider: import("react").ForwardRefExoticComponent<FormDividerProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const FormDivider: React.ForwardRefExoticComponent<FormDividerProps & React.RefAttributes<HTMLDivElement>>;
 export default FormDivider;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormDivider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAK9E,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,gBAAiB,SAAQ,WAAW,EAAE,QAAQ;IAC7D;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAuCD;;GAEG;AACH,QAAA,MAAM,WAAW,6GAShB,CAAC;AAIF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormDivider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG9E,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,KAAK,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AACnE,MAAM,WAAW,gBAAiB,SAAQ,WAAW,EAAE,QAAQ;IAC7D;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAuCD;;GAEG;AACH,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/dist/FormDivider/index.js

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { ellipsisStyles, sizeStyles } 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Container = styled('div', omitEmotionProps('size'))`
   display: flex;

package/dist/FormItem/index.d.ts

@@ -1,5 +1,6 @@
 import { type WithSize } from '@os-design/styles';
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+import React from 'react';
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface FormItemProps extends JsxDivProps, WithSize {
     /**
      * Label of the field.
@@ -22,10 +23,15 @@ export interface FormItemProps extends JsxDivProps, WithSize {
      * @default false
      */
     optional?: boolean;
+    /**
+     * Extra content rendered inside the label.
+     * @default undefined
+     */
+    labelExtra?: React.ReactNode;
 }
 /**
  * The wrapper of the field.
  */
-declare const FormItem: import("react").ForwardRefExoticComponent<FormItemProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<HTMLDivElement>>;
 export default FormItem;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM9D,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,QAAQ;IAC1D;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6BD;;GAEG;AACH,QAAA,MAAM,QAAQ,0GAmDb,CAAC;AAIF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG9D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,KAAK,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AACnE,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,QAAQ;IAC1D;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAoCD;;GAEG;AACH,QAAA,MAAM,QAAQ,sFAwDb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/FormItem/index.js

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { sizeStyles } 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';
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const Container = styled('div', omitEmotionProps('size'))`
@@ -19,6 +19,12 @@ const Optional = styled.span`
   color: ${p => clr(p.theme.formItemColorOptional)};
   margin-left: 0.3em;
 `;
+const LabelExtra = styled.span`
+  display: inline-flex;
+  align-items: center;
+
+  margin-left: 0.3em;
+`;
 const Help = styled.div`
   margin-top: 0.1em;
   font-size: ${p => p.theme.sizes.small}em;
@@ -36,6 +42,7 @@ const FormItem = /*#__PURE__*/forwardRef(({
   help,
   error,
   optional = false,
+  labelExtra,
   id,
   children,
   ...rest
@@ -43,7 +50,9 @@ const FormItem = /*#__PURE__*/forwardRef(({
   const {
     optionalText
   } = useContext(FormConfigContext);
-  const containerId = useMemo(() => id || Math.random().toString(36).slice(2, 11), [id]);
+  const containerId = useMemo(
+  // eslint-disable-next-line react-hooks/purity
+  () => id || Math.random().toString(36).slice(2, 11), [id]);
   const fieldId = useMemo(() => `field-${containerId}`, [containerId]);
   const helpId = useMemo(() => `help-${containerId}`, [containerId]);
   const ariaInvalid = useMemo(() => !!error, [error]);
@@ -57,6 +66,8 @@ const FormItem = /*#__PURE__*/forwardRef(({
       htmlFor: fieldId,
       children: [label, optional && /*#__PURE__*/_jsxs(Optional, {
         children: ["(", optionalText, ")"]
+      }), labelExtra && /*#__PURE__*/_jsx(LabelExtra, {
+        children: labelExtra
       })]
     }), /*#__PURE__*/_jsx("div", {
       id: fieldId,

package/dist/Gallery/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type ImageProps } from '../Image/index.js';
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface GalleryProps extends JsxDivProps {
     /**
      * The image urls.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Gallery/index.tsx"],"names":[],"mappings":"AASA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AA6C3D,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C;;OAEG;IACH,IAAI,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACvC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAKD;;;GAGG;AACH,QAAA,MAAM,OAAO,qFA6LZ,CAAC;AAIF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Gallery/index.tsx"],"names":[],"mappings":"AASA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AA6C3D,KAAK,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AACnE,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C;;OAEG;IACH,IAAI,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACvC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAKD;;;GAGG;AACH,QAAA,MAAM,OAAO,qFA8LZ,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/dist/Gallery/index.js

@@ -64,6 +64,7 @@ const Gallery = /*#__PURE__*/forwardRef(({
 
   // 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]);
   const startTouchPosRef = useRef(null);

package/dist/Image/index.d.ts

@@ -1,4 +1,5 @@
-type JsxImgProps = Omit<JSX.IntrinsicElements['img'], 'sizes' | 'ref'>;
+import React from 'react';
+type JsxImgProps = Omit<React.JSX.IntrinsicElements['img'], 'sizes' | 'ref'>;
 export interface ImageProps extends JsxImgProps {
     /**
      * The image URL.
@@ -30,6 +31,6 @@ export interface ImageProps extends JsxImgProps {
  * The image with lazy loading. Required lazysizes.
  * Should be loaded by @os-team/image-storage.
  */
-declare const Image: import("react").ForwardRefExoticComponent<ImageProps & import("react").RefAttributes<HTMLImageElement>>;
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
 export default Image;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Image/index.tsx"],"names":[],"mappings":"AAQA,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,CAAC;AACvE,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAiBD;;;GAGG;AACH,QAAA,MAAM,KAAK,yGA0CV,CAAC;AAIF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Image/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAKvD,KAAK,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,CAAC;AAC7E,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAiBD;;;GAGG;AACH,QAAA,MAAM,KAAK,qFA0CV,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/dist/Image/index.js

@@ -1,7 +1,7 @@
 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';
 import { jsx as _jsx } from "react/jsx-runtime";
 const EMPTY_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8+R8AArcB2pIvCSwAAAAASUVORK5CYII=';
 const coverStyles = p => p.cover && css`

package/dist/Input/index.d.ts

@@ -1,6 +1,6 @@
 import { type WithSize } from '@os-design/styles';
 import React, { type ChangeEvent, type ForwardedRef } from 'react';
-type JsxInputProps = Omit<JSX.IntrinsicElements['input'], 'value' | 'onChange' | 'size' | 'ref'>;
+type JsxInputProps = Omit<React.JSX.IntrinsicElements['input'], 'value' | 'onChange' | 'size' | 'ref'>;
 export interface InputProps extends JsxInputProps, WithSize {
     /**
      * Type of the input.
@@ -48,7 +48,7 @@ export interface InputProps extends JsxInputProps, WithSize {
      * The props of the input container.
      * @default undefined
      */
-    containerProps?: JSX.IntrinsicElements['div'];
+    containerProps?: React.JSX.IntrinsicElements['div'];
     /**
      * The input value.
      * @default undefined

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,EACZ,KAAK,WAAW,EAEhB,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAGf,KAAK,aAAa,GAAG,IAAI,CACvB,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAC9B,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CACtC,CAAC;AACF,MAAM,WAAW,UAAW,SAAQ,aAAa,EAAE,QAAQ;IACzD;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC5C;;;OAGG;IACH,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACtE;AAsCD,KAAK,mBAAmB,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AACjE,eAAO,MAAM,cAAc;;SA+FN,MAAO,WAAW;2GA1EtC,CAAC;AAyBF,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,WAAW;;SA6CH,MAAO,WAAW;iHAxBtC,CAAC;AAEF,UAAU,eAAe;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAeD,eAAO,MAAM,cAAc;;SAKN,MAAO,WAAW;;;UAEtC,CAAC;AAEF,eAAO,MAAM,eAAe;;SAJP,MAAO,WAAW;;;UAWtC,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,KAAK,qFAyGV,CAAC;AAIF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,EACZ,KAAK,WAAW,EAEhB,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAGf,KAAK,aAAa,GAAG,IAAI,CACvB,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EACpC,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CACtC,CAAC;AACF,MAAM,WAAW,UAAW,SAAQ,aAAa,EAAE,QAAQ;IACzD;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC5C;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACpD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACtE;AAsCD,KAAK,mBAAmB,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AACjE,eAAO,MAAM,cAAc;;;2GAqB1B,CAAC;AAyBF,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,WAAW;;;iHAqBvB,CAAC;AAEF,UAAU,eAAe;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAeD,eAAO,MAAM,cAAc;;;;;UAO1B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;UAO3B,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,KAAK,qFAyGV,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/dist/InputDateUnstyled/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type Day, type OnDayError } from './utils/stringToDay.js';
 import { type Time } from './utils/stringToTime.js';
 export declare const tokens: readonly ["DD", "MM", "YYYY", "YY", "hh", "HH", "mm", "aa"];
@@ -7,7 +8,7 @@ export interface Selection {
     start: number;
     end: number;
 }
-type JsxInputProps = Omit<JSX.IntrinsicElements['input'], 'value' | 'defaultValue' | 'onChange' | 'ref'>;
+type JsxInputProps = Omit<React.JSX.IntrinsicElements['input'], 'value' | 'defaultValue' | 'onChange' | 'ref'>;
 export interface InputDateUnstyledProps extends JsxInputProps {
     /**
      * The string format. Supported tokens:
@@ -76,7 +77,7 @@ export interface InputDateUnstyledProps extends JsxInputProps {
 /**
  * The input for entering a date/time without any styles.
  */
-declare const InputDateUnstyled: import("react").ForwardRefExoticComponent<InputDateUnstyledProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const InputDateUnstyled: React.ForwardRefExoticComponent<InputDateUnstyledProps & React.RefAttributes<HTMLInputElement>>;
 export { default as convertToFullYear } from './utils/convertToFullYear.js';
 export { default as dateToString } from './utils/dateToString.js';
 export { default as daysInMonth } from './utils/daysInMonth.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InputDateUnstyled/index.tsx"],"names":[],"mappings":"AAcA,OAAoB,EAAE,KAAK,GAAG,EAAE,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAqB,EAAE,KAAK,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIlE,eAAO,MAAM,MAAM,6DAST,CAAC;AACX,eAAO,MAAM,aAAa,UAA+C,CAAC;AAE1E,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5C,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,KAAK,aAAa,GAAG,IAAI,CACvB,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAC9B,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,CAC9C,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;GAEG;AACH,QAAA,MAAM,iBAAiB,qHA0ZtB,CAAC;AAIF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AAEjC,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InputDateUnstyled/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAMf,OAAoB,EAAE,KAAK,GAAG,EAAE,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAqB,EAAE,KAAK,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIlE,eAAO,MAAM,MAAM,6DAST,CAAC;AACX,eAAO,MAAM,aAAa,UAA+C,CAAC;AAE1E,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5C,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,KAAK,aAAa,GAAG,IAAI,CACvB,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EACpC,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,CAC9C,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;GAEG;AACH,QAAA,MAAM,iBAAiB,iGA0ZtB,CAAC;AAIF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AAEjC,eAAe,iBAAiB,CAAC"}

package/dist/InputDateUnstyled/index.js

@@ -1,4 +1,4 @@
-import { forwardRef, useCallback, useEffect, useMemo, useRef } from 'react';
+import React, { forwardRef, useCallback, useEffect, useMemo, useRef } from 'react';
 import { nextToken, prevToken } from './utils/token.js';
 import replaceSubstring from './utils/replaceSubstring.js';
 import dateToString from './utils/dateToString.js';
@@ -303,7 +303,7 @@ const InputDateUnstyled = /*#__PURE__*/forwardRef(({
         // Move the caret to the previous token
         const prev = prevToken(start, formatRef.current, tokens);
         if (!prev) return;
-        let substr = '_';
+        let substr;
         if (prev.token === 'aa') {
           // Move the caret to the start of the meridiem token and erase
           // all the characters of this token.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InputNumber/index.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAsB,EACpB,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IACvD;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IAC5C;;;OAGG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAOD;;GAEG;AACH,QAAA,MAAM,WAAW,+GAqIhB,CAAC;AAIF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InputNumber/index.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAsB,EACpB,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,UAAU,EACV,MAAM,GAAG,OAAO,GAAG,UAAU,CAC9B;IACC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IAC5C;;;OAGG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAOD;;GAEG;AACH,QAAA,MAAM,WAAW,+GAqIhB,CAAC;AAIF,eAAe,WAAW,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InputSearch/index.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAsB,EACpB,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7C;;;OAGG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAWD;;GAEG;AACH,QAAA,MAAM,WAAW,+GA4DhB,CAAC;AAIF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InputSearch/index.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAsB,EACpB,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,UAAU,EACV,MAAM,GAAG,UAAU,CACpB;IACC;;;OAGG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAWD;;GAEG;AACH,QAAA,MAAM,WAAW,+GA4DhB,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/dist/Link/index.d.ts

@@ -4,7 +4,7 @@ export interface ReactRouterLinkProps {
     to?: string;
     replace?: boolean;
 }
-type JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;
+type JsxAProps = Omit<React.JSX.IntrinsicElements['a'], 'ref'>;
 export interface LinkProps extends JsxAProps, ReactRouterLinkProps, WithSize {
     /**
      * Type of the underline styles.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Link/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AACzD,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,oBAAoB,EAAE,QAAQ;IAC1E;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAgBD,eAAO,MAAM,oBAAoB,GAAI,MAAC,sDAkBnC,CAAC;AAEJ,eAAO,MAAM,qBAAqB,GAAI,MAAC,sDASpC,CAAC;AAcJ,eAAO,MAAM,eAAe;;SA1ER,MAAO,WACxB;qFA6EF,CAAC;AAyBF;;GAEG;AACH,QAAA,MAAM,IAAI,qFAYT,CAAC;AAIF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Link/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AAC/D,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,oBAAoB,EAAE,QAAQ;IAC1E;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAgBD,eAAO,MAAM,oBAAoB,GAAI,MAAC,sDAkBnC,CAAC;AAEJ,eAAO,MAAM,qBAAqB,GAAI,MAAC,sDASpC,CAAC;AAcJ,eAAO,MAAM,eAAe;;;qFAI3B,CAAC;AAyBF;;GAEG;AACH,QAAA,MAAM,IAAI,qFAYT,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/dist/LinkButton/index.d.ts

@@ -1,5 +1,6 @@
 import { type WithSize } from '@os-design/styles';
-type JsxButtonProps = Omit<JSX.IntrinsicElements['button'], 'ref'>;
+import React from 'react';
+type JsxButtonProps = Omit<React.JSX.IntrinsicElements['button'], 'ref'>;
 export interface LinkButtonProps extends JsxButtonProps, WithSize {
     /**
      * Type of the underline styles.
@@ -15,6 +16,6 @@ export interface LinkButtonProps extends JsxButtonProps, WithSize {
 /**
  * The link component that is rendered as a button.
  */
-declare const LinkButton: import("react").ForwardRefExoticComponent<LinkButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const LinkButton: React.ForwardRefExoticComponent<LinkButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default LinkButton;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/LinkButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAU3B,KAAK,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC;AAEnE,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,QAAQ;IAC/D;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2BD;;GAEG;AACH,QAAA,MAAM,UAAU,+GAYf,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/LinkButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,KAAK,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC;AAEzE,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,QAAQ;IAC/D;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2BD;;GAEG;AACH,QAAA,MAAM,UAAU,2FAYf,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/dist/LinkButton/index.js

@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 import { resetButtonStyles, sizeStyles } 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 { DisabledWrapper, underlineAlwaysStyles, underlineHoverStyles } from '../Link/index.js';
 import { jsx as _jsx } from "react/jsx-runtime";
 const disabledStyles = p => p.disabled && css`

package/dist/List/WindowScroller.js

@@ -11,7 +11,7 @@ const WindowScroller = ({
   onScroll = () => {},
   children
 }) => {
-  const onScrollRef = useRef();
+  const onScrollRef = useRef(undefined);
   useEffect(() => {
     onScrollRef.current = onScroll;
   }, [onScroll]);

package/dist/ListItemActions/index.d.ts

@@ -4,7 +4,7 @@ import { type ButtonProps } from '../Button/index.js';
 export interface ListItemAction extends Omit<ButtonProps, 'type' | 'wide'> {
     icon: React.ReactElement;
 }
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface ListItemActionsProps extends JsxDivProps, WithSize {
     /**
      * Buttons to control the item.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListItemActions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgC,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAQhF,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE9D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IACxE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;CAC1B;AAED,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,oBAAqB,SAAQ,WAAW,EAAE,QAAQ;IACjE;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;CAC5B;AAqED;;GAEG;AACH,QAAA,MAAM,eAAe,6FAqGpB,CAAC;AAIF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListItemActions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgC,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAQhF,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE9D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IACxE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;CAC1B;AAED,KAAK,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AACnE,MAAM,WAAW,oBAAqB,SAAQ,WAAW,EAAE,QAAQ;IACjE;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;CAC5B;AAqED;;GAEG;AACH,QAAA,MAAM,eAAe,6FAsGpB,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/dist/ListItemActions/index.js

@@ -100,6 +100,7 @@ const ListItemActions = /*#__PURE__*/forwardRef(({
       onClick = () => {},
       ...actionRest
     }) => {
+      // eslint-disable-next-line react-hooks/globals
       actionIndex += 1;
       return /*#__PURE__*/_jsx(Button, {
         type: "ghost",

package/dist/ListItemLink/index.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 import type { LinkProps, ReactRouterLinkProps } from '../Link/index.js';
 import { type ListItemProps } from '../ListItem/index.js';
-type JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;
+type JsxAProps = Omit<React.JSX.IntrinsicElements['a'], 'ref'>;
 export type ListItemLinkProps = JsxAProps & ReactRouterLinkProps & Pick<LinkProps, 'as'> & ListItemProps;
 /**
  * The list item with a link.
  */
-declare const ListItemLink: import("react").ForwardRefExoticComponent<JsxAProps & ReactRouterLinkProps & Pick<LinkProps, "as"> & ListItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const ListItemLink: React.ForwardRefExoticComponent<JsxAProps & ReactRouterLinkProps & Pick<LinkProps, "as"> & ListItemProps & React.RefAttributes<HTMLAnchorElement>>;
 export default ListItemLink;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListItemLink/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEpE,KAAK,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,oBAAoB,GACpB,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GACrB,aAAa,CAAC;AAgChB;;GAEG;AACH,QAAA,MAAM,YAAY,wKAcjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListItemLink/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEpE,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AAC/D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,oBAAoB,GACpB,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GACrB,aAAa,CAAC;AAgChB;;GAEG;AACH,QAAA,MAAM,YAAY,oJAcjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/ListItemLink/index.js

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import { resetFocusStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import ListItem from '../ListItem/index.js';
 import { jsx as _jsx } from "react/jsx-runtime";
 const Link = styled.a`

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListItemSkeleton/index.tsx"],"names":[],"mappings":"AAEA,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGpE,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,aAAa,GAAG,SAAS,CAAC;IAChE;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAWD;;GAEG;AACH,QAAA,MAAM,gBAAgB,kHAoBrB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListItemSkeleton/index.tsx"],"names":[],"mappings":"AAEA,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGpE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,aAAa,EACb,OAAO,GAAG,aAAa,GAAG,SAAS,CACpC;IACC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAWD;;GAEG;AACH,QAAA,MAAM,gBAAgB,kHAoBrB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListSkeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAyB,EACvB,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,cAAc,GAAG,UAAU,CAAC,EAChE,IAAI,CACF,qBAAqB,EACnB,gBAAgB,GAChB,YAAY,GACZ,kBAAkB,GAClB,MAAM,GACN,OAAO,GACP,UAAU,CACb;IACH;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,kHAuCjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListSkeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAyB,EACvB,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,iBACf,SACE,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,cAAc,GAAG,UAAU,CAAC,EAC1D,IAAI,CACF,qBAAqB,EACnB,gBAAgB,GAChB,YAAY,GACZ,kBAAkB,GAClB,MAAM,GACN,OAAO,GACP,UAAU,CACb;IACH;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,kHAuCjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/LogoLink/index.d.ts

@@ -1,6 +1,7 @@
 import { type WithSize } from '@os-design/styles';
+import React from 'react';
 import type { LinkProps, ReactRouterLinkProps } from '../Link/index.js';
-type JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;
+type JsxAProps = Omit<React.JSX.IntrinsicElements['a'], 'ref'>;
 export interface LogoLinkProps extends JsxAProps, ReactRouterLinkProps, Pick<LinkProps, 'as'>, WithSize {
     /**
      * The source of the logo image.
@@ -10,6 +11,6 @@ export interface LogoLinkProps extends JsxAProps, ReactRouterLinkProps, Pick<Lin
 /**
  * Logo with a link.
  */
-declare const LogoLink: import("react").ForwardRefExoticComponent<LogoLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const LogoLink: React.ForwardRefExoticComponent<LogoLinkProps & React.RefAttributes<HTMLAnchorElement>>;
 export default LogoLink;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/LogoLink/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAI3B,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExE,KAAK,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AACzD,MAAM,WAAW,aACf,SAAQ,SAAS,EACf,oBAAoB,EACpB,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,EACrB,QAAQ;IACV;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAyCD;;GAEG;AACH,QAAA,MAAM,QAAQ,6GAiBb,CAAC;AAIF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/LogoLink/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExE,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AAC/D,MAAM,WAAW,aACf,SAAQ,SAAS,EAAE,oBAAoB,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,QAAQ;IACxE;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAyCD;;GAEG;AACH,QAAA,MAAM,QAAQ,yFAiBb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/LogoLink/index.js

@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 import { resetFocusStyles, sizeStyles, transitionStyles } from '@os-design/styles';
 import { useTheme } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 const darkStyles = p => p.dark && css`
     img {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Menu/index.tsx"],"names":[],"mappings":"AAWA,OAAgB,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGjE,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAeD;;GAEG;AACH,QAAA,MAAM,IAAI,sGAgFT,CAAC;AAIF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Menu/index.tsx"],"names":[],"mappings":"AAWA,OAAgB,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGjE,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAeD;;GAEG;AACH,QAAA,MAAM,IAAI,sGAiFT,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/dist/Menu/index.js

@@ -40,7 +40,9 @@ const Menu = /*#__PURE__*/forwardRef(({
   useFocusWithArrows(containerRef);
   useKeyPress(typeof window !== 'undefined' ? window : undefined, 'Escape', onClose);
   const isMinXs = useIsMinWidth('xs');
-  const menuId = useMemo(() => id || `menu-${Math.random().toString(36).slice(2, 11)}`, [id]);
+  const menuId = useMemo(
+  // eslint-disable-next-line react-hooks/purity
+  () => id || `menu-${Math.random().toString(36).slice(2, 11)}`, [id]);
 
   // Replace the aria-haspopup attribute from true to menu
   useBrowserLayoutEffect(() => {

package/dist/MenuDivider/index.d.ts

@@ -1,7 +1,8 @@
-export type MenuDividerProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+import React from 'react';
+export type MenuDividerProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 /**
  * The divider of menu items.
  */
-declare const MenuDivider: import("react").ForwardRefExoticComponent<MenuDividerProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps & React.RefAttributes<HTMLDivElement>>;
 export default MenuDivider;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/index.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAQzE;;GAEG;AACH,QAAA,MAAM,WAAW,6GAEhB,CAAC;AAIF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAQ/E;;GAEG;AACH,QAAA,MAAM,WAAW,yFAEhB,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/dist/MenuDivider/index.js

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import { clr } from '@os-design/theming';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 const Container = styled.div`
   padding-top: 0.4em;

package/dist/MenuGroup/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'defaultValue' | 'value' | 'onChange' | 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'defaultValue' | 'value' | 'onChange' | 'ref'>;
 interface BaseMenuGroupProps<T> extends JsxDivProps {
     /**
      * The title of the menu group.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuGroup/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,KAAK,WAAW,GAAG,IAAI,CACrB,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,CAC9C,CAAC;AACF,UAAU,kBAAkB,CAAC,CAAC,CAAE,SAAQ,WAAW;IACjD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,CAAC;IACV;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AACD,UAAU,yBAA0B,SAAQ,kBAAkB,CAAC,MAAM,GAAG,IAAI,CAAC;IAC3E;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AACD,UAAU,sBAAuB,SAAQ,kBAAkB,CAAC,MAAM,EAAE,CAAC;IACnE;;;OAGG;IACH,QAAQ,EAAE,IAAI,CAAC;CAChB;AACD,MAAM,MAAM,cAAc,GAAG,yBAAyB,GAAG,sBAAsB,CAAC;AA6BhF;;GAEG;AACH,QAAA,MAAM,SAAS,uFAkGd,CAAC;AAIF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuGroup/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,KAAK,WAAW,GAAG,IAAI,CACrB,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAClC,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,CAC9C,CAAC;AACF,UAAU,kBAAkB,CAAC,CAAC,CAAE,SAAQ,WAAW;IACjD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,CAAC;IACV;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AACD,UAAU,yBAA0B,SAAQ,kBAAkB,CAAC,MAAM,GAAG,IAAI,CAAC;IAC3E;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AACD,UAAU,sBAAuB,SAAQ,kBAAkB,CAAC,MAAM,EAAE,CAAC;IACnE;;;OAGG;IACH,QAAQ,EAAE,IAAI,CAAC;CAChB;AACD,MAAM,MAAM,cAAc,GAAG,yBAAyB,GAAG,sBAAsB,CAAC;AA6BhF;;GAEG;AACH,QAAA,MAAM,SAAS,uFAmGd,CAAC;AAIF,eAAe,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuItem/index.tsx"],"names":[],"mappings":"AAQA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE9D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACnD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqCD;;GAEG;AACH,QAAA,MAAM,QAAQ,6GAkCb,CAAC;AAIF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuItem/index.tsx"],"names":[],"mappings":"AAQA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE9D,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,WAAW,EACX,MAAM,GAAG,MAAM,GAAG,MAAM,CACzB;IACC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqCD;;GAEG;AACH,QAAA,MAAM,QAAQ,6GAkCb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/MenuItem/index.js

@@ -49,7 +49,7 @@ const MenuItem = /*#__PURE__*/forwardRef(({
     closeOnSelect,
     onClose
   } = useContext(MenuContext);
-  const onClickRef = useRef();
+  const onClickRef = useRef(undefined);
   useEffect(() => {
     onClickRef.current = onClick;
   }, [onClick]);

package/dist/Modal/index.d.ts

@@ -1,7 +1,7 @@
 import { type WithSize } from '@os-design/styles';
 import React from 'react';
 import { type ModalLocale } from './utils/defaultLocale.js';
-type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
+type JsxDivProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'>;
 export interface ModalProps extends JsxDivProps, WithSize {
     /**
      * The title of the modal.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modal/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAsB,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE3E,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,UAAW,SAAQ,WAAW,EAAE,QAAQ;IACvD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;CACnB;AA2BD,KAAK,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AAC7C,eAAO,MAAM,SAAS;;SA4ElB,MAAO,WAAW;iGAlErB,CAAC;AAsJF,eAAO,MAAM,aAAa,cAF0B,IAEY,CAAC;AAEjE;;GAEG;AACH,QAAA,MAAM,KAAK,mFA+JV,CAAC;AAIF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modal/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAsB,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE3E,KAAK,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AACnE,MAAM,WAAW,UAAW,SAAQ,WAAW,EAAE,QAAQ;IACvD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;CACnB;AA2BD,KAAK,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AAC7C,eAAO,MAAM,SAAS;;;iGAUrB,CAAC;AAsJF,eAAO,MAAM,aAAa,cAF0B,IAEY,CAAC;AAEjE;;GAEG;AACH,QAAA,MAAM,KAAK,mFAiKV,CAAC;AAIF,eAAe,KAAK,CAAC"}