@pushwoosh/dumb-components 1.1.134 → 1.1.136

package/SendRate/SendRateReadonly.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { type SendRateReadonlyProps, type SendRateBase } from './types';
-export declare function SendRateReadonly<T extends SendRateBase>({ sendRate, globalSendRate, applicationCode, editGlobalClicked, }: SendRateReadonlyProps<T>): React.JSX.Element;
+export declare function SendRateReadonly<T extends SendRateBase>({ sendRate, globalSendRate, applicationCode, editGlobalClicked, }: SendRateReadonlyProps<T>): import("react/jsx-runtime").JSX.Element;

package/SendRate/SendRateReadonly.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { OpenIcon } from '@pushwoosh/kit-icons';
 import { Link } from '../Link';
@@ -18,23 +18,27 @@ export function SendRateReadonly({
   const isGlobalSendRateDisabled = globalSendRate.count === 0 && globalSendRate.seconds === 0;
   const globalSendRateLinkText = getGlobalSendRateLinkText(lang, isGlobalSendRateDisabled);
   const label = getReadonlySendRateLabel(sendRate, isGlobalSendRateDisabled, globalSendRate, lang);
-  return React.createElement(Vertical, {
-    "$gap": 24
-  }, React.createElement(Horizontal, {
-    "$gap": 8,
-    "$justifyContent": "start",
-    "$alignItems": "center"
-  }, label, policy === 'GLOBAL' && React.createElement(Link, {
-    href: `/applications/${applicationCode}/message-delivery?tab=sendRate`,
-    title: globalSendRateLinkText,
-    target: "_blank",
-    onClick: editGlobalClicked
-  }, React.createElement(Horizontal, {
-    "$gap": 4,
-    "$justifyContent": "start",
-    "$alignItems": "center"
-  }, globalSendRateLinkText, React.createElement(OpenIcon, {
-    size: "small",
-    view: "lined"
-  })))));
+  return _jsx(Vertical, {
+    "$gap": 24,
+    children: _jsxs(Horizontal, {
+      "$gap": 8,
+      "$justifyContent": "start",
+      "$alignItems": "center",
+      children: [label, policy === 'GLOBAL' && _jsx(Link, {
+        href: `/applications/${applicationCode}/message-delivery?tab=sendRate`,
+        title: globalSendRateLinkText,
+        target: "_blank",
+        onClick: editGlobalClicked,
+        children: _jsxs(Horizontal, {
+          "$gap": 4,
+          "$justifyContent": "start",
+          "$alignItems": "center",
+          children: [globalSendRateLinkText, _jsx(OpenIcon, {
+            size: "small",
+            view: "lined"
+          })]
+        })
+      })]
+    })
+  });
 }

package/SendRate/components/Condition/index.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 type ChipSendRateProps = {
     messages: number;
     tooltip?: string;
     $inText?: boolean;
 };
-export declare function ChipSendRate({ messages, $inText }: ChipSendRateProps): React.JSX.Element;
+export declare function ChipSendRate({ messages, $inText }: ChipSendRateProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/SendRate/components/Condition/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ChipWithinTextContainer } from './styles';
 import { Chip } from '../../../Chip';
 import { useLang } from '../../polyglot';
@@ -7,16 +7,18 @@ export function ChipSendRate({
   $inText = false
 }) {
   const lang = useLang();
-  return React.createElement(ChipWithinTextContainer, {
-    "$inText": $inText
-  }, React.createElement(Chip, {
-    "$variant": "primary",
-    "$readOnly": true,
-    as: "span"
-  }, messages === 0 ? lang({
-    message: 'DUMB.SEND_RATE.CHIP.UNLIMITED'
-  }) : lang({
-    message: 'DUMB.SEND_RATE.CHIP.RATE',
-    messages
-  })));
+  return _jsx(ChipWithinTextContainer, {
+    "$inText": $inText,
+    children: _jsx(Chip, {
+      "$variant": "primary",
+      "$readOnly": true,
+      as: "span",
+      children: messages === 0 ? lang({
+        message: 'DUMB.SEND_RATE.CHIP.UNLIMITED'
+      }) : lang({
+        message: 'DUMB.SEND_RATE.CHIP.RATE',
+        messages
+      })
+    })
+  });
 }

package/SendRate/components/Description/index.d.ts

@@ -1,4 +1,4 @@
-import React, { type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { type SendRatePolicy } from '../../types';
 type DescriptionProps = {
     sendRateOption: SendRatePolicy;
@@ -6,5 +6,5 @@ type DescriptionProps = {
     seconds: number;
     children?: ReactNode;
 };
-export declare function Description(props: DescriptionProps): React.JSX.Element | undefined;
+export declare function Description(props: DescriptionProps): import("react/jsx-runtime").JSX.Element | undefined;
 export {};

package/SendRate/components/Description/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Paragraph } from '@pushwoosh/kit-typography';
 import { useLang } from '../../polyglot';
 import { ChipSendRate } from '../Condition';
@@ -12,32 +12,40 @@ export function Description(props) {
   const lang = useLang();
   if (sendRateOption === 'GLOBAL') {
     if (messages === 0 && seconds === 0) {
-      return React.createElement(Paragraph, null, lang({
-        message: 'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_PREFIX'
-      }), React.createElement(ChipSendRate, {
-        messages: 0,
+      return _jsxs(Paragraph, {
+        children: [lang({
+          message: 'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_PREFIX'
+        }), _jsx(ChipSendRate, {
+          messages: 0,
+          "$inText": true
+        }), lang({
+          message: 'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_SUFFIX'
+        }), ' ', children]
+      });
+    }
+    return _jsxs(Paragraph, {
+      children: [lang({
+        message: 'DUMB.SEND_RATE.DESC.GLOBAL_SET_PREFIX'
+      }), _jsx(ChipSendRate, {
+        messages: messages,
         "$inText": true
       }), lang({
-        message: 'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_SUFFIX'
-      }), ' ', children);
-    }
-    return React.createElement(Paragraph, null, lang({
-      message: 'DUMB.SEND_RATE.DESC.GLOBAL_SET_PREFIX'
-    }), React.createElement(ChipSendRate, {
-      messages: messages,
-      "$inText": true
-    }), lang({
-      message: 'DUMB.SEND_RATE.DESC.GLOBAL_SET_SUFFIX'
-    }), ' ', children);
+        message: 'DUMB.SEND_RATE.DESC.GLOBAL_SET_SUFFIX'
+      }), ' ', children]
+    });
   }
   if (sendRateOption === 'CUSTOM') {
-    return React.createElement(Paragraph, null, lang({
-      message: 'DUMB.SEND_RATE.DESC.CUSTOM'
-    }), ' ', children);
+    return _jsxs(Paragraph, {
+      children: [lang({
+        message: 'DUMB.SEND_RATE.DESC.CUSTOM'
+      }), ' ', children]
+    });
   }
   if (sendRateOption === 'IGNORE') {
-    return React.createElement(Paragraph, null, lang({
-      message: 'DUMB.SEND_RATE.DESC.IGNORE'
-    }), ' ', children);
+    return _jsxs(Paragraph, {
+      children: [lang({
+        message: 'DUMB.SEND_RATE.DESC.IGNORE'
+      }), ' ', children]
+    });
   }
 }

package/SendRate/components/Settings/index.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 type Props = {
     messages: number;
     onChange: (messages: number) => void;
     minValue: number;
     maxValue: number;
 };
-export declare function EditSendRateSettings(props: Props): React.JSX.Element;
+export declare function EditSendRateSettings(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/SendRate/components/Settings/index.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { Paragraph } from '@pushwoosh/kit-typography';
 import { NumberPicker } from '../../../NumberPicker';
@@ -10,23 +11,28 @@ export function EditSendRateSettings(props) {
     minValue,
     maxValue
   } = props;
-  const onMessagesChange = React.useCallback(value => {
+  const onMessagesChange = useCallback(value => {
     onChange(value);
   }, [onChange]);
-  return React.createElement(Horizontal, {
+  return _jsxs(Horizontal, {
     "$gap": 12,
     "$alignItems": "center",
     style: {
       gridTemplateColumns: '145px 70px 150px'
-    }
-  }, React.createElement(Paragraph, null, React.createElement(Lang, {
-    message: "DUMB.SEND_RATE.SETTINGS.LIMIT_TO_MAX"
-  })), React.createElement(NumberPicker, {
-    onChange: value => onMessagesChange(value),
-    value: messages,
-    minValue: minValue,
-    maxValue: maxValue
-  }), React.createElement(Paragraph, null, React.createElement(Lang, {
-    message: "DUMB.SEND_RATE.SETTINGS.MESSAGES_PER_SEC"
-  })));
+    },
+    children: [_jsx(Paragraph, {
+      children: _jsx(Lang, {
+        message: "DUMB.SEND_RATE.SETTINGS.LIMIT_TO_MAX"
+      })
+    }), _jsx(NumberPicker, {
+      onChange: value => onMessagesChange(value),
+      value: messages,
+      minValue: minValue,
+      maxValue: maxValue
+    }), _jsx(Paragraph, {
+      children: _jsx(Lang, {
+        message: "DUMB.SEND_RATE.SETTINGS.MESSAGES_PER_SEC"
+      })
+    })]
+  });
 }

package/SendRate/helpers/getReadonlySendRateHelpers.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { type SendRateLang } from '../polyglot';
 import { type SendRateBase } from '../types';
 export declare function getReadonlySendRateLabel<T extends SendRateBase>(sendRateOption: T, isGlobalSendRateDisabled: boolean, globalSendRate: {
     count: number;
     seconds: number;
-}, lang: SendRateLang): React.JSX.Element;
+}, lang: SendRateLang): import("react/jsx-runtime").JSX.Element;

