@consta/uikit 5.21.0 → 5.23.0

package/__internal__/src/components/BookmarkTabs/types.d.ts

@@ -46,7 +46,7 @@ export type BookmarkTabsRenderItemProps<ITEM> = {
     tabWidth?: string;
     tabRef?: React.RefObject<HTMLElement>;
 } & Omit<BookmarkTabsItemDefault, 'key' | 'ref'>;
-export type BookmarkTabsPropRenderItem<ITEM> = (props: BookmarkTabsRenderItemProps<ITEM>) => React.ReactElement | null;
+export type BookmarkTabsPropRenderItem<ITEM> = (props: BookmarkTabsRenderItemProps<ITEM>) => React.ReactNode | null;
 export type BookmarkTabsPropOnRemove<ITEM> = (item: ITEM, params: {
     e: React.MouseEvent;
 }) => void;
@@ -75,7 +75,7 @@ export type BookmarkTabsProps<ITEM = BookmarkTabsItemDefault> = PropsWithHTMLAtt
 } ? {} : {
     getItemKey: BookmarkTabsPropGetItemKey<ITEM>;
 });
-export type BookmarkTabsComponent = <ITEM>(props: BookmarkTabsProps<ITEM>) => React.ReactElement | null;
+export type BookmarkTabsComponent = <ITEM>(props: BookmarkTabsProps<ITEM>) => React.ReactNode | null;
 export type BookmarkTabsTabProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<{
     hovered?: boolean;
     size: BookmarkTabsPropSize;
@@ -88,4 +88,4 @@ export type BookmarkTabsTabProps<AS extends AsTags = 'div'> = PropsWithAsAttribu
     fixed?: boolean;
     onClose?: React.ReactEventHandler;
 }, AS> & Omit<BookmarkTabsItemDefault, 'key' | 'attributes' | 'ref'>;
-export type BookmarkTabsTabComponent = <AS extends AsTags = 'div'>(props: BookmarkTabsTabProps<AS>) => React.ReactElement | null;
+export type BookmarkTabsTabComponent = <AS extends AsTags = 'div'>(props: BookmarkTabsTabProps<AS>) => React.ReactNode | null;

