@alphakits/ui 2.0.1 → 2.0.3

package/dist/popover/component.js

@@ -1,92 +1,127 @@
-import { jsx as o, jsxs as M } from "react/jsx-runtime";
-import { useState as p, useCallback as w, useEffect as l } from "react";
-import { usePopper as z } from "react-popper";
-import { CSSTransition as D } from "react-transition-group";
+import { jsx as r, jsxs as L } from "react/jsx-runtime";
+import { useRef as $, useLayoutEffect as j, useEffect as N, useMemo as k } from "react";
+import { useFloating as D, autoUpdate as P, offset as U, flip as z, shift as V, arrow as q } from "@floating-ui/react-dom";
+import { CSSTransition as B } from "react-transition-group";
 import c from "classnames";
-import { Portal as U } from "../portal/component.js";
-import { stackingOrder as V } from "../stack/context.js";
-import { Stack as $ } from "../stack/component.js";
-import t from "./index.module.css.js";
-const q = {
+import { Portal as G } from "../portal/component.js";
+import { stackingOrder as H } from "../stack/context.js";
+import { Stack as J } from "../stack/component.js";
+import e from "./index.module.css.js";
+const K = {
   timeout: 150
-}, B = {
-  enter: t.enter,
-  enterActive: t.enterActive,
-  exit: t.exit,
-  exitActive: t.exitActive
-}, Z = ({
-  children: a,
-  getPortalContainer: v,
-  transition: f = q,
-  anchorElement: s,
-  offset: u = [0, 0],
-  withArrow: n = !1,
-  withTransition: x = !0,
-  position: A = "left",
-  preventFlip: d,
-  popperClassName: P,
+}, Q = {
+  enter: e.enter,
+  enterActive: e.enterActive,
+  exit: e.exit,
+  exitActive: e.exitActive
+}, W = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, nt = ({
+  children: f,
+  getPortalContainer: A,
+  transition: d = K,
+  anchorElement: p,
+  offset: n = [0, 0],
+  withArrow: i = !1,
+  withTransition: y = !0,
+  position: R = "left",
+  preventFlip: b,
+  popperClassName: E,
   arrowClassName: O,
   className: T,
-  open: S,
-  dataTestId: y,
-  update: i,
-  transitionDuration: C = `${f.timeout}ms`,
-  zIndex: k = V.POPOVER
+  open: u,
+  dataTestId: h,
+  update: a,
+  transitionDuration: w = `${d.timeout}ms`,
+  zIndex: C = H.POPOVER
 }) => {
-  const [I, R] = p(s), [_, b] = p(null), [m, g] = p(null), h = w(() => {
-    const e = [{ name: "offset", options: { offset: u } }];
-    return n && e.push({ name: "arrow", options: { element: m } }), d && e.push({ name: "flip", options: { fallbackPlacements: [] } }), e;
-  }, [u, n, d, m]), {
-    styles: E,
-    attributes: j,
-    update: r
-  } = z(I, _, {
-    placement: A,
-    modifiers: h()
+  const x = $(null), {
+    refs: l,
+    floatingStyles: F,
+    middlewareData: m,
+    placement: S,
+    update: o
+  } = D({
+    placement: R,
+    whileElementsMounted: P,
+    middleware: [
+      U(
+        {
+          crossAxis: n[0],
+          mainAxis: n[1]
+        },
+        [n]
+      ),
+      ...b ? [] : [z()],
+      V({ padding: 4 }),
+      ...i ? [q({ element: x })] : []
+    ]
   });
-  l(() => {
-    R(s);
-  }, [s]), l(() => {
-    r && r();
-  }, [r, m, a]), l(() => {
-    i && r && (i.current = r);
-  }, [r, i]);
-  const N = (e, L) => /* @__PURE__ */ o(
+  j(() => {
+    l.setReference(p);
+  }, [p, l]), N(() => {
+    a && o && (a.current = o);
+  }, [o, a]), N(() => {
+    o();
+  }, [o, f]);
+  const I = k(() => {
+    var g;
+    if (!i || !m.arrow)
+      return {};
+    const { x: t, y: s } = m.arrow, M = S.split("-")[0], _ = (g = W[M]) != null ? g : "bottom";
+    return {
+      position: "absolute",
+      left: t != null ? `${t}px` : void 0,
+      top: s != null ? `${s}px` : void 0,
+      right: "",
+      bottom: "",
+      [_]: "-4px"
+    };
+  }, [i, m.arrow, S]), v = (t, s) => /* @__PURE__ */ r(
     "div",
     {
-      ref: b,
+      ref: l.setFloating,
       style: {
-        zIndex: e,
-        ...E.popper
+        zIndex: t,
+        ...F
       },
-      "data-test-id": y,
-      className: c(t.component, T),
-      ...j.popper,
-      children: /* @__PURE__ */ M("div", { className: c(t.inner, P), style: L, children: [
-        a,
-        n && /* @__PURE__ */ o(
-          "div",
-          {
-            ref: g,
-            style: E.arrow,
-            className: c(t.arrow, O)
-          }
-        )
-      ] })
+      className: c(e.component, T),
+      children: /* @__PURE__ */ L(
+        "div",
+        {
+          "data-test-id": h,
+          className: c(e.inner, E),
+          style: s,
+          children: [
+            f,
+            i && /* @__PURE__ */ r(
+              "div",
+              {
+                ref: x,
+                style: I,
+                className: c(e.arrow, O)
+              }
+            )
+          ]
+        }
+      )
     }
   );
-  return /* @__PURE__ */ o($, { value: k, children: (e) => /* @__PURE__ */ o(U, { getPortalContainer: v, children: x ? /* @__PURE__ */ o(
-    D,
+  return /* @__PURE__ */ r(J, { value: C, children: (t) => /* @__PURE__ */ r(G, { getPortalContainer: A, children: y ? /* @__PURE__ */ r(
+    B,
     {
       unmountOnExit: !0,
-      classNames: B,
-      ...f,
-      in: S,
-      children: N(e, { transitionDuration: C })
+      classNames: Q,
+      ...d,
+      in: u,
+      children: v(t, { transitionDuration: w })
     }
-  ) : S && N(e) }) });
+  ) : u && v(t) }) });
 };
 export {
-  Z as Popover
+  nt as Popover
 };
 //# sourceMappingURL=component.js.map

package/dist/popover/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/popover/component.tsx"],"sourcesContent":["import React, {\n    CSSProperties, MutableRefObject, useCallback, useEffect, useState,\n} from 'react';\nimport { usePopper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { BasePlacement, Obj, VariationPlacement } from '@popperjs/core';\nimport cn from 'classnames';\n\nimport { Portal } from '../portal';\nimport { Stack, stackingOrder } from '../stack';\n\nimport styles from './index.module.css';\n\ntype RefElement = HTMLElement | null;\n\nexport type Position = BasePlacement | VariationPlacement;\n\ntype PopperModifier = {\n    name: string;\n    options: Obj;\n};\n\nexport type PopoverProps = {\n    children?: React.ReactNode;\n    /**\n     * Управление состоянием поповера (открыт/закрыт)\n     */\n    open: boolean;\n\n    /**\n     * Элемент, относительного которого появляется поповер\n     */\n    anchorElement: HTMLElement;\n\n    /**\n     * Позиционирование поповера\n     */\n    position?: Position;\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно,то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Если `true`, будет отрисована стрелочка\n     */\n    withArrow?: boolean;\n\n    /**\n     * Смещение поповера.\n     * Если позиционирование top, bottom, то [x, y].\n     * Если позиционирование left, right то [y, x].\n     */\n    offset?: [number, number];\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popperClassName?: string;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться поповер\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.\n     */\n    transition?: CSSTransitionProps;\n\n    /**\n     * Выставляет кастомное свойство transition-duration\n     */\n    transitionDuration?: CSSProperties['transitionDuration'];\n\n    /**\n     * Рендерит компонент, обернутый в Transition\n     */\n    withTransition?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    update?: MutableRefObject<() => void>;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n};\n\nconst DEFAULT_TRANSITION = {\n    timeout: 150,\n};\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nexport const Popover: React.FC<PopoverProps> = ({\n    children,\n    getPortalContainer,\n    transition = DEFAULT_TRANSITION,\n    anchorElement,\n    offset = [0, 0],\n    withArrow = false,\n    withTransition = true,\n    position = 'left',\n    preventFlip,\n    popperClassName,\n    arrowClassName,\n    className,\n    open,\n    dataTestId,\n    update,\n    transitionDuration = `${transition.timeout}ms`,\n    zIndex = stackingOrder.POPOVER,\n}) => {\n    const [referenceElement, setReferenceElement] = useState<RefElement>(anchorElement);\n    const [popperElement, setPopperElement] = useState<RefElement>(null);\n    const [arrowElement, setArrowElement] = useState<RefElement>(null);\n\n    const getModifiers = useCallback(() => {\n        const modifiers: PopperModifier[] = [{ name: 'offset', options: { offset } }];\n\n        if (withArrow) {\n            modifiers.push({ name: 'arrow', options: { element: arrowElement } });\n        }\n\n        if (preventFlip) {\n            modifiers.push({ name: 'flip', options: { fallbackPlacements: [] } });\n        }\n\n        return modifiers;\n    }, [offset, withArrow, preventFlip, arrowElement]);\n\n    const {\n        styles: popperStyles,\n        attributes,\n        update: updatePopper,\n    } = usePopper(referenceElement, popperElement, {\n        placement: position,\n        modifiers: getModifiers(),\n    });\n\n    useEffect(() => {\n        setReferenceElement(anchorElement);\n    }, [anchorElement]);\n\n    useEffect(() => {\n        if (updatePopper) {\n            updatePopper();\n        }\n    }, [updatePopper, arrowElement, children]);\n\n    useEffect(() => {\n        if (update && updatePopper) {\n            // eslint-disable-next-line no-param-reassign\n            update.current = updatePopper;\n        }\n    }, [updatePopper, update]);\n\n    const renderContent = (computedZIndex: number, style?: CSSProperties) => (\n        <div\n            ref={ setPopperElement }\n            style={ {\n                zIndex: computedZIndex,\n                ...popperStyles.popper,\n            } }\n            data-test-id={ dataTestId }\n            className={ cn(styles.component, className) }\n            { ...attributes.popper }\n        >\n            <div className={ cn(styles.inner, popperClassName) } style={ style }>\n                { children }\n                { withArrow && (\n                    <div\n                        ref={ setArrowElement }\n                        style={ popperStyles.arrow }\n                        className={ cn(styles.arrow, arrowClassName) }\n                    />\n                ) }\n            </div>\n        </div>\n    );\n\n    return (\n        <Stack value={ zIndex }>\n            { (computedZIndex) => (\n                <Portal getPortalContainer={ getPortalContainer }>\n                    { withTransition ? (\n                        <CSSTransition\n                            unmountOnExit={ true }\n                            classNames={ CSS_TRANSITION_CLASS_NAMES }\n                            { ...transition }\n                            in={ open }\n                        >\n                            { renderContent(computedZIndex, { transitionDuration }) }\n                        </CSSTransition>\n                    ) : (\n                        open && renderContent(computedZIndex)\n                    ) }\n                </Portal>\n            ) }\n        </Stack>\n    );\n};\n"],"names":["DEFAULT_TRANSITION","CSS_TRANSITION_CLASS_NAMES","styles","Popover","children","getPortalContainer","transition","anchorElement","offset","withArrow","withTransition","position","preventFlip","popperClassName","arrowClassName","className","open","dataTestId","update","transitionDuration","zIndex","stackingOrder","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","arrowElement","setArrowElement","getModifiers","useCallback","modifiers","popperStyles","attributes","updatePopper","usePopper","useEffect","renderContent","computedZIndex","style","jsx","cn","jsxs","Stack","Portal","CSSTransition"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../src/popover/component.tsx"],"sourcesContent":["import React, {\n    CSSProperties, MutableRefObject, useEffect, useLayoutEffect, useMemo, useRef,\n} from 'react';\nimport {\n    arrow,\n    autoUpdate,\n    flip,\n    offset,\n    shift,\n    useFloating,\n} from '@floating-ui/react-dom';\nimport type { Placement } from '@floating-ui/react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport { CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport cn from 'classnames';\n\nimport { Portal } from '../portal';\nimport { Stack, stackingOrder } from '../stack';\n\nimport styles from './index.module.css';\n\nexport type Position = Placement;\n\nexport type PopoverProps = {\n    children?: React.ReactNode;\n    /**\n     * Управление состоянием поповера (открыт/закрыт)\n     */\n    open: boolean;\n\n    /**\n     * Элемент, относительного которого появляется поповер\n     */\n    anchorElement: HTMLElement;\n\n    /**\n     * Позиционирование поповера\n     */\n    position?: Position;\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно,то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Если `true`, будет отрисована стрелочка\n     */\n    withArrow?: boolean;\n\n    /**\n     * Смещение поповера.\n     * Если позиционирование top, bottom, то [crossAxis, mainAxis] (как раньше [x, y]).\n     * Если позиционирование left, right — то же порядок [crossAxis, mainAxis] ([y, x] в старых терминах).\n     */\n    offset?: [number, number];\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popperClassName?: string;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться поповер\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.\n     */\n    transition?: CSSTransitionProps;\n\n    /**\n     * Выставляет кастомное свойство transition-duration\n     */\n    transitionDuration?: CSSProperties['transitionDuration'];\n\n    /**\n     * Рендерит компонент, обернутый в Transition\n     */\n    withTransition?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    update?: MutableRefObject<() => void>;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n};\n\nconst DEFAULT_TRANSITION = {\n    timeout: 150,\n};\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nconst staticSideMap: Record<string, 'top' | 'right' | 'bottom' | 'left'> = {\n    top: 'bottom',\n    right: 'left',\n    bottom: 'top',\n    left: 'right',\n};\n\nexport const Popover: React.FC<PopoverProps> = ({\n    children,\n    getPortalContainer,\n    transition = DEFAULT_TRANSITION,\n    anchorElement,\n    offset: offsetProp = [0, 0],\n    withArrow = false,\n    withTransition = true,\n    position = 'left',\n    preventFlip,\n    popperClassName,\n    arrowClassName,\n    className,\n    open,\n    dataTestId,\n    update,\n    transitionDuration = `${transition.timeout}ms`,\n    zIndex = stackingOrder.POPOVER,\n}) => {\n    const arrowRef = useRef<HTMLDivElement | null>(null);\n\n    const {\n        refs,\n        floatingStyles,\n        middlewareData,\n        placement: placementResolved,\n        update: updateFloating,\n    } = useFloating({\n        placement: position,\n        whileElementsMounted: autoUpdate,\n        middleware: [\n            offset(\n                {\n                    crossAxis: offsetProp[0],\n                    mainAxis: offsetProp[1],\n                },\n                [offsetProp],\n            ),\n            ...(preventFlip ? [] : [flip()]),\n            shift({ padding: 4 }),\n            ...(withArrow ? [arrow({ element: arrowRef })] : []),\n        ],\n    });\n\n    useLayoutEffect(() => {\n        refs.setReference(anchorElement);\n    }, [anchorElement, refs]);\n\n    useEffect(() => {\n        if (update && updateFloating) {\n            // eslint-disable-next-line no-param-reassign\n            update.current = updateFloating;\n        }\n    }, [updateFloating, update]);\n\n    useEffect(() => {\n        updateFloating();\n    }, [updateFloating, children]);\n\n    const arrowStyles = useMemo((): CSSProperties => {\n        if (!withArrow || !middlewareData.arrow) {\n            return {};\n        }\n\n        const { x, y } = middlewareData.arrow;\n        const base = placementResolved.split('-')[0];\n        const staticSide = staticSideMap[base] ?? 'bottom';\n\n        return {\n            position: 'absolute',\n            left: x != null ? `${x}px` : undefined,\n            top: y != null ? `${y}px` : undefined,\n            right: '',\n            bottom: '',\n            [staticSide]: '-4px',\n        };\n    }, [withArrow, middlewareData.arrow, placementResolved]);\n\n    const renderContent = (computedZIndex: number, style?: CSSProperties) => (\n        <div\n            ref={ refs.setFloating }\n            style={ {\n                zIndex: computedZIndex,\n                ...floatingStyles,\n            } }\n            className={ cn(styles.component, className) }\n        >\n            <div\n                data-test-id={ dataTestId }\n                className={ cn(styles.inner, popperClassName) }\n                style={ style }\n            >\n                { children }\n                { withArrow && (\n                    <div\n                        ref={ arrowRef }\n                        style={ arrowStyles }\n                        className={ cn(styles.arrow, arrowClassName) }\n                    />\n                ) }\n            </div>\n        </div>\n    );\n\n    return (\n        <Stack value={ zIndex }>\n            { (computedZIndex) => (\n                <Portal getPortalContainer={ getPortalContainer }>\n                    { withTransition ? (\n                        <CSSTransition\n                            unmountOnExit={ true }\n                            classNames={ CSS_TRANSITION_CLASS_NAMES }\n                            { ...transition }\n                            in={ open }\n                        >\n                            { renderContent(computedZIndex, { transitionDuration }) }\n                        </CSSTransition>\n                    ) : (\n                        open && renderContent(computedZIndex)\n                    ) }\n                </Portal>\n            ) }\n        </Stack>\n    );\n};\n"],"names":["DEFAULT_TRANSITION","CSS_TRANSITION_CLASS_NAMES","styles","staticSideMap","Popover","children","getPortalContainer","transition","anchorElement","offsetProp","withArrow","withTransition","position","preventFlip","popperClassName","arrowClassName","className","open","dataTestId","update","transitionDuration","zIndex","stackingOrder","arrowRef","useRef","refs","floatingStyles","middlewareData","placementResolved","updateFloating","useFloating","autoUpdate","offset","flip","shift","arrow","useLayoutEffect","useEffect","arrowStyles","useMemo","x","y","base","staticSide","_a","renderContent","computedZIndex","style","jsx","cn","jsxs","Stack","Portal","CSSTransition"],"mappings":"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"}

package/dist/popover/index.module.css

@@ -1 +1 @@
-:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--popover-border-color: transparent;--popover-z-index: 2}.index-module_component__M4dAZ{background-color:var(--color-bg-primary);box-shadow:var(--shadow-s);border:1px solid var(--popover-border-color);z-index:var(--popover-z-index);transition-property:opacity;transition-timing-function:ease;box-sizing:border-box}.index-module_arrow__rhviH:after{content:"";display:block;position:absolute;width:10px;height:10px;background-color:var(--color-bg-primary);border:1px solid var(--popover-border-color);transform:rotate(45deg)}.index-module_component__M4dAZ[data-popper-placement=left] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=left-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=left-end] .index-module_arrow__rhviH{right:5px}:is(.index-module_component__M4dAZ[data-popper-placement=left] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=left-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=left-end] .index-module_arrow__rhviH):after{top:-4px;border-bottom:none;border-left:none}.index-module_component__M4dAZ[data-popper-placement=right] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=right-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=right-end] .index-module_arrow__rhviH{left:-6px}:is(.index-module_component__M4dAZ[data-popper-placement=right] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=right-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=right-end] .index-module_arrow__rhviH):after{top:-4px;border-top:none;border-right:none}.index-module_component__M4dAZ[data-popper-placement=top] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=top-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=top-end] .index-module_arrow__rhviH{bottom:5px}:is(.index-module_component__M4dAZ[data-popper-placement=top] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=top-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=top-end] .index-module_arrow__rhviH):after{left:-4px;border-top:none;border-left:none}.index-module_component__M4dAZ[data-popper-placement=bottom] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=bottom-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=bottom-end] .index-module_arrow__rhviH{top:-6px}:is(.index-module_component__M4dAZ[data-popper-placement=bottom] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=bottom-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=bottom-end] .index-module_arrow__rhviH):after{left:-4px;border-bottom:none;border-right:none}.index-module_enter__3MWR1{opacity:0}.index-module_enterActive__pPMD0,.index-module_exit__4hKAj{opacity:1}.index-module_exitActive__vWe9J{opacity:0}
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--popover-border-color: transparent;--popover-z-index: 2}.component_M4dA{background-color:var(--color-bg-primary);box-shadow:var(--shadow-s);border:1px solid var(--popover-border-color);z-index:var(--popover-z-index);transition-property:opacity;transition-timing-function:ease;box-sizing:border-box}.arrow_rhvi:after{content:"";display:block;position:absolute;width:10px;height:10px;background-color:var(--color-bg-primary);border:1px solid var(--popover-border-color);transform:rotate(45deg)}.component_M4dA[data-popper-placement=left] .arrow_rhvi,.component_M4dA[data-popper-placement=left-start] .arrow_rhvi,.component_M4dA[data-popper-placement=left-end] .arrow_rhvi{right:5px}:is(.component_M4dA[data-popper-placement=left] .arrow_rhvi,.component_M4dA[data-popper-placement=left-start] .arrow_rhvi,.component_M4dA[data-popper-placement=left-end] .arrow_rhvi):after{top:-4px;border-bottom:none;border-left:none}.component_M4dA[data-popper-placement=right] .arrow_rhvi,.component_M4dA[data-popper-placement=right-start] .arrow_rhvi,.component_M4dA[data-popper-placement=right-end] .arrow_rhvi{left:-6px}:is(.component_M4dA[data-popper-placement=right] .arrow_rhvi,.component_M4dA[data-popper-placement=right-start] .arrow_rhvi,.component_M4dA[data-popper-placement=right-end] .arrow_rhvi):after{top:-4px;border-top:none;border-right:none}.component_M4dA[data-popper-placement=top] .arrow_rhvi,.component_M4dA[data-popper-placement=top-start] .arrow_rhvi,.component_M4dA[data-popper-placement=top-end] .arrow_rhvi{bottom:5px}:is(.component_M4dA[data-popper-placement=top] .arrow_rhvi,.component_M4dA[data-popper-placement=top-start] .arrow_rhvi,.component_M4dA[data-popper-placement=top-end] .arrow_rhvi):after{left:-4px;border-top:none;border-left:none}.component_M4dA[data-popper-placement=bottom] .arrow_rhvi,.component_M4dA[data-popper-placement=bottom-start] .arrow_rhvi,.component_M4dA[data-popper-placement=bottom-end] .arrow_rhvi{top:-6px}:is(.component_M4dA[data-popper-placement=bottom] .arrow_rhvi,.component_M4dA[data-popper-placement=bottom-start] .arrow_rhvi,.component_M4dA[data-popper-placement=bottom-end] .arrow_rhvi):after{left:-4px;border-bottom:none;border-right:none}.enter_3MWR{opacity:0}.enterActive_pPMD,.exit_4hKA{opacity:1}.exitActive_vWe9{opacity:0}