package/SendRate/helpers/getReadonlySendRateHelpers.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { HelpRoundIcon } from '@pushwoosh/kit-icons';
 import { Tooltip } from '../../Tooltip';
@@ -11,40 +11,49 @@ export function getReadonlySendRateLabel(sendRateOption, isGlobalSendRateDisable
   } = sendRateOption;
   const tooltip = getReadonlyTooltip(policy, lang);
   if (policy === 'CUSTOM') {
-    return React.createElement(React.Fragment, null, lang({
-      message: 'DUMB.SEND_RATE.RO.CUSTOM_LABEL'
-    }), React.createElement(ChipSendRate, {
-      messages: sendRate
-    }));
+    return _jsxs(_Fragment, {
+      children: [lang({
+        message: 'DUMB.SEND_RATE.RO.CUSTOM_LABEL'
+      }), _jsx(ChipSendRate, {
+        messages: sendRate
+      })]
+    });
   }
   if (policy === 'IGNORE') {
-    return React.createElement(Horizontal, {
+    return _jsxs(Horizontal, {
       "$alignItems": "center",
       "$gap": 4,
-      "$justifyContent": "start"
-    }, lang({
-      message: 'DUMB.SEND_RATE.RO.IGNORE_LABEL'
-    }), React.createElement(Tooltip, {
-      content: tooltip,
-      position: "top-middle"
-    }, React.createElement(IconWrapper, {
-      "$padding": "4px 0"
-    }, React.createElement(HelpRoundIcon, {
-      size: "small",
-      view: "lined"
-    }))));
+      "$justifyContent": "start",
+      children: [lang({
+        message: 'DUMB.SEND_RATE.RO.IGNORE_LABEL'
+      }), _jsx(Tooltip, {
+        content: tooltip,
+        position: "top-middle",
+        children: _jsx(IconWrapper, {
+          "$padding": "4px 0",
+          children: _jsx(HelpRoundIcon, {
+            size: "small",
+            view: "lined"
+          })
+        })
+      })]
+    });
   }
