[UIK-3818][chore] added jsdocs with link to examples/api

semcore/accordion/src/Accordion.tsx

@@ -222,6 +222,11 @@ const Item = createComponent<
   Collapse,
 });
 
+/**
+ * Accordion
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/accordion/accordion-api/|API} | {@link https://developer.semrush.com/intergalactic/components/accordion/accordion-code/|Examples}
+ */
 const Accordion = createComponent<
   NSAccordion.Component,
   typeof RootAccordion

semcore/add-filter/src/AddFilter.tsx

@@ -306,6 +306,11 @@ function ClearAllFilters({ hasFilterData, clearAll, getI18nText }: ClearAllFilte
     : null;
 }
 
+/**
+ * AddFilter
+ *
+ * {@link https://developer.semrush.com/intergalactic/filter-group/add-filter/add-filter-code|Example}
+ */
 const AddFilter = createComponent<
   AddFilterType,
   typeof RootAddFilter

semcore/badge/src/Badge.tsx

@@ -118,6 +118,11 @@ class RootBadge extends Component<BadgeProps, typeof RootBadge.enhance> {
   }
 }
 
+/**
+ * Badge
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/badge/badge-api/|API} | {@link https://developer.semrush.com/intergalactic/components/badge/badge-code/|Examples}
+ */
 export const Badge = createComponent<
   BadgeComponent,
   typeof RootBadge

semcore/base-components/src/components/breakpoints/index.ts

@@ -1,5 +1,10 @@
 import { MediaList, DEFAULT_MEDIA, createBreakpoints } from './Breakpoints';
 
+/**
+ * Breakpoints
+ *
+ * {@link https://developer.semrush.com/intergalactic/layout/breakpoints/breakpoints-api|Docs}
+ */
 const defaultBreakpoints = createBreakpoints(DEFAULT_MEDIA);
 
 export { MediaList, DEFAULT_MEDIA, createBreakpoints, defaultBreakpoints };

semcore/base-components/src/components/ellipsis/Ellipsis.ts

@@ -7,6 +7,11 @@ import { ellipsisManager, isSafari } from './EllipsisManager';
 import { Scheduler } from './Scheduler';
 import { textMeasurer } from './TextMeasurer';
 
+/**
+ * Ellipsis
+ *
+ * {@link https://developer.semrush.com/intergalactic/utils/ellipsis/ellipsis-code|Docs}
+ */
 export class Ellipsis extends EventEmitter<Events> {
   public readonly element: HTMLElement;
   public readonly containerElement: HTMLElement | undefined;

semcore/base-components/src/components/flex-box/Box/index.tsx

@@ -17,4 +17,9 @@ Box.displayName = 'Box';
 
 type BoxComponent = Intergalactic.Component<'div', BoxProps>;
 
+/**
+ * Box
+ *
+ * {@link https://developer.semrush.com/intergalactic/layout/box-system/box-system-api|Docs}
+ */
 export default createBaseComponent<BoxComponent>(Box);

semcore/base-components/src/components/flex-box/Flex/index.tsx

@@ -12,4 +12,9 @@ Flex.displayName = 'Flex';
 
 type FlexComponent = Intergalactic.Component<'div', FlexProps>;
 
+/**
+ * Flex
+ *
+ * {@link https://developer.semrush.com/intergalactic/layout/box-system/box-system-api|Docs}
+ */
 export default createBaseComponent<FlexComponent>(Flex);

semcore/base-components/src/components/hint/Hint.tsx

@@ -381,6 +381,11 @@ class HintPopperRoot extends Component<
   }
 }
 
+/**
+ * Hint
+ *
+ * {@link https://developer.semrush.com/intergalactic/utils/hint/hint-api|API} | {@link https://developer.semrush.com/intergalactic/utils/hint/hint-code|Examples}
+ */
 export const Hint = createComponent<
   SimpleHintPopperComponent,
   typeof HintPopperRoot

semcore/base-components/src/components/neighbor-location/NeighborLocation.tsx

@@ -123,6 +123,11 @@ function useNeighborLocationDetect(index: number) {
   return calculateNeighborLocation(controlsLengthRef.current, index);
 }
 
+/**
+ * NeighborLocation
+ *
+ * {@link https://developer.semrush.com/intergalactic/utils/neighbor-location/neighbor-location-api|API}
+ */
 export const NeighborLocation = createComponent<
   typeof NeighborLocationType,
   typeof NeighborLocationRoot

semcore/base-components/src/components/popper/Popper.tsx

@@ -787,6 +787,11 @@ function PopperPopper(props: PopperPopperProps & IRootComponentProps & InnerPopp
   );
 }
 