package/dist/popover/index.module.css.js

@@ -1,19 +1,19 @@
 import './index.module.css';
-const e = "index-module_component__M4dAZ", t = "index-module_arrow__rhviH", n = "index-module_enter__3MWR1", o = "index-module_enterActive__pPMD0", i = "index-module_exit__4hKAj", _ = "index-module_exitActive__vWe9J", c = {
+const e = "component_M4dA", t = "arrow_rhvi", n = "enter_3MWR", o = "enterActive_pPMD", c = "exit_4hKA", r = "exitActive_vWe9", i = {
   component: e,
   arrow: t,
   enter: n,
   enterActive: o,
-  exit: i,
-  exitActive: _
+  exit: c,
+  exitActive: r
 };
 export {
   t as arrow,
   e as component,
-  c as default,
+  i as default,
   n as enter,
   o as enterActive,
-  i as exit,
-  _ as exitActive
+  c as exit,
+  r as exitActive
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/portal/component.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type PortalProps = {
+export type PortalProps = {
     /** Контент */
     children?: any;
     /**

package/dist/progress-bar/component.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export declare type ProgressBarProps = {
+export type ProgressBarProps = {
     value?: number;
     block?: boolean;
     renderValue?: boolean;

package/dist/progress-bar/index.module.css

@@ -1 +1 @@
-.index-module_progress_bar__IyWaN{height:36px;width:62px;min-width:62px;padding:3px;background-color:var(--color-bg-secondary);box-sizing:border-box;border-radius:12px;position:relative;overflow:hidden}.index-module_progress_bar__IyWaN.index-module_block__hDRE1{width:100%}.index-module_progress_bar__IyWaN.index-module_block__hDRE1 .index-module_inner__L-nUW{background-color:transparent}.index-module_progress_bar__IyWaN .index-module_inner__L-nUW{inset:3px;background-color:var(--color-bg-primary);border-radius:9px;display:flex;align-items:center;justify-content:center;position:absolute}.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P{position:absolute;left:0;top:0;bottom:0}.index-module_multicolor__m9mPD:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-negative)}.index-module_multicolor__m9mPD.index-module__30__6cywX:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-attention)}.index-module_multicolor__m9mPD.index-module__60__jXfAf:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-accent)}.index-module_negative__8XFWO:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-negative)}.index-module_positive__ikFFz:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-positive)}.index-module_accent__zSev5:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-accent)}.index-module_secondary__UTeRl:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-secondary-inverted)}.index-module_warning__vYomw:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-attention)}
+.progress_bar_IyWa{height:36px;width:62px;min-width:62px;padding:3px;background-color:var(--color-bg-secondary);box-sizing:border-box;border-radius:12px;position:relative;overflow:hidden}.progress_bar_IyWa.block_hDRE{width:100%}.progress_bar_IyWa.block_hDRE .inner_L-nU{background-color:transparent}.progress_bar_IyWa .inner_L-nU{inset:3px;background-color:var(--color-bg-primary);border-radius:9px;display:flex;align-items:center;justify-content:center;position:absolute}.progress_bar_IyWa .indicator_F5x4{position:absolute;left:0;top:0;bottom:0}.multicolor_m9mP:is(.progress_bar_IyWa .indicator_F5x4){background-color:var(--color-bg-negative)}.multicolor_m9mP._30_6cyw:is(.progress_bar_IyWa .indicator_F5x4){background-color:var(--color-bg-attention)}.multicolor_m9mP._60_jXfA:is(.progress_bar_IyWa .indicator_F5x4){background-color:var(--color-bg-accent)}.negative_8XFW:is(.progress_bar_IyWa .indicator_F5x4){background-color:var(--color-bg-negative)}.positive_ikFF:is(.progress_bar_IyWa .indicator_F5x4){background-color:var(--color-bg-positive)}.accent_zSev:is(.progress_bar_IyWa .indicator_F5x4){background-color:var(--color-bg-accent)}.secondary_UTeR:is(.progress_bar_IyWa .indicator_F5x4){background-color:var(--color-bg-secondary-inverted)}.warning_vYom:is(.progress_bar_IyWa .indicator_F5x4){background-color:var(--color-bg-attention)}

package/dist/progress-bar/index.module.css.js

@@ -1,31 +1,31 @@
 import './index.module.css';
-const e = "index-module_progress_bar__IyWaN", n = "index-module_block__hDRE1", o = "index-module_inner__L-nUW", _ = "index-module_indicator__F5x4P", i = "index-module_multicolor__m9mPD", c = "index-module__30__6cywX", d = "index-module__60__jXfAf", t = "index-module_negative__8XFWO", s = "index-module_positive__ikFFz", r = "index-module_accent__zSev5", l = "index-module_secondary__UTeRl", a = "index-module_warning__vYomw", m = {
-  progress_bar: e,
-  block: n,
-  inner: o,
-  indicator: _,
-  multicolor: i,
-  _30: c,
-  _60: d,
-  negative: t,
-  positive: s,
-  accent: r,
+const n = "progress_bar_IyWa", o = "block_hDRE", c = "inner_L-nU", t = "indicator_F5x4", s = "multicolor_m9mP", e = "_30_6cyw", i = "_60_jXfA", r = "negative_8XFW", a = "positive_ikFF", _ = "accent_zSev", l = "secondary_UTeR", g = "warning_vYom", v = {
+  progress_bar: n,
+  block: o,
+  inner: c,
+  indicator: t,
+  multicolor: s,
+  _30: e,
+  _60: i,
+  negative: r,
+  positive: a,
+  accent: _,
   secondary: l,
-  warning: a
+  warning: g
 };
 export {
-  c as _30,
-  d as _60,
-  r as accent,
-  n as block,
-  m as default,
-  _ as indicator,
-  o as inner,
-  i as multicolor,
-  t as negative,
-  s as positive,
-  e as progress_bar,
+  e as _30,
+  i as _60,
+  _ as accent,
+  o as block,
+  v as default,
+  t as indicator,
+  c as inner,
+  s as multicolor,
+  r as negative,
+  a as positive,
+  n as progress_bar,
   l as secondary,
-  a as warning
+  g as warning
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/progress-index/component.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ProgressBarProps } from '../progress-bar';
-export declare type ProgressIndexProps = {
+export type ProgressIndexProps = {
     value: number;
     onClick?: () => void;
     title: string;

package/dist/progress-index/index.module.css

@@ -1 +1 @@
-.index-module_progress_index__ocqgT{padding:0 13px 0 16px;border:none;outline:none;height:60px;min-height:60px;width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-primary);border-radius:8px;margin-bottom:16px}.index-module_progress_index__ocqgT:not(:disabled){cursor:pointer}.index-module_progress_index__ocqgT .index-module_text__xbaIJ{text-align:left}
+.progress_index_ocqg{padding:0 13px 0 16px;border:none;outline:none;height:60px;min-height:60px;width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-primary);border-radius:8px;margin-bottom:16px}.progress_index_ocqg:not(:disabled){cursor:pointer}.progress_index_ocqg .text_xbaI{text-align:left}

package/dist/progress-index/index.module.css.js

@@ -1,5 +1,5 @@
 import './index.module.css';
-const e = "index-module_progress_index__ocqgT", s = "index-module_text__xbaIJ", t = {
+const e = "progress_index_ocqg", s = "text_xbaI", t = {
   progress_index: e,
   text: s
 };

package/dist/radio/component.d.ts

@@ -1,7 +1,7 @@
 import { default as React, ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
-declare type NativeProps = InputHTMLAttributes<HTMLInputElement>;
-declare type Align = 'start' | 'center';
-export declare type RadioProps = Omit<NativeProps, 'size' | 'type' | 'onChange' | 'checked' | 'disabled' | 'name' | 'className'> & {
+type NativeProps = InputHTMLAttributes<HTMLInputElement>;
+type Align = 'start' | 'center';
+export type RadioProps = Omit<NativeProps, 'size' | 'type' | 'onChange' | 'checked' | 'disabled' | 'name' | 'className'> & {
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
@@ -54,7 +54,7 @@ export declare type RadioProps = Omit<NativeProps, 'size' | 'type' | 'onChange'
         name?: string;
     }) => void;
 };
-export declare const Radio: React.ForwardRefExoticComponent<Omit<NativeProps, "disabled" | "className" | "type" | "size" | "onChange" | "name" | "checked"> & {
+export declare const Radio: React.ForwardRefExoticComponent<Omit<NativeProps, "disabled" | "className" | "onChange" | "type" | "size" | "name" | "checked"> & {
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/dist/radio/index.module.css

@@ -1 +1 @@
-:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--radio-hint-color: var(--color-text-secondary);--radio-label-color: var(--color-text-primary);--radio-bg-color: var(--color-graphic-primary-inverted);--radio-border-color: var(--color-graphic-secondary);--radio-hover-bg-color: var(--radio-bg-color);--radio-hover-border-color: color-mix(in srgb, var(--radio-border-color) 30%, white);--radio-active-bg-color: var(--radio-bg-color);--radio-active-border-color: color-mix(in srgb, var(--radio-border-color) 10%, white);--radio-checked-bg-color: var(--color-graphic-positive);--radio-checked-border-color: var(--color-graphic-positive);--radio-checked-hover-bg-color: color-mix(in srgb, var(--radio-checked-bg-color) 30%, white);--radio-checked-hover-border-color: var(--radio-checked-border-color);--radio-checked-active-bg-color: color-mix(in srgb, var(--radio-checked-bg-color) 10%, white);--radio-checked-active-border-color: var(--radio-checked-border-color);--radio-disabled-bg-color: var(--radio-bg-color);--radio-disabled-border-color: color-mix(in srgb, var(--radio-border-color) 50%, white);--radio-checked-disabled-bg-color: color-mix(in srgb, var(--radio-checked-bg-color) 50%, white);--radio-checked-disabled-border-color: color-mix(in srgb, var(--radio-checked-border-color) 50%, white)}.index-module_container__NjKG8{display:inline-flex;align-items:flex-start;cursor:pointer}.index-module_container__NjKG8:not(.index-module_checked__DggTk):not(.index-module_disabled__I93VR) .index-module_circle__IS2Pq{background-color:var(--radio-bg-color);border:1px solid var(--radio-border-color)}.index-module_container__NjKG8:not(.index-module_checked__DggTk):not(.index-module_disabled__I93VR):hover:not(:active) .index-module_circle__IS2Pq{background-color:var(--radio-hover-bg-color);border-color:var(--radio-hover-border-color)}.index-module_container__NjKG8:not(.index-module_checked__DggTk):not(.index-module_disabled__I93VR):active .index-module_circle__IS2Pq{background-color:var(--radio-active-bg-color);border-color:var(--radio-active-border-color)}.index-module_container__NjKG8.index-module_disabled__I93VR{cursor:var(--disabled-cursor)}.index-module_container__NjKG8.index-module_disabled__I93VR .index-module_label__P4KpD{color:color-mix(in srgb,var(--radio-label-color) 50%,white)}.index-module_container__NjKG8.index-module_disabled__I93VR .index-module_hint__jS9lo{color:color-mix(in srgb,var(--radio-hint-color) 50%,white)}.index-module_container__NjKG8.index-module_disabled__I93VR .index-module_circle__IS2Pq{background-color:var(--radio-disabled-bg-color);border:1px solid var(--radio-disabled-border-color)}.index-module_container__NjKG8.index-module_checked__DggTk:not(:active) .index-module_circle__IS2Pq:before,.index-module_container__NjKG8.index-module_checked__DggTk.index-module_disabled__I93VR:active .index-module_circle__IS2Pq:before{opacity:1}.index-module_container__NjKG8.index-module_checked__DggTk .index-module_circle__IS2Pq{background-color:var(--radio-checked-bg-color);border:1px solid var(--radio-checked-border-color)}.index-module_container__NjKG8.index-module_checked__DggTk:hover .index-module_circle__IS2Pq{background-color:var(--radio-checked-hover-bg-color);border-color:var(--radio-checked-hover-border-color)}.index-module_container__NjKG8.index-module_checked__DggTk:active .index-module_circle__IS2Pq{background-color:var(--radio-checked-active-bg-color);border-color:var(--radio-checked-active-border-color)}.index-module_container__NjKG8.index-module_focused__uweBa .index-module_circle__IS2Pq{outline:2px solid var(--focus-color);outline-offset:2px}.index-module_container__NjKG8.index-module_disabled__I93VR.index-module_checked__DggTk .index-module_circle__IS2Pq{background-color:var(--radio-checked-disabled-bg-color);border-color:var(--radio-checked-disabled-border-color)}.index-module_container__NjKG8 input{position:absolute;z-index:-1;opacity:0}.index-module_circle__IS2Pq{flex-shrink:0;width:16px;height:16px;box-sizing:border-box;border-radius:8px;position:relative;transition:background-color .2s ease,border .2s ease}.index-module_circle__IS2Pq:before{content:"";background-color:var(--color-bg-primary);position:absolute;width:6px;height:6px;border-radius:3px;margin:auto;inset:0;transition:opacity .2s ease;opacity:0}.index-module_m__LBuKe .index-module_circle__IS2Pq{width:20px;height:20px;border-radius:10px}.index-module_s__IS3y5 .index-module_circle__IS2Pq{margin-top:2px}.index-module_m__LBuKe .index-module_content__u8t0O{margin-left:calc(var(--gap-m) - 2px)}.index-module_s__IS3y5 .index-module_content__u8t0O{margin-left:var(--gap-s)}.index-module_content__u8t0O{display:flex;flex-direction:column}.index-module_start__rPJkZ{align-items:flex-start}.index-module_center__e5lXo{align-items:center}.index-module_addons__2cNoB{margin-left:auto;padding-left:var(--gap-m);line-height:24px}.index-module_block__Qhaf7{width:100%}.index-module_label__P4KpD{font-size:15px;line-height:20px;font-weight:500;font-family:var(--font-family);color:var(--radio-label-color)}.index-module_hint__jS9lo{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);color:var(--radio-hint-color)}
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--radio-hint-color: var(--color-text-secondary);--radio-label-color: var(--color-text-primary);--radio-bg-color: var(--color-graphic-primary-inverted);--radio-border-color: var(--color-graphic-secondary);--radio-hover-bg-color: var(--radio-bg-color);--radio-hover-border-color: color-mix(in srgb, var(--radio-border-color) 30%, white);--radio-active-bg-color: var(--radio-bg-color);--radio-active-border-color: color-mix(in srgb, var(--radio-border-color) 10%, white);--radio-checked-bg-color: var(--color-graphic-positive);--radio-checked-border-color: var(--color-graphic-positive);--radio-checked-hover-bg-color: color-mix(in srgb, var(--radio-checked-bg-color) 30%, white);--radio-checked-hover-border-color: var(--radio-checked-border-color);--radio-checked-active-bg-color: color-mix(in srgb, var(--radio-checked-bg-color) 10%, white);--radio-checked-active-border-color: var(--radio-checked-border-color);--radio-disabled-bg-color: var(--radio-bg-color);--radio-disabled-border-color: color-mix(in srgb, var(--radio-border-color) 50%, white);--radio-checked-disabled-bg-color: color-mix(in srgb, var(--radio-checked-bg-color) 50%, white);--radio-checked-disabled-border-color: color-mix(in srgb, var(--radio-checked-border-color) 50%, white)}.container_NjKG{display:inline-flex;align-items:flex-start;cursor:pointer}.container_NjKG:not(.checked_DggT):not(.disabled_I93V) .circle_IS2P{background-color:var(--radio-bg-color);border:1px solid var(--radio-border-color)}.container_NjKG:not(.checked_DggT):not(.disabled_I93V):hover:not(:active) .circle_IS2P{background-color:var(--radio-hover-bg-color);border-color:var(--radio-hover-border-color)}.container_NjKG:not(.checked_DggT):not(.disabled_I93V):active .circle_IS2P{background-color:var(--radio-active-bg-color);border-color:var(--radio-active-border-color)}.container_NjKG.disabled_I93V{cursor:var(--disabled-cursor)}.container_NjKG.disabled_I93V .label_P4Kp{color:color-mix(in srgb,var(--radio-label-color) 50%,white)}.container_NjKG.disabled_I93V .hint_jS9l{color:color-mix(in srgb,var(--radio-hint-color) 50%,white)}.container_NjKG.disabled_I93V .circle_IS2P{background-color:var(--radio-disabled-bg-color);border:1px solid var(--radio-disabled-border-color)}.container_NjKG.checked_DggT:not(:active) .circle_IS2P:before,.container_NjKG.checked_DggT.disabled_I93V:active .circle_IS2P:before{opacity:1}.container_NjKG.checked_DggT .circle_IS2P{background-color:var(--radio-checked-bg-color);border:1px solid var(--radio-checked-border-color)}.container_NjKG.checked_DggT:hover .circle_IS2P{background-color:var(--radio-checked-hover-bg-color);border-color:var(--radio-checked-hover-border-color)}.container_NjKG.checked_DggT:active .circle_IS2P{background-color:var(--radio-checked-active-bg-color);border-color:var(--radio-checked-active-border-color)}.container_NjKG.focused_uweB .circle_IS2P{outline:2px solid var(--focus-color);outline-offset:2px}.container_NjKG.disabled_I93V.checked_DggT .circle_IS2P{background-color:var(--radio-checked-disabled-bg-color);border-color:var(--radio-checked-disabled-border-color)}.container_NjKG input{position:absolute;z-index:-1;opacity:0}.circle_IS2P{flex-shrink:0;width:16px;height:16px;box-sizing:border-box;border-radius:8px;position:relative;transition:background-color .2s ease,border .2s ease}.circle_IS2P:before{content:"";background-color:var(--color-bg-primary);position:absolute;width:6px;height:6px;border-radius:3px;margin:auto;inset:0;transition:opacity .2s ease;opacity:0}.m_LBuK .circle_IS2P{width:20px;height:20px;border-radius:10px}.s_IS3y .circle_IS2P{margin-top:2px}.m_LBuK .content_u8t0{margin-left:calc(var(--gap-m) - 2px)}.s_IS3y .content_u8t0{margin-left:var(--gap-s)}.content_u8t0{display:flex;flex-direction:column}.start_rPJk{align-items:flex-start}.center_e5lX{align-items:center}.addons_2cNo{margin-left:auto;padding-left:var(--gap-m);line-height:24px}.block_Qhaf{width:100%}.label_P4Kp{font-size:15px;line-height:20px;font-weight:500;font-family:var(--font-family);color:var(--radio-label-color)}.hint_jS9l{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);color:var(--radio-hint-color)}

package/dist/radio/index.module.css.js

@@ -1,35 +1,35 @@
 import './index.module.css';
-const e = "index-module_container__NjKG8", n = "index-module_checked__DggTk", o = "index-module_disabled__I93VR", d = "index-module_circle__IS2Pq", c = "index-module_label__P4KpD", _ = "index-module_hint__jS9lo", t = "index-module_focused__uweBa", l = "index-module_m__LBuKe", s = "index-module_s__IS3y5", i = "index-module_content__u8t0O", u = "index-module_start__rPJkZ", a = "index-module_center__e5lXo", m = "index-module_addons__2cNoB", x = "index-module_block__Qhaf7", r = {
-  container: e,
-  checked: n,
-  disabled: o,
-  circle: d,
-  label: c,
-  hint: _,
-  focused: t,
+const c = "container_NjKG", t = "checked_DggT", n = "disabled_I93V", e = "circle_IS2P", s = "label_P4Kp", o = "hint_jS9l", d = "focused_uweB", l = "m_LBuK", a = "s_IS3y", r = "content_u8t0", _ = "start_rPJk", i = "center_e5lX", b = "addons_2cNo", h = "block_Qhaf", k = {
+  container: c,
+  checked: t,
+  disabled: n,
+  circle: e,
+  label: s,
+  hint: o,
+  focused: d,
   m: l,
-  s,
-  content: i,
-  start: u,
-  center: a,
-  addons: m,
-  block: x
+  s: a,
+  content: r,
+  start: _,
+  center: i,
+  addons: b,
+  block: h
 };
 export {
-  m as addons,
-  x as block,
-  a as center,
-  n as checked,
-  d as circle,
-  e as container,
-  i as content,
-  r as default,
-  o as disabled,
-  t as focused,
-  _ as hint,
-  c as label,
+  b as addons,
+  h as block,
+  i as center,
+  t as checked,
+  e as circle,
+  c as container,
+  r as content,
+  k as default,
+  n as disabled,
+  d as focused,
+  o as hint,
+  s as label,
   l as m,
-  s,
-  u as start
+  a as s,
+  _ as start
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/radio-group/component.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { FlexColumnsProps } from '../flex-columns';
-export declare type RadioGroupProps = <T>(props: {
+export type RadioGroupProps = <T>(props: {
     title?: string;
     subtitle?: string;
     selected: T;

package/dist/radio-group/index.module.css

@@ -1 +1 @@
-.index-module_text__OqiF5{margin-bottom:16px;text-align:left}.index-module_subtitle__bsdlx{margin-top:4px}.index-module_selector_wrap__tyNOc{display:flex;flex-direction:column;width:100%;position:relative}.index-module_error__UDYSU{position:absolute;left:0;bottom:-18px}.index-module_buttons_wrap__6IipS{border:1px solid var(--color-border-primary);border-radius:4px;min-height:33px;margin-top:8px}.index-module_buttons_wrap__6IipS>button:not(:last-child){border-right:1px solid var(--color-border-primary)}.index-module_buttons_wrap__6IipS>button:last-child{border-radius:0 4px 4px 0}.index-module_buttons_wrap__6IipS>button:first-child{border-radius:4px 0 0 4px}.index-module_buttons_wrap_error__kYt2M{border:1px solid var(--color-border-negative)}.index-module_button__jxsYA{cursor:pointer;background-color:var(--color-bg-primary);outline:none;border:none;padding:0;display:flex;align-items:center;justify-content:center}.index-module_selected__ctGlJ{background-color:var(--color-bg-accent)}
+.text_OqiF{margin-bottom:16px;text-align:left}.subtitle_bsdl{margin-top:4px}.selector_wrap_tyNO{display:flex;flex-direction:column;width:100%;position:relative}.error_UDYS{position:absolute;left:0;bottom:-18px}.buttons_wrap_6Iip{border:1px solid var(--color-border-primary);border-radius:4px;min-height:33px;margin-top:8px}.buttons_wrap_6Iip>button:not(:last-child){border-right:1px solid var(--color-border-primary)}.buttons_wrap_6Iip>button:last-child{border-radius:0 4px 4px 0}.buttons_wrap_6Iip>button:first-child{border-radius:4px 0 0 4px}.buttons_wrap_error_kYt2{border:1px solid var(--color-border-negative)}.button_jxsY{cursor:pointer;background-color:var(--color-bg-primary);outline:none;border:none;padding:0;display:flex;align-items:center;justify-content:center}.selected_ctGl{background-color:var(--color-bg-accent)}

package/dist/radio-group/index.module.css.js

@@ -1,21 +1,21 @@
 import './index.module.css';
-const t = "index-module_text__OqiF5", e = "index-module_subtitle__bsdlx", o = "index-module_error__UDYSU", _ = "index-module_buttons_wrap__6IipS", r = "index-module_buttons_wrap_error__kYt2M", s = "index-module_button__jxsYA", n = "index-module_selected__ctGlJ", u = {
+const t = "text_OqiF", r = "subtitle_bsdl", s = "error_UDYS", e = "buttons_wrap_6Iip", o = "buttons_wrap_error_kYt2", n = "button_jxsY", _ = "selected_ctGl", b = {
   text: t,
-  subtitle: e,
-  error: o,
-  buttons_wrap: _,
-  buttons_wrap_error: r,
-  button: s,
-  selected: n
+  subtitle: r,
+  error: s,
+  buttons_wrap: e,
+  buttons_wrap_error: o,
+  button: n,
+  selected: _
 };
 export {
-  s as button,
-  _ as buttons_wrap,
-  r as buttons_wrap_error,
-  u as default,
-  o as error,
-  n as selected,
-  e as subtitle,
+  n as button,
+  e as buttons_wrap,
+  o as buttons_wrap_error,
+  b as default,
+  s as error,
+  _ as selected,
+  r as subtitle,
   t as text
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/radio-groups/component.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-declare type Child = {
+type Child = {
     id: number;
     title: string;
     locationId: number;
 };
-declare type Parent = {
+type Parent = {
     id: number;
     title: string;
 };

package/dist/radio-groups/index.module.css

@@ -1 +1 @@
-.index-module_list_head__jX5KV{display:flex;align-items:center;justify-content:space-between;width:100%}.index-module_collapse_btn__K-UQd svg{transition:transform .2s ease-in-out}.index-module_collapse_btn_collapsed__won-f svg{transform:rotate(180deg)}
+.list_head_jX5K{display:flex;align-items:center;justify-content:space-between;width:100%}.collapse_btn_K-UQ svg{transition:transform .2s ease-in-out}.collapse_btn_collapsed_won- svg{transform:rotate(180deg)}

package/dist/radio-groups/index.module.css.js

@@ -1,13 +1,13 @@
 import './index.module.css';
-const l = "index-module_list_head__jX5KV", e = "index-module_collapse_btn__K-UQd", _ = "index-module_collapse_btn_collapsed__won-f", s = {
+const l = "list_head_jX5K", s = "collapse_btn_K-UQ", t = "collapse_btn_collapsed_won-", e = {
   list_head: l,
-  collapse_btn: e,
-  collapse_btn_collapsed: _
+  collapse_btn: s,
+  collapse_btn_collapsed: t
 };
 export {
-  e as collapse_btn,
-  _ as collapse_btn_collapsed,
-  s as default,
+  s as collapse_btn,
+  t as collapse_btn_collapsed,
+  e as default,
   l as list_head
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/section-wrapper/index.module.css

@@ -1 +1 @@
-.index-module_section_wrapper__myI2a{width:100%;box-sizing:border-box;background-color:var(--color-bg-primary)}.index-module_section_wrapper__myI2a.index-module_inverse__5HY6B{background-color:var(--color-bg-secondary)}@media(max-width:1023px){.index-module_section_wrapper__myI2a{padding:48px 48px 64px!important}}@media(max-width:767px){.index-module_section_wrapper__myI2a{padding:48px 24px 64px!important}}.index-module_black__sWqOZ{background-color:var(--color-bg-primary-inverted)}
+.section_wrapper_myI2{width:100%;box-sizing:border-box;background-color:var(--color-bg-primary)}.section_wrapper_myI2.inverse_5HY6{background-color:var(--color-bg-secondary)}@media(max-width:1023px){.section_wrapper_myI2{padding:48px 48px 64px!important}}@media(max-width:767px){.section_wrapper_myI2{padding:48px 24px 64px!important}}.black_sWqO{background-color:var(--color-bg-primary-inverted)}