-  return isGlobalSendRateDisabled ? React.createElement(React.Fragment, null, lang({
-    message: 'DUMB.SEND_RATE.RO.GLOBAL_LABEL'
-  }), React.createElement(ChipSendRate, {
-    messages: 0
-  }), lang({
-    message: 'DUMB.SEND_RATE.RO.BECAUSE_UNSET'
-  })) : React.createElement(React.Fragment, null, lang({
-    message: 'DUMB.SEND_RATE.RO.GLOBAL_LABEL'
-  }), React.createElement(ChipSendRate, {
-    messages: globalSendRate.count
-  }));
+  return isGlobalSendRateDisabled ? _jsxs(_Fragment, {
+    children: [lang({
+      message: 'DUMB.SEND_RATE.RO.GLOBAL_LABEL'
+    }), _jsx(ChipSendRate, {
+      messages: 0
+    }), lang({
+      message: 'DUMB.SEND_RATE.RO.BECAUSE_UNSET'
+    })]
+  }) : _jsxs(_Fragment, {
+    children: [lang({
+      message: 'DUMB.SEND_RATE.RO.GLOBAL_LABEL'
+    }), _jsx(ChipSendRate, {
+      messages: globalSendRate.count
+    })]
+  });
 }
 function getReadonlyTooltip(sendRateOption, lang) {
   if (sendRateOption === 'IGNORE') {

package/Skeleton/TextSkeleton.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TextSkeletonTag } from './styles';
 export function TextSkeleton(props) {
   const {
@@ -6,11 +6,12 @@ export function TextSkeleton(props) {
     width,
     ...rest
   } = props;
-  return React.createElement(TextSkeletonTag, {
+  return _jsx(TextSkeletonTag, {
     as: width ? 'div' : 'span',
     style: width ? {
       width
     } : undefined,
-    ...rest
-  }, children || '-');
+    ...rest,
+    children: children || '-'
+  });
 }

package/SortButton/SortButton.js

@@ -1,4 +1,5 @@
-import React, { useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { SortIcon } from '@pushwoosh/kit-icons';
 import { AVAILABLE_ACTIVE_ORDERS } from './constants';
 import { IconTypeByOrderMap, NextOrderMap, ReversedNextOrderMap } from './maps';
@@ -19,15 +20,18 @@ export function SortButton(props) {
       order: isReversed ? ReversedNextOrderMap[order || 'none'] : NextOrderMap[order || 'none']
     });
   }, [name, order, isReversed, onClick]);
