armtek-uikit-react 1.0.267 → 1.0.268

package/lib/esm/index.js

@@ -0,0 +1 @@
+

package/lib/esm/lib/const/styles.d.ts

@@ -0,0 +1 @@
+export declare const CSS_PREFIX = "arm-";

package/lib/esm/lib/const/styles.js

@@ -0,0 +1,4 @@
+const CSS_PREFIX = "arm-";
+export {
+  CSS_PREFIX
+};

package/lib/esm/lib/helpers/genericForwardRef.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode, Ref, RefAttributes } from 'react';
+export declare function fixedForwardRef<T extends any, P extends any = {}>(render: (props: P, ref: Ref<T>) => ReactNode): (props: P & RefAttributes<T>) => JSX.Element;

package/lib/esm/lib/helpers/genericForwardRef.js

@@ -0,0 +1,7 @@
+import { forwardRef } from "react";
+function fixedForwardRef(render) {
+  return forwardRef(render);
+}
+export {
+  fixedForwardRef
+};

package/lib/esm/lib/helpers/getColorClasses.d.ts

@@ -0,0 +1 @@
+export declare function getColorClasses<R extends string>(base: string): Record<R, string>;

package/lib/esm/lib/helpers/getColorClasses.js

@@ -0,0 +1,14 @@
+import { getStatusColors, getColors } from "./helpers.js";
+import { CSS_PREFIX } from "../const/styles.js";
+function getColorClasses(base) {
+  return Object.entries({
+    ...getColors(),
+    ...getStatusColors()
+  }).reduce((prev, current) => {
+    prev[base + "_" + current[0]] = CSS_PREFIX + base + "_color_" + current[0];
+    return prev;
+  }, {});
+}
+export {
+  getColorClasses
+};

package/lib/esm/lib/helpers/getSizeClasses.d.ts

@@ -0,0 +1 @@
+export declare function getSizeClasses<R extends string>(base: string): Record<R, string>;

package/lib/esm/lib/helpers/getSizeClasses.js

@@ -0,0 +1,11 @@
+import { getSizes } from "./helpers.js";
+import { CSS_PREFIX } from "../const/styles.js";
+function getSizeClasses(base) {
+  return Object.entries(getSizes()).reduce((prev, current) => {
+    prev[base + "_" + current[0]] = CSS_PREFIX + base + "_size_" + current[0];
+    return prev;
+  }, {});
+}
+export {
+  getSizeClasses
+};

package/lib/esm/lib/helpers/getVariantClasses.d.ts

@@ -0,0 +1 @@
+export declare function getVariantClasses<R extends string>(base: string, variants?: string[]): Record<R, string>;

package/lib/esm/lib/helpers/getVariantClasses.js

@@ -0,0 +1,11 @@
+import { getVariants } from "./helpers.js";
+import { CSS_PREFIX } from "../const/styles.js";
+function getVariantClasses(base, variants) {
+  return (variants ? variants : Object.keys(getVariants())).reduce((prev, current) => {
+    prev[base + "_" + current] = CSS_PREFIX + base + "_variant_" + current;
+    return prev;
+  }, {});
+}
+export {
+  getVariantClasses
+};

package/lib/esm/lib/helpers/helpers.d.ts

@@ -0,0 +1,21 @@
+import { ColorStatusType, ColorType, VariantType } from '../../types/theme';
+export declare enum SizeEnum {
+    SMALL = "small",
+    MEDIUM = "meidum",
+    LARGE = "large",
+    EXTRA_LARGE = "extraLarge"
+}
+export declare enum ColorEnum {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    NEUTRAL = "neutral",
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    INFO = "info"
+}
+export declare const getVariants: (except?: string[]) => Record<VariantType, string>;
+export declare const getColors: () => Record<ColorType, string>;
+export declare const getStatusColors: () => Record<ColorStatusType, string>;
+export declare const getSizes: (except?: string[]) => Record<SizeEnum, string>;
+export declare const getCssPrefix: (classes: string[]) => Record<string, string>;

package/lib/esm/lib/helpers/helpers.js