+/**
+ * Popper
+ *
+ * {@link https://developer.semrush.com/intergalactic/utils/popper/popper-api|API}
+ */
 export const Popper = createComponent<
   typeof PopperType,
   typeof PopperRoot

semcore/base-components/src/components/portal/Portal.tsx

@@ -54,6 +54,12 @@ Portal.displayName = 'Portal';
 
 const { Provider: PortalProvider } = PortalContext;
 export { PortalProvider, PortalContext };
+
+/**
+ * Portal
+ *
+ * {@link https://developer.semrush.com/intergalactic/utils/portal/portal-api|API}
+ */
 export default createComponent<
   PortalComponent,
   typeof Portal

semcore/base-components/src/components/scroll-area/ScrollArea.tsx

@@ -443,6 +443,11 @@ function ContainerRoot(props: ScrollAreaContainerProps & IRootComponentProps) {
   );
 }
 
+/**
+ * ScrollArea
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/scroll-area/scroll-area-api|API} | {@link https://developer.semrush.com/intergalactic/components/scroll-area/scroll-area-code|Examples}
+ */
 const ScrollArea = createComponent<
   typeof ScrollAreaType,
   typeof ScrollAreaRoot

semcore/base-trigger/src/BaseTrigger.jsx

@@ -99,6 +99,11 @@ function Addon(props) {
   return sstyled(styles)(<SAddon render={Box} />);
 }
 
+/**
+ * BaseTrigger
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api/|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code/|Examples}
+ */
 const BaseTrigger = createComponent(RootBaseTrigger, {
   Text,
   Addon,

semcore/base-trigger/src/ButtonTrigger.jsx

@@ -59,6 +59,11 @@ class RootButtonTrigger extends Component {
   }
 }
 
+/**
+ * ButtonTrigger
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api#buttontrigger|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code#buttontrigger|Examples}
+ */
 const ButtonTrigger = createComponent(
   RootButtonTrigger,
   {

semcore/base-trigger/src/FilterTrigger.jsx

@@ -254,6 +254,11 @@ function Counter({ styles, Children, count, getI18nText }) {
   );
 }
 
+/**
+ * FilterTrigger
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api#filtertrigger|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code#filtertrigger|Examples}
+ */
 const FilterTrigger = createComponent(
   RootFilterTrigger,
   {

semcore/base-trigger/src/LinkTrigger.jsx

@@ -44,6 +44,11 @@ class RootLinkTrigger extends Component {
   }
 }
 
+/**
+ * LinkTrigger
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api#linktrigger|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code#linktrigger|Examples}
+ */
 const LinkTrigger = createComponent(RootLinkTrigger, {
   Text: ButtonLink.Text,
   Addon: ButtonLink.Addon,

semcore/breadcrumbs/src/Breadcrumbs.jsx

@@ -69,6 +69,11 @@ Item.defaultProps = {
   tabIndex: 0,
 };
 
+/**
+ * Breadcrumbs
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-api/|API} | {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-code/|Examples}
+ */
 export default createComponent(Breadcrumbs, {
   Item,
 });

semcore/bulk-textarea/src/BulkTextarea.tsx

@@ -281,6 +281,11 @@ class BulkTextareaRoot<T extends string | string[]> extends Component<
   }
 }
 
+/**
+ * BulkTextarea
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/bulk-textarea/bulk-textarea-api/|API} | {@link https://developer.semrush.com/intergalactic/components/bulk-textarea/bulk-textarea-code/|Examples}
+ */
 const BulkTextarea = (<T extends string | string[]>() =>
   createComponent<BulkTextareaType<T>, typeof BulkTextareaRoot>(BulkTextareaRoot, {
     InputField,

semcore/button/src/component/Button/Button.tsx

@@ -174,6 +174,11 @@ function Addon(props: ButtonAddonProps) {
   return sstyled(props.styles)(<SAddon render={Box} tag='span' />);
 }
 
+/**
+ * Button
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}
+ */
 const Button = createComponent<
   ButtonComponent,
   typeof RootButton

semcore/button/src/component/ButtonLink/ButtonLink.tsx

@@ -36,6 +36,11 @@ class RootButtonLink extends Component<
   }
 }
 
+/**
+ * ButtonLink
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}
+ */
 export const ButtonLink = createComponent<ButtonLinkComponent, typeof RootButtonLink>(
   RootButtonLink,
   {

semcore/card/src/Card.tsx

@@ -109,6 +109,11 @@ function Body(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Bo
   return sstyled(styles)(<SBody render={Box} {...props} />);
 }
 
+/**
+ * Card
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/card/card-api/|API} | {@link https://developer.semrush.com/intergalactic/components/card/card-code/|Examples}
+ */
 const Card = createComponent<
   NSCard.Component,
   typeof CardRoot

semcore/carousel/src/Carousel.tsx

@@ -747,6 +747,11 @@ function Indicator({ styles, Children }: CarouselIndicatorProps) {
   );
 };
 
+/**
+ * Carousel
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/carousel/carousel-api/|API} | {@link https://developer.semrush.com/intergalactic/components/carousel/carousel-code/|Examples}
+ */
 const Carousel = createComponent<
   typeof CarouselType,
   typeof CarouselRoot

semcore/checkbox/src/Checkbox.tsx

@@ -269,6 +269,11 @@ const Value = createComponent<
   CheckMark,
 });
 
+/**
+ * Checkbox
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/checkbox/checkbox-api/|API} | {@link https://developer.semrush.com/intergalactic/components/checkbox/checkbox-code/|Examples}
+ */
 const Checkbox = createComponent<
   NSCheckbox.Component,
   typeof CheckboxRoot

semcore/color-picker/src/ColorPicker.tsx

@@ -206,6 +206,11 @@ function Colors(
   );
 }
 
+/**
+ * ColorPicker
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/color-picker/color-picker-api/|API} | {@link https://developer.semrush.com/intergalactic/components/color-picker/color-picker-code/|Examples}
+ */
 const ColorPicker = createComponent<
   NSColorPicker.Component,
   typeof ColorPickerRoot

semcore/color-picker/src/PaletteManager.tsx

@@ -293,6 +293,11 @@ class InputColor extends Component<
   }
 }
 