-  return React.createElement(SortButtonBox, {
+  return _jsxs(SortButtonBox, {
     ref: boxRef,
     type: "button",
     ...rest,
     onClick: handleClick,
-    "$isActive": AVAILABLE_ACTIVE_ORDERS.includes(order)
-  }, React.createElement("span", null, children), React.createElement(SortIcon, {
-    size: "small",
-    type: IconTypeByOrderMap[order || 'none']
-  }));
+    "$isActive": AVAILABLE_ACTIVE_ORDERS.includes(order),
+    children: [_jsx("span", {
+      children: children
+    }), _jsx(SortIcon, {
+      size: "small",
+      type: IconTypeByOrderMap[order || 'none']
+    })]
+  });
 }
 SortButton.displayName = 'SortButton';

package/Spinner/Spinner.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { AssetsMap } from './assets';
 import { SpinnerBox, SpinnerAnimate } from './styles';
 export function Spinner(props) {
@@ -12,9 +12,12 @@ export function Spinner(props) {
     console.error(`[Spinner]: incorrect size: ${size}!`);
     return null;
   }
-  return React.createElement(SpinnerBox, {
+  return _jsx(SpinnerBox, {
     ...rest,
     size: size,
-    ref: boxRef
-  }, React.createElement(SpinnerAnimate, null, React.createElement(Icon, null)));
+    ref: boxRef,
+    children: _jsx(SpinnerAnimate, {
+      children: _jsx(Icon, {})
+    })
+  });
 }

