@consta/uikit 5.20.2 → 5.22.0

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

@@ -14,15 +14,16 @@ export type BreadcrumbsPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEve
 export type BreadcrumbsPropOnItemClick<ITEM> = (item: ITEM, props: {
     e: React.MouseEvent;
 }) => void;
-export type DefaultItem = {
+export type BreadcrumbsDefaultItem = {
     label: string;
     icon?: IconComponent;
     href?: string;
     onClick?: React.MouseEventHandler<HTMLAnchorElement>;
-    subMenu?: DefaultItem[];
+    subMenu?: 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 BreadcrumbsProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef<{
+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.ReactNode | undefined;
+export type BreadcrumbsProps<ITEM = BreadcrumbsDefaultItem> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;
     getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;
@@ -35,11 +36,11 @@ export type BreadcrumbsProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef
     fitMode?: BreadcrumbPropFitMode;
     lastItemIsLink?: boolean;
 }, HTMLUListElement> & (ITEM extends {
-    label: DefaultItem['label'];
+    label: BreadcrumbsDefaultItem['label'];
 } ? {} : {
     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[];
@@ -50,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;
@@ -63,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>;
@@ -75,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 DefaultItem = {\n  label: string;\n  icon?: IconComponent;\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  subMenu?: DefaultItem[];\n};\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 = DefaultItem> =\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: DefaultItem['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"}

package/__internal__/src/components/Chips/ChipsChoice/types.d.ts

@@ -26,4 +26,4 @@ export type ChipsChoiceProps<ITEM = ChipsChoiceDefaultItem, MULTIPLE extends boo
 } ? {} : {
     getItemLabel?: ChipsPropGetItemLabel<ITEM>;
 });
-export type ChipsChoiceComponent = <ITEM = ChipsChoiceDefaultItem, MULTIPLE extends boolean = false>(props: ChipsChoiceProps<ITEM, MULTIPLE>) => React.ReactElement | null;
+export type ChipsChoiceComponent = <ITEM = ChipsChoiceDefaultItem, MULTIPLE extends boolean = false>(props: ChipsChoiceProps<ITEM, MULTIPLE>) => React.ReactNode | null;

package/__internal__/src/components/Chips/ChipsChoice/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/Chips/ChipsChoice/types.ts"],"sourcesContent":["import {\n  ChipsItemProps,\n  ChipsPropActiveView,\n  ChipsPropGetItemIconLeft,\n  ChipsPropGetItemLabel,\n  ChipsPropGetItemRef,\n  ChipsPropGetItemStatus,\n  ChipsPropSize,\n} from '##/components/Chips';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type ChipsChoiceDefaultItem = Omit<\n  ChipsItemProps,\n  | 'size'\n  | 'activeView'\n  | 'interactive'\n  | 'onRightIconClick'\n  | 'iconRight'\n  | 'as'\n> & {\n  key: string;\n};\n\nexport type ChipsChoicePropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type ChipsChoicePropOnChange<ITEM, MULTIPLE extends boolean> = (\n  value: MULTIPLE extends true ? ITEM[] | null : ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type ChipsChoicePropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null;\n\nexport type ChipsChoiceProps<\n  ITEM = ChipsChoiceDefaultItem,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ChipsPropSize;\n    activeView?: ChipsPropActiveView;\n    items: ITEM[];\n    getItemStatus?: ChipsPropGetItemStatus<ITEM>;\n    getItemLabel?: ChipsPropGetItemLabel<ITEM>;\n    getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM>;\n    getItemRef?: ChipsPropGetItemRef<ITEM>;\n    onChange: ChipsChoicePropOnChange<ITEM, MULTIPLE>;\n    multiple?: MULTIPLE;\n    value?: ChipsChoicePropValue<ITEM, MULTIPLE>;\n    getItemKey?: ChipsChoicePropGetItemKey<ITEM>;\n    disabled?: boolean;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: string }\n    ? {}\n    : {\n        getItemLabel?: ChipsPropGetItemLabel<ITEM>;\n      });\n\nexport type ChipsChoiceComponent = <\n  ITEM = ChipsChoiceDefaultItem,\n  MULTIPLE extends boolean = false,\n>(\n  props: ChipsChoiceProps<ITEM, MULTIPLE>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/Chips/ChipsChoice/types.ts"],"sourcesContent":["import {\n  ChipsItemProps,\n  ChipsPropActiveView,\n  ChipsPropGetItemIconLeft,\n  ChipsPropGetItemLabel,\n  ChipsPropGetItemRef,\n  ChipsPropGetItemStatus,\n  ChipsPropSize,\n} from '##/components/Chips';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type ChipsChoiceDefaultItem = Omit<\n  ChipsItemProps,\n  | 'size'\n  | 'activeView'\n  | 'interactive'\n  | 'onRightIconClick'\n  | 'iconRight'\n  | 'as'\n> & {\n  key: string;\n};\n\nexport type ChipsChoicePropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type ChipsChoicePropOnChange<ITEM, MULTIPLE extends boolean> = (\n  value: MULTIPLE extends true ? ITEM[] | null : ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type ChipsChoicePropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null;\n\nexport type ChipsChoiceProps<\n  ITEM = ChipsChoiceDefaultItem,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ChipsPropSize;\n    activeView?: ChipsPropActiveView;\n    items: ITEM[];\n    getItemStatus?: ChipsPropGetItemStatus<ITEM>;\n    getItemLabel?: ChipsPropGetItemLabel<ITEM>;\n    getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM>;\n    getItemRef?: ChipsPropGetItemRef<ITEM>;\n    onChange: ChipsChoicePropOnChange<ITEM, MULTIPLE>;\n    multiple?: MULTIPLE;\n    value?: ChipsChoicePropValue<ITEM, MULTIPLE>;\n    getItemKey?: ChipsChoicePropGetItemKey<ITEM>;\n    disabled?: boolean;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: string }\n    ? {}\n    : {\n        getItemLabel?: ChipsPropGetItemLabel<ITEM>;\n      });\n\nexport type ChipsChoiceComponent = <\n  ITEM = ChipsChoiceDefaultItem,\n  MULTIPLE extends boolean = false,\n>(\n  props: ChipsChoiceProps<ITEM, MULTIPLE>,\n) => React.ReactNode | null;\n"],"mappings":""}

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

@@ -69,4 +69,4 @@ export type ChipsProps<ITEM = ChipsDefaultItem> = PropsWithHTMLAttributesAndRef<
 } ? {} : {
     getItemLabel: ChipsPropGetItemLabel<ITEM>;
 });