package/__internal__/src/components/BookmarkTabs/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["bookmarkTabsPropSize","bookmarkTabsPropSizeDefault","bookmarkTabsPropForm","bookmarkTabsPropFormDefault","bookmarkTabsPropView","bookmarkTabsPropViewDefault"],"sources":["../../../../../src/components/BookmarkTabs/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const bookmarkTabsPropSize = ['m', 's'] as const;\nexport type BookmarkTabsPropSize = typeof bookmarkTabsPropSize[number];\nexport const bookmarkTabsPropSizeDefault: BookmarkTabsPropSize =\n  bookmarkTabsPropSize[0];\n\nexport const bookmarkTabsPropForm = ['brick', 'round'] as const;\nexport type BookmarkTabsPropForm = typeof bookmarkTabsPropForm[number];\nexport const bookmarkTabsPropFormDefault: BookmarkTabsPropForm =\n  bookmarkTabsPropForm[0];\n\nexport const bookmarkTabsPropView = ['ghost', 'clear'] as const;\nexport type BookmarkTabsPropView = typeof bookmarkTabsPropView[number];\nexport const bookmarkTabsPropViewDefault: BookmarkTabsPropView =\n  bookmarkTabsPropView[0];\n\nexport type BookmarkTabsItemDefault = {\n  key: string | number;\n  label?: string | number;\n  leftIcon?: IconComponent;\n  rightIcon?: IconComponent;\n  fixed?: boolean;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n  attributes?: AsAttributes;\n};\n\nexport type BookmarkTabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type BookmarkTabsPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type BookmarkTabsPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemFixed<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type BookmarkTabsPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => AsTags | undefined;\nexport type BookmarkTabsPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\nexport type BookmarkTabsPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type BookmarkTabsPropOnChange<ITEM> = (\n  value: ITEM,\n  params: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type BookmarkTabsRenderItemProps<ITEM> = {\n  item: ITEM;\n  hovered?: boolean;\n  onClick: React.MouseEventHandler;\n  active?: boolean;\n  onClose?: React.MouseEventHandler;\n  size: BookmarkTabsPropSize;\n  form: BookmarkTabsPropForm;\n  view: BookmarkTabsPropView;\n  bordered?: boolean;\n  tabWidth?: string;\n  tabRef?: React.RefObject<HTMLElement>;\n} & Omit<BookmarkTabsItemDefault, 'key' | 'ref'>;\n\nexport type BookmarkTabsPropRenderItem<ITEM> = (\n  props: BookmarkTabsRenderItemProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BookmarkTabsPropOnRemove<ITEM> = (\n  item: ITEM,\n  params: { e: React.MouseEvent },\n) => void;\n\nexport type BookmarkTabsProps<ITEM = BookmarkTabsItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      size?: BookmarkTabsPropSize;\n      form?: BookmarkTabsPropForm;\n      view?: BookmarkTabsPropView;\n      items: ITEM[];\n      value?: ITEM | null;\n      getItemKey?: BookmarkTabsPropGetItemKey<ITEM>;\n      getItemLabel?: BookmarkTabsPropGetItemLabel<ITEM>;\n      getItemLeftIcon?: BookmarkTabsPropGetItemLeftIcon<ITEM>;\n      getItemRightIcon?: BookmarkTabsPropGetItemRightIcon<ITEM>;\n      getItemFixed?: BookmarkTabsPropGetItemFixed<ITEM>;\n      getItemAs?: BookmarkTabsPropGetItemAs<ITEM>;\n      getItemRef?: BookmarkTabsPropGetItemRef<ITEM>;\n      getItemAttributes?: BookmarkTabsPropGetItemAttributes<ITEM>;\n      children?: never;\n      withNavigationButtons?: boolean;\n      onCreate?: React.MouseEventHandler;\n      onRemove?: BookmarkTabsPropOnRemove<ITEM>;\n      onChange?: BookmarkTabsPropOnChange<ITEM>;\n      renderItem?: BookmarkTabsPropRenderItem<ITEM>;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { key: string | number }\n      ? {}\n      : {\n          getItemKey: BookmarkTabsPropGetItemKey<ITEM>;\n        });\n\nexport type BookmarkTabsComponent = <ITEM>(\n  props: BookmarkTabsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BookmarkTabsTabProps<AS extends AsTags = 'div'> =\n  PropsWithAsAttributes<\n    {\n      hovered?: boolean;\n      size: BookmarkTabsPropSize;\n      form: BookmarkTabsPropForm;\n      view: BookmarkTabsPropView;\n      active?: boolean;\n      tabWidth?: string;\n      bordered?: boolean;\n      tabRef?: React.RefObject<HTMLElement>;\n      fixed?: boolean;\n      onClose?: React.ReactEventHandler;\n    },\n    AS\n  > &\n    Omit<BookmarkTabsItemDefault, 'key' | 'attributes' | 'ref'>;\n\nexport type BookmarkTabsTabComponent = <AS extends AsTags = 'div'>(\n  props: BookmarkTabsTabProps<AS>,\n) => React.ReactElement | null;\n"],"mappings":"AAOA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf"}
+{"version":3,"file":"types.js","names":["bookmarkTabsPropSize","bookmarkTabsPropSizeDefault","bookmarkTabsPropForm","bookmarkTabsPropFormDefault","bookmarkTabsPropView","bookmarkTabsPropViewDefault"],"sources":["../../../../../src/components/BookmarkTabs/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const bookmarkTabsPropSize = ['m', 's'] as const;\nexport type BookmarkTabsPropSize = typeof bookmarkTabsPropSize[number];\nexport const bookmarkTabsPropSizeDefault: BookmarkTabsPropSize =\n  bookmarkTabsPropSize[0];\n\nexport const bookmarkTabsPropForm = ['brick', 'round'] as const;\nexport type BookmarkTabsPropForm = typeof bookmarkTabsPropForm[number];\nexport const bookmarkTabsPropFormDefault: BookmarkTabsPropForm =\n  bookmarkTabsPropForm[0];\n\nexport const bookmarkTabsPropView = ['ghost', 'clear'] as const;\nexport type BookmarkTabsPropView = typeof bookmarkTabsPropView[number];\nexport const bookmarkTabsPropViewDefault: BookmarkTabsPropView =\n  bookmarkTabsPropView[0];\n\nexport type BookmarkTabsItemDefault = {\n  key: string | number;\n  label?: string | number;\n  leftIcon?: IconComponent;\n  rightIcon?: IconComponent;\n  fixed?: boolean;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n  attributes?: AsAttributes;\n};\n\nexport type BookmarkTabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type BookmarkTabsPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type BookmarkTabsPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemFixed<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type BookmarkTabsPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => AsTags | undefined;\nexport type BookmarkTabsPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\nexport type BookmarkTabsPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type BookmarkTabsPropOnChange<ITEM> = (\n  value: ITEM,\n  params: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type BookmarkTabsRenderItemProps<ITEM> = {\n  item: ITEM;\n  hovered?: boolean;\n  onClick: React.MouseEventHandler;\n  active?: boolean;\n  onClose?: React.MouseEventHandler;\n  size: BookmarkTabsPropSize;\n  form: BookmarkTabsPropForm;\n  view: BookmarkTabsPropView;\n  bordered?: boolean;\n  tabWidth?: string;\n  tabRef?: React.RefObject<HTMLElement>;\n} & Omit<BookmarkTabsItemDefault, 'key' | 'ref'>;\n\nexport type BookmarkTabsPropRenderItem<ITEM> = (\n  props: BookmarkTabsRenderItemProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BookmarkTabsPropOnRemove<ITEM> = (\n  item: ITEM,\n  params: { e: React.MouseEvent },\n) => void;\n\nexport type BookmarkTabsProps<ITEM = BookmarkTabsItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      size?: BookmarkTabsPropSize;\n      form?: BookmarkTabsPropForm;\n      view?: BookmarkTabsPropView;\n      items: ITEM[];\n      value?: ITEM | null;\n      getItemKey?: BookmarkTabsPropGetItemKey<ITEM>;\n      getItemLabel?: BookmarkTabsPropGetItemLabel<ITEM>;\n      getItemLeftIcon?: BookmarkTabsPropGetItemLeftIcon<ITEM>;\n      getItemRightIcon?: BookmarkTabsPropGetItemRightIcon<ITEM>;\n      getItemFixed?: BookmarkTabsPropGetItemFixed<ITEM>;\n      getItemAs?: BookmarkTabsPropGetItemAs<ITEM>;\n      getItemRef?: BookmarkTabsPropGetItemRef<ITEM>;\n      getItemAttributes?: BookmarkTabsPropGetItemAttributes<ITEM>;\n      children?: never;\n      withNavigationButtons?: boolean;\n      onCreate?: React.MouseEventHandler;\n      onRemove?: BookmarkTabsPropOnRemove<ITEM>;\n      onChange?: BookmarkTabsPropOnChange<ITEM>;\n      renderItem?: BookmarkTabsPropRenderItem<ITEM>;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { key: string | number }\n      ? {}\n      : {\n          getItemKey: BookmarkTabsPropGetItemKey<ITEM>;\n        });\n\nexport type BookmarkTabsComponent = <ITEM>(\n  props: BookmarkTabsProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BookmarkTabsTabProps<AS extends AsTags = 'div'> =\n  PropsWithAsAttributes<\n    {\n      hovered?: boolean;\n      size: BookmarkTabsPropSize;\n      form: BookmarkTabsPropForm;\n      view: BookmarkTabsPropView;\n      active?: boolean;\n      tabWidth?: string;\n      bordered?: boolean;\n      tabRef?: React.RefObject<HTMLElement>;\n      fixed?: boolean;\n      onClose?: React.ReactEventHandler;\n    },\n    AS\n  > &\n    Omit<BookmarkTabsItemDefault, 'key' | 'attributes' | 'ref'>;\n\nexport type BookmarkTabsTabComponent = <AS extends AsTags = 'div'>(\n  props: BookmarkTabsTabProps<AS>,\n) => React.ReactNode | null;\n"],"mappings":"AAOA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf"}

package/__internal__/src/components/Breadcrumbs/BreadcrumbsMore/BreadcrumbsMore.d.ts

@@ -1,6 +1,6 @@
 import './BreadcrumbsMore.css';
 import { BreadcrumbsMoreComponent, BreadcrumbsPropGetItemHref, BreadcrumbsPropGetItemIcon } from '../types';