package/StatisticCard/StatisticCard.js

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { formatNumber, Horizontal } from '@pushwoosh/kit-helpers';
 import { KebabIcon } from '@pushwoosh/kit-icons';
@@ -24,30 +25,36 @@ export function StatisticCard(props) {
   } = props;
   const statisticValue = useMemo(() => {
     if (isLoading) {
-      return React.createElement(TextSkeleton, {
+      return _jsx(TextSkeleton, {
         width: "92px"
       });
     }
     if (valueSubtext) {
-      return React.createElement(Horizontal, {
+      return _jsxs(Horizontal, {
         "$alignItems": "end",
-        "$gap": 8
-      }, React.createElement(StatValue, null, typeof value === 'number' ? formatNumber(value, 'spaced') : value), React.createElement(Text, {
-        "$variant": "footnote",
-        "$color": Color.LOCKED
-      }, valueSubtext));
+        "$gap": 8,
+        children: [_jsx(StatValue, {
+          children: typeof value === 'number' ? formatNumber(value, 'spaced') : value
+        }), _jsx(Text, {
+          "$variant": "footnote",
+          "$color": Color.LOCKED,
+          children: valueSubtext
+        })]
+      });
     }
-    return React.createElement(StatValue, null, typeof value === 'number' ? formatNumber(value, 'spaced') : value);
+    return _jsx(StatValue, {
+      children: typeof value === 'number' ? formatNumber(value, 'spaced') : value
+    });
   }, [isLoading, value, valueSubtext]);
-  const resolvedRightSlot = rightSlot ?? (actions ? React.createElement(DropdownMenu, {
+  const resolvedRightSlot = rightSlot ?? (actions ? _jsx(DropdownMenu, {
     renderHandler: ({
       onClick,
       ref,
       isOpen
-    }) => React.createElement(Button, {
+    }) => _jsx(Button, {
       color: "secondary",
       view: "ghost",
-      icon: React.createElement(KebabIcon, {
+      icon: _jsx(KebabIcon, {
         size: "small"
       }),
       onClick: onClick,
@@ -57,26 +64,34 @@ export function StatisticCard(props) {
         width: '28px',
         height: '28px'
       }
+    }),
+    children: _jsx(DropdownMenuSection, {
+      children: actions.map(a => _jsx(DropdownMenuItem, {
+        onClick: a.onClick,
+        disabled: a.disabled,
+        children: _jsx(Text, {
+          "$ellipsis": true,
+          children: a.label
+        })
+      }, a.id))
     })
-  }, React.createElement(DropdownMenuSection, null, actions.map(a => React.createElement(DropdownMenuItem, {
-    key: a.id,
-    onClick: a.onClick,
-    disabled: a.disabled
-  }, React.createElement(Text, {
-    "$ellipsis": true
-  }, a.label))))) : null);
-  return React.createElement(Container, {
+  }) : null);
+  return _jsxs(Container, {
     "$active": active,
     "$selectable": selectable,
     "$width": width,
     onClick: onClick,
-    ...rest
-  }, React.createElement(Title, {
-    "$hasRightSlot": !!resolvedRightSlot
-  }, title), resolvedRightSlot && React.createElement(RightSlotContainer, {
-    onClick: e => e.stopPropagation()
-  }, resolvedRightSlot), statisticValue, footer && React.createElement(Text, {
-    "$variant": "footnote",
-    "$color": Color.LOCKED
-  }, footer));
+    ...rest,
+    children: [_jsx(Title, {
+      "$hasRightSlot": !!resolvedRightSlot,
+      children: title
+    }), resolvedRightSlot && _jsx(RightSlotContainer, {
+      onClick: e => e.stopPropagation(),
+      children: resolvedRightSlot
+    }), statisticValue, footer && _jsx(Text, {
+      "$variant": "footnote",
+      "$color": Color.LOCKED,
+      children: footer
+    })]
+  });
 }

package/Switch/Switch.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Container, Box, Circle, Label } from './styles';
 export function Switch({
   labelPosition = 'right',
@@ -7,16 +7,19 @@ export function Switch({
   children,
   onChange
 }) {
-  return React.createElement(Container, {
-    labelPosition: labelPosition
-  }, React.createElement(Box, {
-    enabled: enabled,
-    isDisabled: isDisabled,
-    onClick: onChange
-  }, React.createElement(Circle, {
-    enabled: enabled,
-    isDisabled: isDisabled
-  })), children && React.createElement(Label, {
-    labelPosition: labelPosition
-  }, children));
+  return _jsxs(Container, {
+    labelPosition: labelPosition,
+    children: [_jsx(Box, {
+      enabled: enabled,
+      isDisabled: isDisabled,
+      onClick: onChange,
+      children: _jsx(Circle, {
+        enabled: enabled,
+        isDisabled: isDisabled
+      })
+    }), children && _jsx(Label, {
+      labelPosition: labelPosition,
+      children: children
+    })]
+  });
 }

package/Tabs/components/Tab/Tab.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-export declare const Tab: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "onClick"> & Readonly<{
+export declare const Tab: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "onClick"> & Readonly<{
     code: import("../..").TabCode;
     onActivate?: (code: import("../..").TabCode) => void;
     isDisabled?: boolean;
     isNew?: boolean;
-    icon?: React.ReactNode;
-}> & React.RefAttributes<HTMLDivElement>>;
+    icon?: import("react").ReactNode;
+}> & import("react").RefAttributes<HTMLDivElement>>;

package/Tabs/components/Tab/Tab.js

@@ -1,4 +1,5 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { TabBase } from '../TabBase';
 import { useTabsContext } from '../../context';
 export const Tab = forwardRef((props, ref) => {
@@ -12,7 +13,7 @@ export const Tab = forwardRef((props, ref) => {
     activeTabCode,
     setActiveTabCode
   } = useTabsContext();
-  return React.createElement(TabBase, {
+  return _jsx(TabBase, {
     isActive: code === activeTabCode,
     ref: ref,
     onClick: () => {
@@ -21,6 +22,7 @@ export const Tab = forwardRef((props, ref) => {
         onActivate === null || onActivate === void 0 || onActivate(code);
       }
     },
-    ...rest
-  }, children);
+    ...rest,
+    children: children
+  });
 });

package/Tabs/components/TabBar/TabBar.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-export declare const TabBar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Readonly<{
-    title?: React.ReactNode;
-}> & React.RefAttributes<HTMLDivElement>>;
+export declare const TabBar: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Readonly<{
+    title?: import("react").ReactNode;
+}> & import("react").RefAttributes<HTMLDivElement>>;

package/Tabs/components/TabBar/TabBar.js

@@ -1,4 +1,5 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { H4 } from '@pushwoosh/kit-typography';
 import { TabBarTitleBox, TabBarContainer } from './styles';
 import { TabBarScrollableFrame } from '../TabBarScrollableFrame';
@@ -8,9 +9,16 @@ export const TabBar = forwardRef((props, ref) => {
     title,
     ...rest
   } = props;
-  return React.createElement(TabBarContainer, {
+  return _jsxs(TabBarContainer, {
     hasTitle: !!title,
     ref: ref,
-    ...rest
-  }, title && React.createElement(TabBarTitleBox, null, React.createElement(H4, null, title)), React.createElement(TabBarScrollableFrame, null, children));
+    ...rest,
+    children: [title && _jsx(TabBarTitleBox, {
+      children: _jsx(H4, {
+        children: title
+      })
+    }), _jsx(TabBarScrollableFrame, {
+      children: children
+    })]
+  });
 });