+/**
+ * PaletteManager
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/color-picker/color-picker-api#palettemanager|API} | {@link https://developer.semrush.com/intergalactic/components/color-picker/color-picker-code/|Examples}
+ */
 export const PaletteManager = createComponent<
   NSPaletteManager.Component,
   typeof PaletteManagerRoot

semcore/counter/src/Counter.tsx

@@ -43,6 +43,11 @@ class Counter extends Component<
   }
 }
 
+/**
+ * Counter
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/counter/counter-api/|API} | {@link https://developer.semrush.com/intergalactic/components/counter/counter-code/|Examples}
+ */
 export default createComponent<
   NSCounter.Component,
   typeof Counter

semcore/d3-chart/src/Area.jsx

@@ -198,6 +198,11 @@ function Null(props) {
   );
 }
 
+/**
+ * Area
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/area-chart/area-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/area-chart/area-chart-code/|Examples}
+ */
 const Area = createElement(AreaRoot, {
   Dots,
   Null,

semcore/d3-chart/src/Axis.jsx

@@ -411,6 +411,11 @@ class XAxisRoot extends AxisRoot {
   };
 }
 
+/**
+ * XAxis
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#axis|API}
+ */
 const XAxis = createElement(XAxisRoot, {
   Ticks,
   Grid,
@@ -426,6 +431,11 @@ class YAxisRoot extends AxisRoot {
   };
 }
 
+/**
+ * YAxis
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#axis|API}
+ */
 const YAxis = createElement(YAxisRoot, {
   Ticks,
   Grid,

semcore/d3-chart/src/Bar.jsx

@@ -198,4 +198,9 @@ function getRect({ x, y, width, height, radius, position }) {
   return roundedPath(x, y, width, height, radius);
 }
 
+/**
+ * Bar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-code/|Examples}
+ */
 export default createElement(BarRoot, { Background });

semcore/d3-chart/src/Bubble.jsx

@@ -268,6 +268,11 @@ function BubbleCircle(props) {
   );
 }
 
+/**
+ * Bubble
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bubble-chart/bubble-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bubble-chart/bubble-chart-code/|Examples}
+ */
 const Bubble = createElement(BubbleRoot, {
   Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],
   Circle: BubbleCircle,

semcore/d3-chart/src/CompactHorizontalBar.jsx

@@ -481,6 +481,11 @@ function CompactHorizontalBarTooltip(props) {
   );
 };
 
+/**
+ * CompactHorizontalBar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal-compact/bar-horizontal-compact-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal-compact/bar-horizontal-compact-code/|Examples}
+ */
 const CompactHorizontalBar = createElement(CompactHorizontalBarRoot, {
   Annotation,
   Label,

semcore/d3-chart/src/Donut.jsx

@@ -440,6 +440,11 @@ function DonutTooltip(props) {
   return sstyled(props.styles)(<SDonutTooltip render={Tooltip} excludeAnchorProps />);
 };
 
+/**
+ * Donut
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/donut-chart/donut-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/donut-chart/donut-chart-code/|Examples}
+ */
 const Donut = createElement(DonutRoot, {
   Pie,
   Label,