@@ -0,0 +1,106 @@
+import { CSS_PREFIX } from "../const/styles.js";
+var SizeEnum = /* @__PURE__ */ ((SizeEnum2) => {
+  SizeEnum2["SMALL"] = "small";
+  SizeEnum2["MEDIUM"] = "meidum";
+  SizeEnum2["LARGE"] = "large";
+  SizeEnum2["EXTRA_LARGE"] = "extraLarge";
+  return SizeEnum2;
+})(SizeEnum || {});
+var ColorEnum = /* @__PURE__ */ ((ColorEnum2) => {
+  ColorEnum2["PRIMARY"] = "primary";
+  ColorEnum2["SECONDARY"] = "secondary";
+  ColorEnum2["NEUTRAL"] = "neutral";
+  ColorEnum2["SUCCESS"] = "success";
+  ColorEnum2["ERROR"] = "error";
+  ColorEnum2["WARNING"] = "warning";
+  ColorEnum2["INFO"] = "info";
+  return ColorEnum2;
+})(ColorEnum || {});
+const getVariants = (except) => {
+  let variants = {
+    contained: "Заливка",
+    outlined: "С границами",
+    transparent: "Прозрачный"
+  };
+  if (except) variants = filter(variants, except);
+  return variants;
+};
+const getColors = () => {
+  return {
+    [
+      "primary"
+      /* PRIMARY */
+    ]: "Основной",
+    [
+      "secondary"
+      /* SECONDARY */
+    ]: "Второстепенный",
+    [
+      "neutral"
+      /* NEUTRAL */
+    ]: "Нейтральный"
+  };
+};
+const getStatusColors = () => {
+  return {
+    [
+      "info"
+      /* INFO */
+    ]: "Инфо",
+    [
+      "error"
+      /* ERROR */
+    ]: "Ошибка",
+    [
+      "success"
+      /* SUCCESS */
+    ]: "Успех",
+    [
+      "warning"
+      /* WARNING */
+    ]: "Уведомление"
+  };
+};
+const getSizes = (except) => {
+  let sizes = {
+    [
+      "small"
+      /* SMALL */
+    ]: "Маленький",
+    [
+      "meidum"
+      /* MEDIUM */
+    ]: "Средний",
+    [
+      "large"
+      /* LARGE */
+    ]: "Большой",
+    [
+      "extraLarge"
+      /* EXTRA_LARGE */
+    ]: "Огромный"
+  };
+  if (except) sizes = filter(sizes, except);
+  return sizes;
+};
+const filter = (obj, arr) => {
+  return Object.entries(obj).filter((item) => !arr.includes(item[0])).reduce((prev, current) => {
+    prev[current[0]] = current[1];
+    return prev;
+  }, {});
+};
+const getCssPrefix = (classes) => {
+  return classes.reduce((prev, current) => {
+    prev[current] = CSS_PREFIX + current;
+    return prev;
+  }, {});
+};
+export {
+  ColorEnum,
+  SizeEnum,
+  getColors,
+  getCssPrefix,
+  getSizes,
+  getStatusColors,
+  getVariants
+};

package/lib/esm/lib/helpers/index.d.ts

@@ -0,0 +1 @@
+export { fixedForwardRef } from './genericForwardRef';

package/lib/esm/lib/helpers/index.js

@@ -0,0 +1,4 @@
+import { fixedForwardRef } from "./genericForwardRef.js";
+export {
+  fixedForwardRef
+};

package/lib/esm/lib/helpers/insertChar.d.ts

@@ -0,0 +1 @@
+export declare const insertChar: (string: string, index: number, char: string) => string;

package/lib/esm/lib/helpers/insertChar.js

@@ -0,0 +1,9 @@
+const insertChar = (string, index, char) => {
+  if (index > 0) {
+    return string.substring(0, index) + char + string.substring(index, string.length);
+  }
+  return char + string;
+};
+export {
+  insertChar
+};

package/lib/esm/lib/helpers.d.ts

@@ -0,0 +1 @@
+export * from './helpers/index'

package/lib/esm/lib/helpers.js

@@ -0,0 +1 @@
+export * from './helpers/index.js'

package/lib/esm/lib/hooks/useClickOutside.d.ts

@@ -0,0 +1,3 @@
+import { MutableRefObject } from 'react';
+declare const useClickOutside: (callback: () => void) => MutableRefObject<any>;
+export default useClickOutside;