-export declare function getLeftSideBar<ITEM>(iconSize: 'xs' | 'm', getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>): (item: ITEM) => JSX.Element | undefined;
+export declare function getLeftSideBar<ITEM>(iconSize: 'xs' | 'm', getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>): (item: ITEM) => import("react/jsx-runtime").JSX.Element | undefined;
 export declare function getItemAs<ITEM>(getItemHref?: BreadcrumbsPropGetItemHref<ITEM>): (item: ITEM) => "a" | "span";
 export declare function getItemAttributes<ITEM>(getItemHref?: BreadcrumbsPropGetItemHref<ITEM>): (item: ITEM) => {
     href: string | undefined;

package/__internal__/src/components/Breadcrumbs/helpers.d.ts

@@ -16,15 +16,18 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     suppressContentEditableWarning?: boolean | undefined | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
     accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
     className?: string | undefined | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
-    placeholder?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
@@ -34,14 +37,16 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     radioGroup?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
     resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
     vocab?: string | undefined | undefined;
-    autoCapitalize?: string | undefined | undefined;
     autoCorrect?: string | undefined | undefined;
     autoSave?: string | undefined | undefined;
     color?: string | undefined | undefined;
@@ -55,57 +60,64 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
-    'aria-activedescendant'?: string | undefined | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    'aria-colcount'?: number | undefined | undefined;
-    'aria-colindex'?: number | undefined | undefined;
-    'aria-colspan'?: number | undefined | undefined;
-    'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    'aria-describedby'?: string | undefined | undefined;
-    'aria-details'?: string | undefined | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    'aria-errormessage'?: string | undefined | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    'aria-keyshortcuts'?: string | undefined | undefined;
-    'aria-label'?: string | undefined | undefined;
-    'aria-labelledby'?: string | undefined | undefined;
-    'aria-level'?: number | undefined | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
-    'aria-owns'?: string | undefined | undefined;
-    'aria-placeholder'?: string | undefined | undefined;
-    'aria-posinset'?: number | undefined | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined | undefined;
-    'aria-rowcount'?: number | undefined | undefined;
-    'aria-rowindex'?: number | undefined | undefined;
-    'aria-rowspan'?: number | undefined | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: number | undefined | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    'aria-valuemax'?: number | undefined | undefined;
-    'aria-valuemin'?: number | undefined | undefined;
-    'aria-valuenow'?: number | undefined | undefined;
-    'aria-valuetext'?: 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;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
     children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLUListElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLUListElement> | undefined;
@@ -125,7 +137,7 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     onBlurCapture?: import("react").FocusEventHandler<HTMLUListElement> | undefined;
     onChange?: import("react").FormEventHandler<HTMLUListElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLUListElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLUListElement> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLUListElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLUListElement> | undefined;
     onInput?: import("react").FormEventHandler<HTMLUListElement> | undefined;
     onInputCapture?: import("react").FormEventHandler<HTMLUListElement> | undefined;
@@ -244,9 +256,7 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     onPointerCancel?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
@@ -267,7 +277,7 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
-    ref?: import("react").Ref<HTMLUListElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLUListElement> | undefined;
     key?: import("react").Key | null | undefined;
 };
 export declare const iconSizeMap: {

package/__internal__/src/components/Breadcrumbs/types.d.ts

@@ -22,7 +22,7 @@ export type BreadcrumbsDefaultItem = {
     subMenu?: BreadcrumbsDefaultItem[];
 };
 export type DefaultItem = BreadcrumbsDefaultItem;
-export type RenderItem<ITEM> = (item: ITEM | undefined, index: number | string, isFirst?: boolean, isLast?: boolean, ref?: React.Ref<HTMLLIElement>, hidden?: boolean) => React.ReactElement | undefined;
+export type RenderItem<ITEM> = (item: ITEM | undefined, index: number | string, isFirst?: boolean, isLast?: boolean, ref?: React.Ref<HTMLLIElement>, hidden?: boolean) => React.ReactNode | undefined;
 export type BreadcrumbsProps<ITEM = BreadcrumbsDefaultItem> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;
@@ -40,7 +40,7 @@ export type BreadcrumbsProps<ITEM = BreadcrumbsDefaultItem> = PropsWithHTMLAttri
 } ? {} : {
     getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;
 });
-export type BreadcrumbsComponent = <ITEM>(props: BreadcrumbsProps<ITEM>) => React.ReactElement | null;
+export type BreadcrumbsComponent = <ITEM>(props: BreadcrumbsProps<ITEM>) => React.ReactNode | null;
 export type BreadcrumbsMoreProps<ITEM> = PropsWithHTMLAttributesAndRef<{
     size: BreadcrumbPropSize;
     items: ITEM[];
@@ -51,7 +51,7 @@ export type BreadcrumbsMoreProps<ITEM> = PropsWithHTMLAttributesAndRef<{
     getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;
     onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;
 }, HTMLLIElement>;
-export type BreadcrumbsMoreComponent = <ITEM>(props: BreadcrumbsMoreProps<ITEM>) => React.ReactElement | null;
+export type BreadcrumbsMoreComponent = <ITEM>(props: BreadcrumbsMoreProps<ITEM>) => React.ReactNode | null;
 export type BreadcrumbsItemProps<ITEM> = PropsWithHTMLAttributesAndRef<{
     size: 'm' | 'xs' | 's' | 'l';
     item?: ITEM;
@@ -64,7 +64,7 @@ export type BreadcrumbsItemProps<ITEM> = PropsWithHTMLAttributesAndRef<{
     delimiter?: boolean;
     onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;
 }, HTMLLIElement>;
-export type BreadcrumbsItemComponent = <ITEM>(props: BreadcrumbsItemProps<ITEM>) => React.ReactElement | null;
+export type BreadcrumbsItemComponent = <ITEM>(props: BreadcrumbsItemProps<ITEM>) => React.ReactNode | null;
 export type BreadcrumbsFitModeDropdownProps<ITEM> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;
@@ -76,10 +76,10 @@ export type BreadcrumbsFitModeDropdownProps<ITEM> = PropsWithHTMLAttributesAndRe
     renderItem: RenderItem<ITEM>;
     size: BreadcrumbPropSize;
 }, HTMLUListElement>;
-export type BreadcrumbsFitModeDropdownComponent = <ITEM>(props: BreadcrumbsFitModeDropdownProps<ITEM>) => React.ReactElement | null;
+export type BreadcrumbsFitModeDropdownComponent = <ITEM>(props: BreadcrumbsFitModeDropdownProps<ITEM>) => React.ReactNode | null;
 export type BreadcrumbsFitModeScrollProps<ITEM> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     renderItem: RenderItem<ITEM>;
 }, HTMLUListElement>;