-export type ChipsComponent = <ITEM = ChipsDefaultItem>(props: ChipsProps<ITEM>) => React.ReactElement | null;
+export type ChipsComponent = <ITEM = ChipsDefaultItem>(props: ChipsProps<ITEM>) => React.ReactNode | null;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["chipsPropSize","chipsPropSizeDefault","chipsPropActiveView","chipsPropActiveViewDefault"],"sources":["../../../../../src/components/Chips/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { BadgePropStatus } from '##/components/Badge';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const chipsPropSize = ['xs', 's', 'm', 'l'] as const;\nexport type ChipsPropSize = typeof chipsPropSize[number];\nexport const chipsPropSizeDefault: ChipsPropSize = 'm';\n\nexport const chipsPropActiveView = ['primary', 'secondary'] as const;\nexport type ChipsPropActiveView = typeof chipsPropActiveView[number];\nexport const chipsPropActiveViewDefault: ChipsPropActiveView = 'primary';\n\nexport type ChipsPropStatus = BadgePropStatus;\n\nexport type ChipsItemProps = {\n  size?: ChipsPropSize;\n  activeView?: ChipsPropActiveView;\n  interactive?: boolean;\n  onRightIconClick?: React.MouseEventHandler<HTMLButtonElement>;\n  iconLeft?: IconComponent;\n  iconRight?: IconComponent;\n  /**\n   * \"error\" deprecated since version 5.13.0 use \"alert\"\n   */\n  status?: ChipsPropStatus;\n  label: string;\n  active?: boolean;\n  disabled?: boolean;\n};\n\nexport type ChipsDefaultItem = Omit<\n  ChipsItemProps,\n  'size' | 'activeView' | 'interactive' | 'onRightIconClick'\n> & {\n  attributes?: Omit<AsAttributes, 'children' | 'ref'>;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n};\n\n// export type ChipsPropGetItemKey<ITEM> = (item: ITEM) => ChipsDefaultItem['key'];\nexport type ChipsPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['status'];\nexport type ChipsPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['label'];\nexport type ChipsPropGetItemIconLeft<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['iconLeft'];\nexport type ChipsPropGetItemIconRight<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['iconRight'];\nexport type ChipsPropGetItemRef<ITEM> = (item: ITEM) => ChipsDefaultItem['ref'];\nexport type ChipsPropGetItemAs<ITEM> = (item: ITEM) => ChipsDefaultItem['as'];\nexport type ChipsPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['attributes'];\nexport type ChipsPropGetItemActive<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['active'];\nexport type ChipsPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['disabled'];\nexport type ChipsPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: { e: React.MouseEvent },\n) => void;\nexport type ChipsPropItemOnRightIconClick<ITEM> = (\n  item: ITEM,\n  props: { e: React.MouseEvent },\n) => void;\n\nexport type ChipsProps<ITEM = ChipsDefaultItem> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ChipsPropSize;\n    activeView?: ChipsPropActiveView;\n    items: ITEM[];\n    interactive?: boolean;\n    disabled?: boolean;\n    /**\n     * \"error\" deprecated since version 5.13.0 use \"alert\"\n     */\n    getItemStatus?: ChipsPropGetItemStatus<ITEM>;\n    getItemLabel?: ChipsPropGetItemLabel<ITEM>;\n    getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM>;\n    getItemIconRight?: ChipsPropGetItemIconRight<ITEM>;\n    getItemRef?: ChipsPropGetItemRef<ITEM>;\n    getItemAs?: ChipsPropGetItemAs<ITEM>;\n    getItemAttributes?: ChipsPropGetItemAttributes<ITEM>;\n    getItemActive?: ChipsPropGetItemActive<ITEM>;\n    getItemDisabled?: ChipsPropGetItemDisabled<ITEM>;\n    onItemClick?: ChipsPropOnItemClick<ITEM>;\n    onItemRightIconClick?: ChipsPropItemOnRightIconClick<ITEM>;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: string }\n    ? {}\n    : {\n        getItemLabel: ChipsPropGetItemLabel<ITEM>;\n      });\n\nexport type ChipsComponent = <ITEM = ChipsDefaultItem>(\n  props: ChipsProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAMA,MAAO,IAAMA,cAAa,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAG,GAA5C,CAEP,MAAO,IAAMC,oBAAmB,CAAG,CAAC,SAAD,CAAY,WAAZ,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAAG,SAAxD"}
+{"version":3,"file":"types.js","names":["chipsPropSize","chipsPropSizeDefault","chipsPropActiveView","chipsPropActiveViewDefault"],"sources":["../../../../../src/components/Chips/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { BadgePropStatus } from '##/components/Badge';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const chipsPropSize = ['xs', 's', 'm', 'l'] as const;\nexport type ChipsPropSize = typeof chipsPropSize[number];\nexport const chipsPropSizeDefault: ChipsPropSize = 'm';\n\nexport const chipsPropActiveView = ['primary', 'secondary'] as const;\nexport type ChipsPropActiveView = typeof chipsPropActiveView[number];\nexport const chipsPropActiveViewDefault: ChipsPropActiveView = 'primary';\n\nexport type ChipsPropStatus = BadgePropStatus;\n\nexport type ChipsItemProps = {\n  size?: ChipsPropSize;\n  activeView?: ChipsPropActiveView;\n  interactive?: boolean;\n  onRightIconClick?: React.MouseEventHandler<HTMLButtonElement>;\n  iconLeft?: IconComponent;\n  iconRight?: IconComponent;\n  /**\n   * \"error\" deprecated since version 5.13.0 use \"alert\"\n   */\n  status?: ChipsPropStatus;\n  label: string;\n  active?: boolean;\n  disabled?: boolean;\n};\n\nexport type ChipsDefaultItem = Omit<\n  ChipsItemProps,\n  'size' | 'activeView' | 'interactive' | 'onRightIconClick'\n> & {\n  attributes?: Omit<AsAttributes, 'children' | 'ref'>;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n};\n\n// export type ChipsPropGetItemKey<ITEM> = (item: ITEM) => ChipsDefaultItem['key'];\nexport type ChipsPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['status'];\nexport type ChipsPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['label'];\nexport type ChipsPropGetItemIconLeft<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['iconLeft'];\nexport type ChipsPropGetItemIconRight<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['iconRight'];\nexport type ChipsPropGetItemRef<ITEM> = (item: ITEM) => ChipsDefaultItem['ref'];\nexport type ChipsPropGetItemAs<ITEM> = (item: ITEM) => ChipsDefaultItem['as'];\nexport type ChipsPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['attributes'];\nexport type ChipsPropGetItemActive<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['active'];\nexport type ChipsPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => ChipsDefaultItem['disabled'];\nexport type ChipsPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: { e: React.MouseEvent },\n) => void;\nexport type ChipsPropItemOnRightIconClick<ITEM> = (\n  item: ITEM,\n  props: { e: React.MouseEvent },\n) => void;\n\nexport type ChipsProps<ITEM = ChipsDefaultItem> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ChipsPropSize;\n    activeView?: ChipsPropActiveView;\n    items: ITEM[];\n    interactive?: boolean;\n    disabled?: boolean;\n    /**\n     * \"error\" deprecated since version 5.13.0 use \"alert\"\n     */\n    getItemStatus?: ChipsPropGetItemStatus<ITEM>;\n    getItemLabel?: ChipsPropGetItemLabel<ITEM>;\n    getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM>;\n    getItemIconRight?: ChipsPropGetItemIconRight<ITEM>;\n    getItemRef?: ChipsPropGetItemRef<ITEM>;\n    getItemAs?: ChipsPropGetItemAs<ITEM>;\n    getItemAttributes?: ChipsPropGetItemAttributes<ITEM>;\n    getItemActive?: ChipsPropGetItemActive<ITEM>;\n    getItemDisabled?: ChipsPropGetItemDisabled<ITEM>;\n    onItemClick?: ChipsPropOnItemClick<ITEM>;\n    onItemRightIconClick?: ChipsPropItemOnRightIconClick<ITEM>;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: string }\n    ? {}\n    : {\n        getItemLabel: ChipsPropGetItemLabel<ITEM>;\n      });\n\nexport type ChipsComponent = <ITEM = ChipsDefaultItem>(\n  props: ChipsProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAMA,MAAO,IAAMA,cAAa,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAG,GAA5C,CAEP,MAAO,IAAMC,oBAAmB,CAAG,CAAC,SAAD,CAAY,WAAZ,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAAG,SAAxD"}