package/lib/esm/lib/hooks/useClickOutside.js

@@ -0,0 +1,17 @@
+import { useRef, useEffect } from "react";
+const useClickOutside = (callback) => {
+  const ref = useRef(null);
+  useEffect(() => {
+    function handleClickOutside(event) {
+      if (ref.current && !ref.current.contains(event.target)) callback();
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [ref]);
+  return ref;
+};
+export {
+  useClickOutside as default
+};

package/lib/esm/lib/hooks/useEnhancedEffect.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+/**
+ * A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.
+ * This is useful for effects that are only needed for client-side rendering but not for SSR.
+ *
+ * Before you use this hook, make sure to read https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
+ * and confirm it doesn't apply to your use-case.
+ */
+declare const useEnhancedEffect: typeof React.useEffect;
+export default useEnhancedEffect;

package/lib/esm/lib/hooks/useEnhancedEffect.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+const useEnhancedEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+export {
+  useEnhancedEffect as default
+};

package/lib/esm/lib/hooks/useEventCallback.d.ts

@@ -0,0 +1,3 @@
+declare function useEventCallback<Fn extends (...args: any[]) => any = (...args: unknown[]) => unknown>(fn: Fn): Fn;
+declare function useEventCallback<Args extends unknown[], Return>(fn: (...args: Args) => Return): (...args: Args) => Return;
+export default useEventCallback;

package/lib/esm/lib/hooks/useEventCallback.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import useEnhancedEffect from "./useEnhancedEffect.js";
+function useEventCallback(fn) {
+  const ref = React.useRef(fn);
+  useEnhancedEffect(() => {
+    ref.current = fn;
+  });
+  return React.useRef((...args) => (
+    // @ts-expect-error hide `this`
+    (0, ref.current)(...args)
+  )).current;
+}
+export {
+  useEventCallback as default
+};

package/lib/esm/lib/hooks/useLazyRef.d.ts

@@ -0,0 +1 @@
+export default function useLazyRef<T, U>(init: (arg?: U) => T, initArg?: U): import("react").MutableRefObject<T>;

package/lib/esm/lib/hooks/useLazyRef.js

@@ -0,0 +1,12 @@
+import { useRef } from "react";
+const UNINITIALIZED = {};
+function useLazyRef(init, initArg) {
+  const ref = useRef(UNINITIALIZED);
+  if (ref.current === UNINITIALIZED) {
+    ref.current = init(initArg);
+  }
+  return ref;
+}
+export {
+  useLazyRef as default
+};

package/lib/esm/lib/hooks/useTimeout.d.ts

@@ -0,0 +1,11 @@
+export declare class Timeout {
+    static create(): Timeout;
+    currentId: number;
+    /**
+     * Executes `fn` after `delay`, clearing any previously scheduled call.
+     */
+    start(delay: number, fn: Function): void;
+    clear: () => void;
+    disposeEffect: () => () => void;
+}
+export default function useTimeout(): Timeout;

package/lib/esm/lib/hooks/useTimeout.js

@@ -0,0 +1,38 @@
+import useLazyRef from "./useLazyRef.js";
+import { useEffect } from "react";
+class Timeout {
+  constructor() {
+    this.currentId = 0;
+    this.clear = () => {
+      if (this.currentId !== 0) {
+        clearTimeout(this.currentId);
+        this.currentId = 0;
+      }
+    };
+    this.disposeEffect = () => {
+      return this.clear;
+    };
+  }
+  static create() {
+    return new Timeout();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(delay, fn) {
+    this.clear();
+    this.currentId = setTimeout(() => {
+      this.currentId = 0;
+      fn();
+    }, delay);
+  }
+}
+function useTimeout() {
+  const timeout = useLazyRef(Timeout.create).current;
+  useEffect(timeout.disposeEffect, []);
+  return timeout;
+}
+export {
+  Timeout,
+  useTimeout as default
+};

package/lib/esm/lib/services/DateService.d.ts

@@ -0,0 +1,14 @@
+declare class DateClass {
+    date: Date;
+    constructor(date: Date);
+    format(form: string): string;
+    static isValid(dateStr: string, format?: string): boolean;
+    static parseDate(dateStr: string, format?: string): Date | null;
+    static toDate(dateStr: string): Date | null;
+    static getDisplayValue(value: number): string;
+    private getStrMonth;
+}
+export declare function isDateBigger(date1: Date, date2: Date): boolean;
+export declare function isDateEqual(date1: Date, date2: Date): boolean;
+export declare const DateService: (date: Date) => DateClass;
+export default DateClass;

package/lib/esm/lib/services/DateService.js

@@ -0,0 +1,62 @@
+class DateClass {
+  constructor(date) {
+    this.date = date;
+  }
+  format(form) {
+    let strDate = form;
+    if (strDate.includes("dd")) strDate = strDate.replace("dd", DateClass.getDisplayValue(this.date.getDate()));
+    if (strDate.includes("MM")) strDate = strDate.replace("MM", this.getStrMonth());
+    if (strDate.includes("yyyy")) strDate = strDate.replace("yyyy", String(this.date.getFullYear()));
+    if (strDate.includes("HH")) strDate = strDate.replace("HH", DateClass.getDisplayValue(this.date.getHours()));
+    if (strDate.includes("mm")) strDate = strDate.replace("mm", DateClass.getDisplayValue(this.date.getMinutes()));
+    return strDate;
+  }
+  static isValid(dateStr, format) {
+    return !!this.parseDate(dateStr, format);
+  }
+  static parseDate(dateStr, format) {
+    let match = dateStr.match(/(\d{2})[.-/](\d{2})[.-/](\d{4})/);
+    if (match && match[1] && match[2] && match[3]) {
+      if ((/* @__PURE__ */ new Date(`${match[3]}-${match[2]}-${match[1]}`)).getTime() === (/* @__PURE__ */ new Date(`${match[3]}-${match[2]}-${match[1]}`)).getTime()) {
+        let result = /* @__PURE__ */ new Date(`${match[3]}-${match[2]}-${match[1]}`);
+        result.setHours(1, 0, 0, 0);
+        return result;
+      }
+    }
+    return null;
+  }
+  static toDate(dateStr) {
+    return this.parseDate(dateStr);
+  }
+  static getDisplayValue(value) {
+    return value < 10 ? "0" + String(value) : String(value);
+  }
+  getStrMonth() {
+    let m = this.date.getMonth() + 1;
+    return DateClass.getDisplayValue(m);
+  }
+}
+function resetToDay(date) {
+  const newDate = new Date(date.getTime());
+  newDate.setHours(0, 0, 0, 0);
+  return newDate;
+}
+function isDateBigger(date1, date2) {
+  const onlyDate1 = resetToDay(date1);
+  const onlyDate2 = resetToDay(date2);
+  return onlyDate1.getTime() > onlyDate2.getTime();
+}
+function isDateEqual(date1, date2) {
+  const onlyDate1 = resetToDay(date1);
+  const onlyDate2 = resetToDay(date2);
+  return onlyDate1.getTime() === onlyDate2.getTime();
+}
+const DateService = (date) => {
+  return new DateClass(date);
+};
+export {
+  DateService,
+  DateClass as default,
+  isDateBigger,
+  isDateEqual
+};

package/lib/esm/types/theme.d.ts

@@ -0,0 +1,11 @@
+export type ShapeType = 'square' | 'circle';
+export type SizeType = 'small' | 'medium' | 'large' | 'extraLarge';
+export type VariantType = 'contained' | 'outlined' | 'transparent';
+export type ColorStatusType = 'success' | 'error' | 'warning' | 'info';
+export type ColorBaseType = 'red' | 'green' | 'blue';
+export type ColorThemeType = 'black' | 'white';
+export type ThemeType = 'light' | 'dark';
+export type ColorType = 'primary' | 'secondary' | 'neutral';
+export type DataAttributes = {
+    [dataAttibute: `data-${string}`]: string;
+};

package/lib/esm/types/theme.js

@@ -0,0 +1 @@
+

package/lib/esm/ui/Accordion/Accordion.classes.d.ts

@@ -0,0 +1,5 @@
+declare const classes: {
+    [x: string]: string;
+};
+declare const _default: Record<keyof typeof classes | string, string>;
+export default _default;

package/lib/esm/ui/Accordion/Accordion.classes.js

@@ -0,0 +1,32 @@
+import { CSS_PREFIX } from "../../lib/const/styles.js";
+import { getSizeClasses } from "../../lib/helpers/getSizeClasses.js";
+import { getColorClasses } from "../../lib/helpers/getColorClasses.js";
+import { getVariantClasses } from "../../lib/helpers/getVariantClasses.js";
+const BASE_CLASS_NAME = "accordion";
+const BASE_CLASSES = {
+  "accordion": BASE_CLASS_NAME,
+  "accordion_head": BASE_CLASS_NAME + "__head",
+  "accordion_body": BASE_CLASS_NAME + "__body",
+  "accordion_title": BASE_CLASS_NAME + "__title",
+  "accordion_content": BASE_CLASS_NAME + "__content",
+  "accordion_toggle": BASE_CLASS_NAME + "__toggle"
+};
+const variants = ["blockquote", "alert", "section", "contained"];
+const classes = {
+  ...Object.entries(BASE_CLASSES).reduce((prev, current) => {
+    prev[current[0]] = CSS_PREFIX + current[1];
+    return prev;
+  }, {}),
+  ...getSizeClasses(BASE_CLASSES.accordion),
+  ...getSizeClasses(BASE_CLASSES.accordion_head),
+  ...getColorClasses(BASE_CLASSES.accordion),
+  ...getColorClasses(BASE_CLASSES.accordion_head),
+  ...getColorClasses(BASE_CLASSES.accordion_body),
+  ...getVariantClasses(BASE_CLASSES.accordion, variants),
+  ...getVariantClasses(BASE_CLASSES.accordion_title, variants),
+  ...getVariantClasses(BASE_CLASSES.accordion_head, variants),
+  ...getVariantClasses(BASE_CLASSES.accordion_body, variants)
+};
+export {
+  classes as default
+};

package/lib/esm/ui/Accordion/Accordion.d.ts

@@ -0,0 +1,19 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { DropDownProps } from '../Dropdown';
+import { ColorStatusType, ColorType, SizeType } from '../../types/theme';
+type ClassNames = 'AccordionHead' | 'AccordionBody' | 'AccordionContent' | 'AccordionTitle' | 'AccordionToggle';
+type OwnProps = {
+    title: string | ReactNode;
+    classNames?: Partial<Record<ClassNames, string>>;
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onChange?: () => void;
+    transitionProps?: DropDownProps['transitionProps'];
+    triggerOnIcon?: boolean;
+    variant?: 'alert' | 'contained' | 'blockquote' | 'section';
+    color?: ColorType | ColorStatusType;
+    size?: SizeType;
+};
+export type AccordionProps = OwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OwnProps>;
+declare const Accordion: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export default Accordion;

package/lib/esm/ui/Accordion/Accordion.js

@@ -0,0 +1,88 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import clsx from "clsx";
+import Dropdown from "../Dropdown/Dropdown.js";
+import ButtonIcon from "../ButtonIcon/ButtonIcon.js";
+import classes from "./Accordion.classes.js";
+import "../Icon/Icon.js";
+import { Mi } from "../Icon/Mi.js";
+import { AccordionHeading } from "./AccordionHeading.js";
+const Accordion = (props) => {
+  let {
+    title,
+    children,
+    className,
+    classNames,
+    expanded,
+    defaultExpanded,
+    onChange,
+    triggerOnIcon,
+    transitionProps,
+    variant,
+    color,
+    size,
+    ...divPops
+  } = props;
+  const [isExpanded, setIsExpanded] = useState(!!defaultExpanded);
+  const openProp = expanded !== void 0 ? expanded : isExpanded;
+  const [toggled, setToggled] = useState(defaultExpanded === true || expanded === true);
+  const handleExpand = () => {
+    if (expanded === void 0) setIsExpanded((prev) => !prev);
+    if (onChange) onChange();
+  };
+  const handleHeadClick = () => {
+    if (!triggerOnIcon) handleExpand();
+  };
+  const handleIconClick = (e) => {
+    if (triggerOnIcon) {
+      e.stopPropagation();
+      handleExpand();
+    }
+  };
+  const handleEnter = () => {
+    setToggled(true);
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { "data-testid": "accordion", ...divPops, className: clsx(classes.accordion, className, {
+    [classes["accordion_" + size]]: !!size,
+    [classes["accordion_" + variant]]: !!variant,
+    [classes["accordion_" + color]]: !!color
+  }), children: [
+    /* @__PURE__ */ jsx(AccordionHeading, { ...props, onClick: handleHeadClick, icon: /* @__PURE__ */ jsx(AccordionIcon, { open: openProp, onClick: handleIconClick }), children: title }),
+    /* @__PURE__ */ jsxs("div", { "data-testid": "accordion-body", className: clsx(classNames == null ? void 0 : classNames.AccordionBody, classes.accordion__body, {
+      [classes["accordion__body_" + variant]]: !!variant,
+      [classes["accordion__body_" + color]]: !!color
+    }), children: [
+      !openProp && !toggled && (transitionProps == null ? void 0 : transitionProps.unmountOnExit) === false && /* @__PURE__ */ jsx("div", { style: {
+        display: "none"
+      }, "data-testid": "accordion-contents", className: clsx(classNames == null ? void 0 : classNames.AccordionContent, classes.accordion_content), children }),
+      /* @__PURE__ */ jsx(Dropdown, { transitionProps: {
+        unmountOnExit: true,
+        ...transitionProps,
+        // onExited: handleExit,
+        onEntering: handleEnter
+        // onExiting: () => setContentHidden(true),
+      }, expanded: openProp, children: /* @__PURE__ */ jsx("div", { "data-testid": "accordion-contents", className: clsx(classNames == null ? void 0 : classNames.AccordionContent, classes.accordion_content), children }) })
+    ] })
+  ] }) });
+};
+const AccordionIcon = (props) => {
+  const {
+    onClick,
+    variant,
+    color,
+    open
+  } = props;
+  const iconCode = open ? "expand_less" : "expand_more";
+  let buttonColor = "neutral";
+  let buttonTheme = "light";
+  if (variant === "contained") {
+    if (color === "primary" || color === "info" || color === "error" || color === "secondary") {
+      buttonColor = "black";
+      buttonTheme = "dark";
+    }
+  }
+  return /* @__PURE__ */ jsx(ButtonIcon, { "data-testid": "accordion-toggle", onClick, size: "small", color: buttonColor, theme: buttonTheme, variant: "transparent", children: /* @__PURE__ */ jsx(Mi, { icon: iconCode }) });
+};
+export {
+  Accordion as default
+};

package/lib/esm/ui/Accordion/AccordionHeading.d.ts

@@ -0,0 +1,7 @@
+import { AccordionProps } from './Accordion';
+import { ReactNode } from 'react';
+export type AccordionHeadingProps = Omit<AccordionProps, 'title'> & {
+    icon?: ReactNode;
+    onClick?: () => void;
+};
+export declare const AccordionHeading: (props: AccordionHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/lib/esm/ui/Accordion/AccordionHeading.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import classes from "./Accordion.classes.js";
+const AccordionHeading = (props) => {
+  const {
+    icon,
+    classNames,
+    variant,
+    color,
+    size,
+    children,
+    onClick
+  } = props;
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "accordion-head", className: clsx(classes.accordion_head, classNames == null ? void 0 : classNames.AccordionHead, {
+    [classes["accordion__head_" + variant]]: !!variant,
+    [classes["accordion__head_" + color]]: !!color,
+    [classes["accordion__head_" + size]]: !!size
+  }), onClick, children: [
+    /* @__PURE__ */ jsx("div", { "data-testid": "accordion-title", className: clsx(classNames == null ? void 0 : classNames.AccordionTitle, classes.accordion_title, {
+      [classes["accordion__title_" + variant]]: !!variant
+    }), children }),
+    icon && /* @__PURE__ */ jsx("div", { className: clsx(classNames == null ? void 0 : classNames.AccordionTitle, classes.accordion_toggle), children: icon })
+  ] });
+};
+export {
+  AccordionHeading
+};

package/lib/esm/ui/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Accordion';
+export { AccordionHeading, type AccordionHeadingProps } from './AccordionHeading';
+export { type AccordionProps } from './Accordion';