-export type BreadcrumbsFitModeScrollComponent = <ITEM>(props: BreadcrumbsFitModeScrollProps<ITEM>) => React.ReactElement | null;
-export type BreadcrumbsShortListComponent = <ITEM>(props: BreadcrumbsFitModeScrollProps<ITEM>) => React.ReactElement | null;
+export type BreadcrumbsFitModeScrollComponent = <ITEM>(props: BreadcrumbsFitModeScrollProps<ITEM>) => React.ReactNode | null;
+export type BreadcrumbsShortListComponent = <ITEM>(props: BreadcrumbsFitModeScrollProps<ITEM>) => React.ReactNode | null;

package/__internal__/src/components/Breadcrumbs/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["breadcrumbPropSize","breadcrumbPropSizeDefault","breadcrumbPropFitMode","breadcrumbPropFitModeDefault"],"sources":["../../../../../src/components/Breadcrumbs/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const breadcrumbPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type BreadcrumbPropSize = typeof breadcrumbPropSize[number];\nexport const breadcrumbPropSizeDefault = breadcrumbPropSize[0];\n\nexport const breadcrumbPropFitMode = ['dropdown', 'scroll'] as const;\nexport type BreadcrumbPropFitMode = typeof breadcrumbPropFitMode[number];\nexport const breadcrumbPropFitModeDefault = breadcrumbPropFitMode[0];\n\nexport type BreadcrumbsPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type BreadcrumbsPropGetItemHref<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type BreadcrumbsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BreadcrumbsPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\nexport type BreadcrumbsPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type BreadcrumbsPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type BreadcrumbsDefaultItem = {\n  label: string;\n  icon?: IconComponent;\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  subMenu?: BreadcrumbsDefaultItem[];\n};\n\nexport type DefaultItem = BreadcrumbsDefaultItem;\n\nexport type RenderItem<ITEM> = (\n  item: ITEM | undefined,\n  index: number | string,\n  isFirst?: boolean,\n  isLast?: boolean,\n  ref?: React.Ref<HTMLLIElement>,\n  hidden?: boolean,\n) => React.ReactElement | undefined;\n\nexport type BreadcrumbsProps<ITEM = BreadcrumbsDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n      getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n      getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n      getItemOnClick?: BreadcrumbsPropGetItemOnClick<ITEM>;\n      getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n      onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n      size?: BreadcrumbPropSize;\n      onlyIconRoot?: boolean;\n      fitMode?: BreadcrumbPropFitMode;\n      lastItemIsLink?: boolean;\n    },\n    HTMLUListElement\n  > &\n    (ITEM extends { label: BreadcrumbsDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: BreadcrumbsPropGetItemLabel<ITEM> });\n\nexport type BreadcrumbsComponent = <ITEM>(\n  props: BreadcrumbsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsMoreProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    size: BreadcrumbPropSize;\n    items: ITEM[];\n    getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n    getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n    getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n    getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n    getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n    onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n  },\n  HTMLLIElement\n>;\n\nexport type BreadcrumbsMoreComponent = <ITEM>(\n  props: BreadcrumbsMoreProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsItemProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    size: 'm' | 'xs' | 's' | 'l';\n    item?: ITEM;\n    getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n    getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n    getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n    getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n    active?: boolean;\n    onlyIcon?: boolean;\n    delimiter?: boolean;\n    onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n  },\n  HTMLLIElement\n>;\n\nexport type BreadcrumbsItemComponent = <ITEM>(\n  props: BreadcrumbsItemProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsFitModeDropdownProps<ITEM> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n      getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n      getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n      getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n      getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n      onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n      renderItem: RenderItem<ITEM>;\n      size: BreadcrumbPropSize;\n    },\n    HTMLUListElement\n  >;\n\nexport type BreadcrumbsFitModeDropdownComponent = <ITEM>(\n  props: BreadcrumbsFitModeDropdownProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsFitModeScrollProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    renderItem: RenderItem<ITEM>;\n  },\n  HTMLUListElement\n>;\n\nexport type BreadcrumbsFitModeScrollComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsShortListComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAIA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA3B,CAEP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAEP,MAAO,IAAME,sBAAqB,CAAG,CAAC,UAAD,CAAa,QAAb,CAA9B,CAEP,MAAO,IAAMC,6BAA4B,CAAGD,qBAAqB,CAAC,CAAD,CAA1D"}
+{"version":3,"file":"types.js","names":["breadcrumbPropSize","breadcrumbPropSizeDefault","breadcrumbPropFitMode","breadcrumbPropFitModeDefault"],"sources":["../../../../../src/components/Breadcrumbs/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const breadcrumbPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type BreadcrumbPropSize = typeof breadcrumbPropSize[number];\nexport const breadcrumbPropSizeDefault = breadcrumbPropSize[0];\n\nexport const breadcrumbPropFitMode = ['dropdown', 'scroll'] as const;\nexport type BreadcrumbPropFitMode = typeof breadcrumbPropFitMode[number];\nexport const breadcrumbPropFitModeDefault = breadcrumbPropFitMode[0];\n\nexport type BreadcrumbsPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type BreadcrumbsPropGetItemHref<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type BreadcrumbsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BreadcrumbsPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\nexport type BreadcrumbsPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type BreadcrumbsPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type BreadcrumbsDefaultItem = {\n  label: string;\n  icon?: IconComponent;\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  subMenu?: BreadcrumbsDefaultItem[];\n};\n\nexport type DefaultItem = BreadcrumbsDefaultItem;\n\nexport type RenderItem<ITEM> = (\n  item: ITEM | undefined,\n  index: number | string,\n  isFirst?: boolean,\n  isLast?: boolean,\n  ref?: React.Ref<HTMLLIElement>,\n  hidden?: boolean,\n) => React.ReactNode | undefined;\n\nexport type BreadcrumbsProps<ITEM = BreadcrumbsDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n      getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n      getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n      getItemOnClick?: BreadcrumbsPropGetItemOnClick<ITEM>;\n      getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n      onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n      size?: BreadcrumbPropSize;\n      onlyIconRoot?: boolean;\n      fitMode?: BreadcrumbPropFitMode;\n      lastItemIsLink?: boolean;\n    },\n    HTMLUListElement\n  > &\n    (ITEM extends { label: BreadcrumbsDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: BreadcrumbsPropGetItemLabel<ITEM> });\n\nexport type BreadcrumbsComponent = <ITEM>(\n  props: BreadcrumbsProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsMoreProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    size: BreadcrumbPropSize;\n    items: ITEM[];\n    getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n    getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n    getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n    getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n    getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n    onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n  },\n  HTMLLIElement\n>;\n\nexport type BreadcrumbsMoreComponent = <ITEM>(\n  props: BreadcrumbsMoreProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsItemProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    size: 'm' | 'xs' | 's' | 'l';\n    item?: ITEM;\n    getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n    getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n    getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n    getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n    active?: boolean;\n    onlyIcon?: boolean;\n    delimiter?: boolean;\n    onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n  },\n  HTMLLIElement\n>;\n\nexport type BreadcrumbsItemComponent = <ITEM>(\n  props: BreadcrumbsItemProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsFitModeDropdownProps<ITEM> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n      getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n      getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n      getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n      getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n      onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n      renderItem: RenderItem<ITEM>;\n      size: BreadcrumbPropSize;\n    },\n    HTMLUListElement\n  >;\n\nexport type BreadcrumbsFitModeDropdownComponent = <ITEM>(\n  props: BreadcrumbsFitModeDropdownProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsFitModeScrollProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    renderItem: RenderItem<ITEM>;\n  },\n  HTMLUListElement\n>;\n\nexport type BreadcrumbsFitModeScrollComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsShortListComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAIA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA3B,CAEP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAEP,MAAO,IAAME,sBAAqB,CAAG,CAAC,UAAD,CAAa,QAAb,CAA9B,CAEP,MAAO,IAAMC,6BAA4B,CAAGD,qBAAqB,CAAC,CAAD,CAA1D"}

package/__internal__/src/components/Card/Card.d.ts

@@ -6,7 +6,7 @@ export declare const cardPropSpace: readonly ["m", "xs", "s", "l", "xl", "2xl",
 export type CardPropSpace = typeof cardPropSpace[number];
 export declare const cardPropStatus: readonly ["alert", "success", "warning"];
 export type CardPropStatus = typeof cardPropStatus[number] | string;
-export type Props = {
+export type CardProps = {
     verticalSpace?: CardPropSpace;
     horizontalSpace?: CardPropSpace;
     status?: CardPropStatus;
@@ -15,6 +15,7 @@ export type Props = {
     shadow?: boolean;
     children?: React.ReactNode;
 };
+export type Props = CardProps;
 export declare const COMPONENT_NAME: "Card";
 export declare const cnCard: import("@bem-react/classname").ClassNameFormatter;
-export declare const Card: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;
+export declare const Card: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<CardProps, "div">;

package/__internal__/src/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["React","useRef","useForkRef","cnMixCard","cn","forwardRefWithAs","usePropsHandler","cardPropForm","cardPropFormDefault","cardPropSpace","cardPropStatus","COMPONENT_NAME","cnCard","Card","props","ref","cardRef","verticalSpace","horizontalSpace","status","form","shadow","children","tabIndex","border","className","as","otherProps"],"sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixCard } from '../../mixs/MixCard/MixCard';\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\n\nexport const cardPropForm = ['round', 'square'] as const;\nexport type CardPropForm = typeof cardPropForm[number];\nexport const cardPropFormDefault: CardPropForm = cardPropForm[0];\n\nexport const cardPropSpace = [\n  'm',\n  'xs',\n  's',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n] as const;\nexport type CardPropSpace = typeof cardPropSpace[number];\n\nexport const cardPropStatus = ['alert', 'success', 'warning'] as const;\nexport type CardPropStatus = typeof cardPropStatus[number] | string;\n\nexport type Props = {\n  verticalSpace?: CardPropSpace;\n  horizontalSpace?: CardPropSpace;\n  status?: CardPropStatus;\n  border?: boolean;\n  form?: CardPropForm;\n  shadow?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const COMPONENT_NAME = 'Card' as const;\n\nexport const cnCard = cn('Card');\n\nexport const Card = forwardRefWithAs<Props>((props, ref) => {\n  const cardRef = useRef<HTMLDivElement>(null);\n\n  const {\n    verticalSpace,\n    horizontalSpace,\n    status,\n    form = cardPropFormDefault,\n    shadow = true,\n    children,\n    tabIndex,\n    border,\n    className,\n    as = 'div',\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, cardRef);\n\n  const Tag = as as string;\n\n  return (\n    <Tag\n      tabIndex={tabIndex}\n      ref={useForkRef([cardRef, ref])}\n      className={cnCard(null, [\n        cnMixCard({\n          verticalSpace,\n          horizontalSpace,\n          shadow,\n          form,\n          status,\n          border,\n        }),\n        className,\n      ])}\n      {...otherProps}\n    >\n      {children}\n    </Tag>\n  );\n});\n"],"mappings":"gNAAA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CAEA,OAASC,UAAT,yCACA,OAASC,SAAT,kCACA,OAASC,EAAT,uBACA,OAASC,gBAAT,+CACA,OAASC,eAAT,2CAEA,MAAO,IAAMC,aAAY,CAAG,CAAC,OAAD,CAAU,QAAV,CAArB,CAEP,MAAO,IAAMC,oBAAiC,CAAGD,YAAY,CAAC,CAAD,CAAtD,CAEP,MAAO,IAAME,cAAa,CAAG,CAC3B,GAD2B,CAE3B,IAF2B,CAG3B,GAH2B,CAI3B,GAJ2B,CAK3B,IAL2B,CAM3B,KAN2B,CAO3B,KAP2B,CAQ3B,KAR2B,CAS3B,KAT2B,CAAtB,CAaP,MAAO,IAAMC,eAAc,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAAvB,CAaP,MAAO,IAAMC,eAAc,CAAG,MAAvB,CAEP,MAAO,IAAMC,OAAM,CAAGR,EAAE,CAAC,MAAD,CAAjB,CAEP,MAAO,IAAMS,KAAI,CAAGR,gBAAgB,CAAQ,SAACS,CAAD,CAAQC,CAAR,CAAgB,IACpDC,EAAO,CAAGf,MAAM,CAAiB,IAAjB,CADoC,GAetDK,eAAe,CAACK,cAAD,CAAiBG,CAAjB,CAAwBE,CAAxB,CAfuC,CAIxDC,CAJwD,GAIxDA,aAJwD,CAKxDC,CALwD,GAKxDA,eALwD,CAMxDC,CANwD,GAMxDA,MANwD,KAOxDC,IAPwD,CAOxDA,CAPwD,YAOjDZ,mBAPiD,OAQxDa,MARwD,CASxDC,CATwD,GASxDA,QATwD,CAUxDC,CAVwD,GAUxDA,QAVwD,CAWxDC,CAXwD,GAWxDA,MAXwD,CAYxDC,CAZwD,GAYxDA,SAZwD,KAaxDC,EAbwD,CAaxDA,CAbwD,YAanD,KAbmD,GAcrDC,CAdqD,uCAmB1D,MACE,qBAHUD,CAGV,gBACE,QAAQ,CAAEH,CADZ,CAEE,GAAG,CAAErB,UAAU,CAAC,CAACc,CAAD,CAAUD,CAAV,CAAD,CAFjB,CAGE,SAAS,CAAEH,MAAM,CAAC,IAAD,CAAO,CACtBT,SAAS,CAAC,CACRc,aAAa,CAAbA,CADQ,CAERC,eAAe,CAAfA,CAFQ,CAGRG,MAAM,iBAHE,CAIRD,IAAI,CAAJA,CAJQ,CAKRD,MAAM,CAANA,CALQ,CAMRK,MAAM,CAANA,CANQ,CAAD,CADa,CAStBC,CATsB,CAAP,CAHnB,EAcME,CAdN,EAgBGL,CAhBH,CAmBH,CAvCmC,CAA7B"}
+{"version":3,"file":"Card.js","names":["React","useRef","useForkRef","cnMixCard","cn","forwardRefWithAs","usePropsHandler","cardPropForm","cardPropFormDefault","cardPropSpace","cardPropStatus","COMPONENT_NAME","cnCard","Card","props","ref","cardRef","verticalSpace","horizontalSpace","status","form","shadow","children","tabIndex","border","className","as","otherProps"],"sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixCard } from '../../mixs/MixCard/MixCard';\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\n\nexport const cardPropForm = ['round', 'square'] as const;\nexport type CardPropForm = typeof cardPropForm[number];\nexport const cardPropFormDefault: CardPropForm = cardPropForm[0];\n\nexport const cardPropSpace = [\n  'm',\n  'xs',\n  's',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n] as const;\nexport type CardPropSpace = typeof cardPropSpace[number];\n\nexport const cardPropStatus = ['alert', 'success', 'warning'] as const;\nexport type CardPropStatus = typeof cardPropStatus[number] | string;\n\nexport type CardProps = {\n  verticalSpace?: CardPropSpace;\n  horizontalSpace?: CardPropSpace;\n  status?: CardPropStatus;\n  border?: boolean;\n  form?: CardPropForm;\n  shadow?: boolean;\n  children?: React.ReactNode;\n};\n\nexport type Props = CardProps;\n\nexport const COMPONENT_NAME = 'Card' as const;\n\nexport const cnCard = cn('Card');\n\nexport const Card = forwardRefWithAs<CardProps>((props, ref) => {\n  const cardRef = useRef<HTMLDivElement>(null);\n\n  const {\n    verticalSpace,\n    horizontalSpace,\n    status,\n    form = cardPropFormDefault,\n    shadow = true,\n    children,\n    tabIndex,\n    border,\n    className,\n    as = 'div',\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, cardRef);\n\n  const Tag = as as string;\n\n  return (\n    <Tag\n      tabIndex={tabIndex}\n      ref={useForkRef([cardRef, ref])}\n      className={cnCard(null, [\n        cnMixCard({\n          verticalSpace,\n          horizontalSpace,\n          shadow,\n          form,\n          status,\n          border,\n        }),\n        className,\n      ])}\n      {...otherProps}\n    >\n      {children}\n    </Tag>\n  );\n});\n"],"mappings":"gNAAA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CAEA,OAASC,UAAT,yCACA,OAASC,SAAT,kCACA,OAASC,EAAT,uBACA,OAASC,gBAAT,+CACA,OAASC,eAAT,2CAEA,MAAO,IAAMC,aAAY,CAAG,CAAC,OAAD,CAAU,QAAV,CAArB,CAEP,MAAO,IAAMC,oBAAiC,CAAGD,YAAY,CAAC,CAAD,CAAtD,CAEP,MAAO,IAAME,cAAa,CAAG,CAC3B,GAD2B,CAE3B,IAF2B,CAG3B,GAH2B,CAI3B,GAJ2B,CAK3B,IAL2B,CAM3B,KAN2B,CAO3B,KAP2B,CAQ3B,KAR2B,CAS3B,KAT2B,CAAtB,CAaP,MAAO,IAAMC,eAAc,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAAvB,CAeP,MAAO,IAAMC,eAAc,CAAG,MAAvB,CAEP,MAAO,IAAMC,OAAM,CAAGR,EAAE,CAAC,MAAD,CAAjB,CAEP,MAAO,IAAMS,KAAI,CAAGR,gBAAgB,CAAY,SAACS,CAAD,CAAQC,CAAR,CAAgB,IACxDC,EAAO,CAAGf,MAAM,CAAiB,IAAjB,CADwC,GAe1DK,eAAe,CAACK,cAAD,CAAiBG,CAAjB,CAAwBE,CAAxB,CAf2C,CAI5DC,CAJ4D,GAI5DA,aAJ4D,CAK5DC,CAL4D,GAK5DA,eAL4D,CAM5DC,CAN4D,GAM5DA,MAN4D,KAO5DC,IAP4D,CAO5DA,CAP4D,YAOrDZ,mBAPqD,OAQ5Da,MAR4D,CAS5DC,CAT4D,GAS5DA,QAT4D,CAU5DC,CAV4D,GAU5DA,QAV4D,CAW5DC,CAX4D,GAW5DA,MAX4D,CAY5DC,CAZ4D,GAY5DA,SAZ4D,KAa5DC,EAb4D,CAa5DA,CAb4D,YAavD,KAbuD,GAczDC,CAdyD,uCAmB9D,MACE,qBAHUD,CAGV,gBACE,QAAQ,CAAEH,CADZ,CAEE,GAAG,CAAErB,UAAU,CAAC,CAACc,CAAD,CAAUD,CAAV,CAAD,CAFjB,CAGE,SAAS,CAAEH,MAAM,CAAC,IAAD,CAAO,CACtBT,SAAS,CAAC,CACRc,aAAa,CAAbA,CADQ,CAERC,eAAe,CAAfA,CAFQ,CAGRG,MAAM,iBAHE,CAIRD,IAAI,CAAJA,CAJQ,CAKRD,MAAM,CAANA,CALQ,CAMRK,MAAM,CAANA,CANQ,CAAD,CADa,CAStBC,CATsB,CAAP,CAHnB,EAcME,CAdN,EAgBGL,CAhBH,CAmBH,CAvCmC,CAA7B"}

package/__internal__/src/components/CheckboxGroup/helper.d.ts

@@ -20,14 +20,17 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     suppressContentEditableWarning?: boolean | undefined | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
     accessKey?: string | undefined | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
-    placeholder?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
@@ -37,14 +40,16 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     radioGroup?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
     resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
     vocab?: string | undefined | undefined;
-    autoCapitalize?: string | undefined | undefined;
     autoCorrect?: string | undefined | undefined;
     autoSave?: string | undefined | undefined;
     color?: string | undefined | undefined;
@@ -58,57 +63,64 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
-    'aria-activedescendant'?: string | undefined | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    'aria-colcount'?: number | undefined | undefined;
-    'aria-colindex'?: number | undefined | undefined;
-    'aria-colspan'?: number | undefined | undefined;
-    'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    'aria-describedby'?: string | undefined | undefined;
-    'aria-details'?: string | undefined | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    'aria-errormessage'?: string | undefined | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    'aria-keyshortcuts'?: string | undefined | undefined;
-    'aria-label'?: string | undefined | undefined;
-    'aria-labelledby'?: string | undefined | undefined;
-    'aria-level'?: number | undefined | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
-    'aria-owns'?: string | undefined | undefined;
-    'aria-placeholder'?: string | undefined | undefined;
-    'aria-posinset'?: number | undefined | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined | undefined;
-    'aria-rowcount'?: number | undefined | undefined;
-    'aria-rowindex'?: number | undefined | undefined;
-    'aria-rowspan'?: number | undefined | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: number | undefined | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    'aria-valuemax'?: number | undefined | undefined;
-    'aria-valuemin'?: number | undefined | undefined;
-    'aria-valuenow'?: number | undefined | undefined;
-    'aria-valuetext'?: 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;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
     children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -127,7 +139,7 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -246,9 +258,7 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -269,6 +279,6 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

package/__internal__/src/components/CheckboxGroup/types.d.ts

@@ -49,5 +49,5 @@ export type CheckboxGroupProps<ITEM = CheckboxGroupDefaultItem> = PropsWithHTMLA
 } ? {} : {
     getItemLabel: CheckboxGroupPropGetItemLabel<ITEM>;
 });
-export type CheckboxGroupComponent = <ITEM = CheckboxGroupDefaultItem>(props: CheckboxGroupProps<ITEM>) => React.ReactElement | null;
+export type CheckboxGroupComponent = <ITEM = CheckboxGroupDefaultItem>(props: CheckboxGroupProps<ITEM>) => React.ReactNode | null;
 export {};

package/__internal__/src/components/CheckboxGroup/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["checkboxGroupPropDirections","checkboxGroupDefaultDirection","checkboxGroupPropSizes","checkboxGroupDefaultSize","checkboxGroupPropViews","checkboxGroupDefaultView","checkboxGroupPropAlign","checkboxGroupDefaultAlign"],"sources":["../../../../../src/components/CheckboxGroup/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype CheckboxGroupPropAttributes = Omit<\n  JSX.IntrinsicElements['label'],\n  'ref' | 'onChange' | 'onFocus' | 'children' | 'onBlur'\n>;\n\nexport type CheckboxGroupDefaultItem = {\n  key?: string | number;\n  label: string;\n  disabled?: boolean;\n  attributes?: CheckboxGroupPropAttributes;\n  ref?: React.RefObject<HTMLLabelElement>;\n};\n\nexport const checkboxGroupPropDirections = ['column', 'row'] as const;\nexport type CheckboxGroupPropDirection =\n  typeof checkboxGroupPropDirections[number];\nexport const checkboxGroupDefaultDirection: CheckboxGroupPropDirection =\n  checkboxGroupPropDirections[0];\n\nexport const checkboxGroupPropSizes = ['m', 'xs', 's', 'l'] as const;\nexport type CheckboxGroupPropSize = typeof checkboxGroupPropSizes[number];\nexport const checkboxGroupDefaultSize: CheckboxGroupPropSize =\n  checkboxGroupPropSizes[0];\n\nexport const checkboxGroupPropViews = ['primary', 'ghost'] as const;\nexport type CheckboxGroupPropView = typeof checkboxGroupPropViews[number];\nexport const checkboxGroupDefaultView: CheckboxGroupPropView =\n  checkboxGroupPropViews[0];\n\nexport const checkboxGroupPropAlign = ['center', 'top'] as const;\nexport type CheckboxGroupPropAlign = typeof checkboxGroupPropAlign[number];\nexport const checkboxGroupDefaultAlign: CheckboxGroupPropAlign =\n  checkboxGroupPropAlign[0];\n\nexport type CheckboxGroupPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type CheckboxGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type CheckboxGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type CheckboxGroupPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => CheckboxGroupPropAttributes | undefined;\nexport type CheckboxGroupPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLLabelElement> | undefined;\n\nexport type CheckboxGroupPropOnChange<ITEM> = (\n  value: ITEM[] | null,\n  props: {\n    e: React.ChangeEvent<HTMLInputElement>;\n  },\n) => void;\n\nexport type CheckboxGroupProps<ITEM = CheckboxGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      value?: ITEM[] | null;\n      items: ITEM[];\n      getItemKey?: CheckboxGroupPropGetItemKey<ITEM>;\n      getItemLabel?: CheckboxGroupPropGetItemLabel<ITEM>;\n      getItemDisabled?: CheckboxGroupPropGetItemDisabled<ITEM>;\n      getItemAttributes?: CheckboxGroupPropGetItemAttributes<ITEM>;\n      getItemRef?: CheckboxGroupPropGetItemRef<ITEM>;\n      onChange?: CheckboxGroupPropOnChange<ITEM>;\n      name?: string;\n      direction?: CheckboxGroupPropDirection;\n      align?: CheckboxGroupPropAlign;\n      size?: CheckboxGroupPropSize;\n      view?: CheckboxGroupPropView;\n      disabled?: boolean;\n      className?: string;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: CheckboxGroupDefaultItem['label'] }\n      ? {}\n      : {\n          getItemLabel: CheckboxGroupPropGetItemLabel<ITEM>;\n        });\n\nexport type CheckboxGroupComponent = <ITEM = CheckboxGroupDefaultItem>(\n  props: CheckboxGroupProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAiBA,MAAO,IAAMA,4BAA2B,CAAG,CAAC,QAAD,CAAW,KAAX,CAApC,CAGP,MAAO,IAAMC,8BAAyD,CACpED,2BAA2B,CAAC,CAAD,CADtB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA/B,CAEP,MAAO,IAAMC,yBAA+C,CAC1DD,sBAAsB,CAAC,CAAD,CADjB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA/B,CAEP,MAAO,IAAMC,yBAA+C,CAC1DD,sBAAsB,CAAC,CAAD,CADjB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA/B,CAEP,MAAO,IAAMC,0BAAiD,CAC5DD,sBAAsB,CAAC,CAAD,CADjB"}
+{"version":3,"file":"types.js","names":["checkboxGroupPropDirections","checkboxGroupDefaultDirection","checkboxGroupPropSizes","checkboxGroupDefaultSize","checkboxGroupPropViews","checkboxGroupDefaultView","checkboxGroupPropAlign","checkboxGroupDefaultAlign"],"sources":["../../../../../src/components/CheckboxGroup/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype CheckboxGroupPropAttributes = Omit<\n  JSX.IntrinsicElements['label'],\n  'ref' | 'onChange' | 'onFocus' | 'children' | 'onBlur'\n>;\n\nexport type CheckboxGroupDefaultItem = {\n  key?: string | number;\n  label: string;\n  disabled?: boolean;\n  attributes?: CheckboxGroupPropAttributes;\n  ref?: React.RefObject<HTMLLabelElement>;\n};\n\nexport const checkboxGroupPropDirections = ['column', 'row'] as const;\nexport type CheckboxGroupPropDirection =\n  typeof checkboxGroupPropDirections[number];\nexport const checkboxGroupDefaultDirection: CheckboxGroupPropDirection =\n  checkboxGroupPropDirections[0];\n\nexport const checkboxGroupPropSizes = ['m', 'xs', 's', 'l'] as const;\nexport type CheckboxGroupPropSize = typeof checkboxGroupPropSizes[number];\nexport const checkboxGroupDefaultSize: CheckboxGroupPropSize =\n  checkboxGroupPropSizes[0];\n\nexport const checkboxGroupPropViews = ['primary', 'ghost'] as const;\nexport type CheckboxGroupPropView = typeof checkboxGroupPropViews[number];\nexport const checkboxGroupDefaultView: CheckboxGroupPropView =\n  checkboxGroupPropViews[0];\n\nexport const checkboxGroupPropAlign = ['center', 'top'] as const;\nexport type CheckboxGroupPropAlign = typeof checkboxGroupPropAlign[number];\nexport const checkboxGroupDefaultAlign: CheckboxGroupPropAlign =\n  checkboxGroupPropAlign[0];\n\nexport type CheckboxGroupPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type CheckboxGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type CheckboxGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type CheckboxGroupPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => CheckboxGroupPropAttributes | undefined;\nexport type CheckboxGroupPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLLabelElement> | undefined;\n\nexport type CheckboxGroupPropOnChange<ITEM> = (\n  value: ITEM[] | null,\n  props: {\n    e: React.ChangeEvent<HTMLInputElement>;\n  },\n) => void;\n\nexport type CheckboxGroupProps<ITEM = CheckboxGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      value?: ITEM[] | null;\n      items: ITEM[];\n      getItemKey?: CheckboxGroupPropGetItemKey<ITEM>;\n      getItemLabel?: CheckboxGroupPropGetItemLabel<ITEM>;\n      getItemDisabled?: CheckboxGroupPropGetItemDisabled<ITEM>;\n      getItemAttributes?: CheckboxGroupPropGetItemAttributes<ITEM>;\n      getItemRef?: CheckboxGroupPropGetItemRef<ITEM>;\n      onChange?: CheckboxGroupPropOnChange<ITEM>;\n      name?: string;\n      direction?: CheckboxGroupPropDirection;\n      align?: CheckboxGroupPropAlign;\n      size?: CheckboxGroupPropSize;\n      view?: CheckboxGroupPropView;\n      disabled?: boolean;\n      className?: string;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: CheckboxGroupDefaultItem['label'] }\n      ? {}\n      : {\n          getItemLabel: CheckboxGroupPropGetItemLabel<ITEM>;\n        });\n\nexport type CheckboxGroupComponent = <ITEM = CheckboxGroupDefaultItem>(\n  props: CheckboxGroupProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAiBA,MAAO,IAAMA,4BAA2B,CAAG,CAAC,QAAD,CAAW,KAAX,CAApC,CAGP,MAAO,IAAMC,8BAAyD,CACpED,2BAA2B,CAAC,CAAD,CADtB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA/B,CAEP,MAAO,IAAMC,yBAA+C,CAC1DD,sBAAsB,CAAC,CAAD,CADjB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA/B,CAEP,MAAO,IAAMC,yBAA+C,CAC1DD,sBAAsB,CAAC,CAAD,CADjB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA/B,CAEP,MAAO,IAAMC,0BAAiD,CAC5DD,sBAAsB,CAAC,CAAD,CADjB"}