@dss-kit/ui-kit 0.2.15 → 0.2.17

package/dist/components/controls/RadioGroup/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/RadioGroup/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAKpC;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,MAAM,UAAU,GAAG;IACvB,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sGAAsG;IACtG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC,uCAAuC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAElC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAExB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,QAAA,MAAM,KAAK,sFAkIV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/controls/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,116 @@
+import { default as React } from 'react';
+import { Size } from '../../../types';
+/**
+ * RadioGroup — контейнер для группы радио-кнопок.
+ *
+ * Предназначение:
+ * - Обеспечить единый источник правды для набора Radio компонент (через контекст).
+ * - Передать общий `name`, `disabled`, `size` и текущее `value` всем дочерним Radio.
+ * - Обеспечить контроль над выбором (controlled / uncontrolled API) и удобный callback `onChange`.
+ *
+ * Ключевые особенности:
+ * - Поддерживает controlled (`value` + `onChange`) и uncontrolled (`defaultValue`) режимы.
+ * - Экспортирует forwardRef на контейнер `div`.
+ * - Помещает в DOM роль `radiogroup` и выставляет `aria-invalid` при необходимости.
+ * - Параметр `size` задаёт размер всех Radio в группе (`sm` | `md`).
+ *
+ * Accessibility notes:
+ * - Радиогруппа рендерит `role="radiogroup"` и должна содержать элементы с `role="radio"`.
+ * - Компонент не реализует управление фокусом стрелками (arrow-key navigation). Это сделано намеренно —
+ *   поведение клавиатурной навигации легче и корректнее реализуется там, где известна точная структура DOM
+ *   и потребности приложения (например, поддержка направления RTL, циклической навигации и т.п.).
+ * - Рекомендуемая реализация навигации стрелками (если нужна): добавить обработчик `onKeyDown` на контейнер,
+ *   получить список `[role="radio"]` и управлять фокусом/выбором через `element.focus()` и `setValue`.
+ *
+ * Props и поведение:
+ * - name?: string — передаётся в контекст; может использоваться для генерации атрибутов `name` при интеграции с формами.
+ * - label?: React.ReactNode — заголовок/лейбл группы; строковые значения автоматически оборачиваются в `Text`.
+ * - value?: string — контролируемый режим: текущее выбранное значение.
+ * - defaultValue?: string — начальное значение при неконтролируемом режиме.
+ * - onChange?: (value: string) => void — колбек при изменении выбранного значения.
+ * - children: React.ReactNode — ожидаются Radio компоненты (или их комбинации).
+ * - className?: string — дополнительный CSS класс для контейнера.
+ * - error?: boolean — помечает группу как невалидную (aria-invalid).
+ * - disabled?: boolean — если true — передаётся в контекст и отключает все Radio в группе.
+ * - size?: "sm" | "md" — глобальный размер для всех Radio в группе (по умолчанию 'md').
+ *
+ * Example usage:
+ *
+ * // Controlled
+ * const [value, setValue] = useState<string | undefined>("option1");
+ * <RadioGroup value={value} onChange={setValue} label="Выберите опцию">
+ *   <Radio value="option1">Первый</Radio>
+ *   <Radio value="option2">Второй</Radio>
+ * </RadioGroup>
+ *
+ * // Uncontrolled
+ * <RadioGroup defaultValue="option2" label="Пример">
+ *   <Radio value="option1">Первый</Radio>
+ *   <Radio value="option2">Второй</Radio>
+ * </RadioGroup>
+ */
+export type RadioGroupProps = {
+    /**
+     * Лейбл (заголовок) радиогруппы.
+     * - Если передана строка — автоматически оборачивается в компонент <Text />
+     *   с вторичным цветом.
+     * - Если передан ReactNode — рендерится как есть.
+     */
+    label?: React.ReactNode;
+    /**
+     * Контролируемое значение выбранного Radio.
+     * Если задано — RadioGroup работает в controlled-режиме,
+     * а изменение значения возможно только через `onChange`.
+     */
+    value?: string;
+    /**
+     * Начальное значение для неконтролируемого режима.
+     * Используется только если `value` не задан.
+     */
+    defaultValue?: string;
+    /**
+     * Колбек, вызываемый при смене выбранного значения.
+     * Вызывается как в controlled, так и в uncontrolled режиме.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Дочерние элементы группы.
+     * Ожидаются компоненты <Radio />, либо композиции на их основе.
+     */
+    children: React.ReactNode;
+    /**
+     * Дополнительный CSS-класс для корневого контейнера группы.
+     * Поддерживает классы из emotion, scss и т.п.
+     */
+    className?: string;
+    /**
+     * Помечает группу как невалидную.
+     * Устанавливает атрибут `aria-invalid` у контейнера с role="radiogroup".
+     */
+    error?: boolean;
+    /**
+     * Отключает всю группу целиком.
+     * Значение передаётся в контекст и делает все Radio внутри disabled.
+     */
+    disabled?: boolean;
+    /** Можно переопределить расположение Radio на уровне конкретного Radio.
+     *
+     * @default "left"
+     */
+    side?: "left" | "right";
+    /**
+     * Делает конкретное Radio доступной только для чтения.
+     * - Изменение выбранного значения запрещено.
+     * - В отличие от `disabled`, визуально не выглядить как отключённое.
+     */
+    readOnly?: boolean;
+    /**
+     * Размер всех Radio в группе.
+     * Значение по умолчанию — `"md"`.
+     * Может быть переопределено на уровне отдельного Radio.
+     */
+    size?: Extract<Size, "sm" | "md">;
+};
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { RadioGroup };
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/controls/RadioGroup/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAIpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAExB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,UAAU,wFA+Df,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/controls/RadioGroup/RadioGroup.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { RadioGroup } from './RadioGroup';
+declare const meta: Meta<typeof RadioGroup>;
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Playground: Story;
+export declare const Controlled: Story;
+export declare const Uncontrolled: Story;
+export declare const Invalid: Story;
+export declare const Disabled: Story;
+export declare const ReadOnlyGroup: Story;
+export declare const SideVariants: Story;
+export declare const SizeVariants: Story;
+export declare const WithDescriptions: Story;
+export declare const CustomStandalone: Story;
+//# sourceMappingURL=RadioGroup.stories.d.ts.map

package/dist/components/controls/RadioGroup/RadioGroup.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/RadioGroup/RadioGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAuBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAKzC,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC;AAKF,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAC;AAKF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAKF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAKF,eAAO,MAAM,aAAa,EAAE,KAuC3B,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAKF,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAC;AAKF,eAAO,MAAM,gBAAgB,EAAE,KAiD9B,CAAC"}

package/dist/components/controls/RadioGroup/context.d.ts

@@ -0,0 +1,87 @@
+import { default as React } from 'react';
+import { Size } from '../../../types';
+/**
+ * Значение, которое хранится в контексте RadioGroup.
+ *
+ * Этот тип описывает минимальный контракт между RadioGroup и дочерними Radio.
+ * Поля должны быть максимально простыми, чтобы облегчить тестирование и миграции.
+ */
+export type RadioGroupContextValue = {
+    /**
+     * Текущее выбранное значение в группе.
+     * - Для controlled RadioGroup это будет value из пропсов.
+     * - Для uncontrolled — внутреннее значение по умолчанию / обновляемое через setValue.
+     */
+    value?: string;
+    /**
+     * Флаг "только для чтения" на уровне группы.
+     * - Если true — попытки изменить выбранное значение должны игнорироваться.
+     * - В отличие от `disabled`, элементы остаются фокусируемыми и визуально активными
+     *   (если нужно иное — стилизуйте отдельно).
+     */
+    readOnly?: boolean;
+    /**
+     * Флаг disabled на уровне группы. Если true — дочерние Radio должны выглядеть и вести себя
+     * как отключённые (aria-disabled + визуальная индикация).
+     */
+    disabled?: boolean;
+    /**
+     * Помечает группу как невалидную.
+     * Устанавливает атрибут `aria-invalid` у контейнера с role="radiogroup".
+     */
+    error?: boolean;
+    /**
+     * Функция для установки значения. Может быть undefined для read-only / статичных сценариев
+     * или если RadioGroup рендерится в режиме, где изменение значения недоступно.
+     *
+     * В контролируемом режиме этот вызов должен делегировать наружу через onChange.
+     */
+    setValue?: (v: string) => void;
+    /**
+     * Размер радиокнопок в группе. Ограничен только "sm" | "md" для совместимости со стилями.
+     */
+    size?: Extract<Size, "sm" | "md">;
+    /**
+     * Расположение визуального контролла относительно лейбла: слева или справа.
+     * Удобно для случаев, когда дизайн хочет получить radio справа от лейбла.
+     */
+    side?: "left" | "right";
+};
+/**
+ * Контекст RadioGroup.
+ *
+ * Храним `null` по умолчанию — это упрощает проверку в дочерних компонентах
+ * (позволяет отличать использование внутри группы и как standalone).
+ */
+export declare const RadioGroupContext: React.Context<RadioGroupContextValue | null>;
+/**
+ * Хук-помощник для удобного доступа к контексту.
+ *
+ * Важно: в компонентах, которые могут использоваться как внутри группы так и standalone,
+ * рекомендуется работать с возвращаемым значением как с опциональным:
+ *
+ * const ctx = useRadioGroupContext();
+ * const isGrouped = !!ctx;
+ *
+ * Если нужно — можно обернуть этот хук в строгий вариант, который кидает ошибку
+ * при отсутствии контекста (полезно для внутренних компонентов, которые должны
+ * обязательно использоваться внутри RadioGroup).
+ *
+ * Example strict variant (not exported by default):
+ * const useRequiredRadioGroupContext = () => {
+ *   const ctx = useContext(RadioGroupContext);
+ *   if (!ctx) throw new Error("Radio must be used within a RadioGroup");
+ *   return ctx;
+ * };
+ */
+export declare const useRadioGroupContext: () => RadioGroupContextValue | null;
+/**
+ * Рекомендации для разработчиков компонентов, использующих этот контекст:
+ *
+ * - Для чтения флагов используйте явные приоритеты: `const isDisabled = ctx?.disabled || localDisabled`.
+ * - Обрабатывайте readOnly отдельно от disabled:
+ *   - readOnly должна блокировать setValue, но не снимать фокус или изменять визуализацию по-умолчанию,
+ *     если дизайнер не просит иного.
+ * - Не добавляйте лишней логики в контекст — держите его максимально легковесным.
+ */
+//# sourceMappingURL=context.d.ts.map

package/dist/components/controls/RadioGroup/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/RadioGroup/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAElC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,8CAC4B,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,oBAAoB,qCAAsC,CAAC;AAExE;;;;;;;;GAQG"}

package/dist/components/controls/RadioGroup/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Radio';
+export * from './RadioGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/RadioGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/components/controls/Select/Select.d.ts

@@ -86,8 +86,15 @@ export type SelectProps<I, V> = {
     error?: boolean;
     /** Текст ошибки, отображаемый под полем при `error = true`. */
     errorText?: string;
+    /** Ширина селекта */
+    width?: React.CSSProperties["width"];
     /** Растягивает селект на всю доступную ширину контейнера. */
     fullWidth?: boolean;
+    /** Минимальная ширина селекта
+     *
+     * @default 120
+     */
+    minWidth?: React.CSSProperties["minWidth"];
     /**
      * Показывать ли элемент "сбросить выбор" в начале списка
      * (доступен только в single‑режиме).
@@ -109,6 +116,10 @@ export type SelectProps<I, V> = {
     observer?: ReactNode;
     /** Визуальный размер контрола (`"xs" | "sm" | "md"`). */
     size?: SelectSize;
+    /** Максимальная ширина дропдауна в пикселях. */
+    dropdownMaxWidth?: number;
+    /** Минимальная ширина дропдауна в пикселях. */
+    dropdownMinWidth?: number;
 } & (I extends string | number ? {
     /**
      * Функция, которая из элемента `I` возвращает значение `V`.
@@ -181,6 +192,6 @@ export type SelectProps<I, V> = {
  * =========================================================================
  * - useControlled: управляет состоянием значения в controlled/uncontrolled режиме
  */
-export declare function Select<I, V extends string | number>({ value, onChange, multiple, returnedValue, renderItem, renderInputItem, renderSingleInputItem, renderMultipleInputItem, renderDropdownItem, placeholder, items, fullWidth, size, showDefaultItem, disabled, label, firstItem, lastItem, observer, emptyText, onBlur, prompt, error, errorText, }: SelectProps<I, V>): import("react/jsx-runtime").JSX.Element;
+export declare function Select<I, V extends string | number>({ value, onChange, multiple, returnedValue, renderItem, renderInputItem, renderSingleInputItem, renderMultipleInputItem, renderDropdownItem, placeholder, items, fullWidth, size, showDefaultItem, disabled, label, firstItem, lastItem, observer, emptyText, onBlur, prompt, error, errorText, dropdownMaxWidth, dropdownMinWidth, minWidth, width, }: SelectProps<I, V>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Select.d.ts.map

package/dist/components/controls/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/Select.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAef,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAS5C,KAAK,kBAAkB,CAAC,CAAC,IACrB;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,CAAC,GAAG,IAAI,CAAC;CACxB,GACD;IACE,IAAI,EAAE,UAAU,CAAC;IACjB,aAAa,EAAE,CAAC,EAAE,CAAC;CACpB,CAAC;AAEN,KAAK,qBAAqB,CAAC,CAAC,IAAI;IAC9B,IAAI,EAAE,CAAC,CAAC;IACR,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,CAAC,IAAI;IAC9B,wBAAwB;IACxB,KAAK,EAAE,CAAC,EAAE,CAAC;IAEX;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAEpC;;;;;;OAMG;IACH,kBAAkB,EAAE,CAClB,IAAI,EAAE,CAAC,EACP,OAAO,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,KAC/B,SAAS,CAAC;IAEf;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IAEhE;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAE/C;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,KAAK,SAAS,CAAC;IAE5D;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IAEzC,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEjC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAErC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAE3C;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B,2EAA2E;IAC3E,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,yDAAyD;IACzD,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAC1B;IACE;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;CAChC,GACD;IACE;;;OAGG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;CAC/B,CAAC,CAAC;AAEP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACnD,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,aAAa,EACb,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,WAAW,EACX,KAAU,EACV,SAAS,EACT,IAAW,EACX,eAAe,EACf,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,gBAAsB,EACtB,gBAAsB,EACtB,QAAc,EACd,KAAK,GACN,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,2CAobnB"}

package/dist/components/controls/Select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAcD,KAAK,WAAW,GAAG,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAwD3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAclC,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KA8BpC,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAC;AAkBF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAoFxB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAsG1B,CAAC"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAoBD,KAAK,WAAW,GAAG,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAwD3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAclC,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KA8BpC,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAC;AAkBF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAoFxB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAsG1B,CAAC"}

package/dist/components/controls/index.d.ts

@@ -3,6 +3,7 @@ export * from './Checkbox';
 export * from './IconButton';
 export * from './Input';
 export * from './OtpInput';
+export * from './RadioGroup';
 export * from './SegmentControl';
 export * from './Select';
 export * from './Switch';

package/dist/components/controls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './builders';
+export * from './charts';
 export * from './controls';
 export * from './navigation';
 export * from './shared';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/dist/components/shared/Skeleton/Skeleton.d.ts

@@ -0,0 +1,296 @@
+import { FC, ReactNode } from 'react';
+import { CornerRadius, Size } from '../../../types/tokens.types';
+/**
+ * Варианты отображения скелетона
+ *
+ * @typedef {string} SkeletonVariant
+ * @description Определяет форму и стилизацию скелетона:
+ * - `text` - для имитации текстового содержимого с закругленными краями
+ * - `rectangular` - прямоугольная форма с умеренными закруглениями (по умолчанию)
+ * - `circular` - круглая форма для аватаров, кнопок и иконок
+ *
+ * @example
+ * // Круглый скелетон для аватара
+ * <Skeleton variant="circular" size="md" />
+ *
+ * // Текстовый скелетон
+ * <Skeleton variant="text" width="200px" height="16px" />
+ */
+export type SkeletonVariant = "text" | "rectangular" | "circular";
+/**
+ * Предустановленные размеры скелетона
+ *
+ * @typedef {string} SkeletonSize
+ * @description Размеры из дизайн-системы для быстрого создания скелетонов стандартных размеров:
+ * - `xs` - 16x16px - для мелких элементов (иконки, чекбоксы)
+ * - `sm` - 24x24px - для небольших кнопок и иконок
+ * - `md` - 32x32px - для аватаров среднего размера
+ * - `lg` - 40x40px - для крупных элементов интерфейса
+ * - `xl` - 48x48px - для больших аватаров и кнопок
+ *
+ * @example
+ * // Скелетон размера 'md' (32x32px)
+ * <Skeleton size="md" variant="circular" />
+ */
+export type SkeletonSize = Extract<Size, "xs" | "sm" | "md" | "lg" | "xl">;
+/**
+ * Типы анимации скелетона
+ *
+ * @typedef {string} SkeletonAnimation
+ * @description Варианты анимации для создания эффекта загрузки:
+ * - `wave` - волновая анимация, бегущая слева направо (по умолчанию)
+ * - `pulse` - пульсация с изменением прозрачности
+ * - `none` - без анимации, статичный скелетон
+ *
+ * @example
+ * // Скелетон с пульсирующей анимацией
+ * <Skeleton animation="pulse" />
+ *
+ * // Статичный скелетон без анимации
+ * <Skeleton animation="none" />
+ */
+export type SkeletonAnimation = "pulse" | "wave" | "none";
+/**
+ * Размеры закругления углов из дизайн-системы
+ *
+ * @typedef {string} SkeletonBorderRadius
+ * @description Доступные варианты закругления соответствующие CSS переменным --corner-*:
+ * - `zero` - 0px (без закругления)
+ * - `xs` - 4px (минимальное закругление)
+ * - `sm` - 8px (маленькое закругление)
+ * - `md` - 12px (среднее закругление)
+ * - `lg` - 16px (большое закругление)
+ * - `xl` - 20px
+ * - `2xl` - 24px
+ * - `3xl` - 32px
+ * - `4xl` - 40px
+ * - `5xl` - 48px
+ * - `6xl` - 56px
+ * - `full-round` - 1000px (полное скругление)
+ * - `circular` - 50% (круг)
+ *
+ * @example
+ * // Минимальное закругление
+ * <Skeleton borderRadius="xs" />
+ *
+ * // Квадратный скелетон
+ * <Skeleton borderRadius="zero" />
+ *
+ * // Круглый скелетон
+ * <Skeleton borderRadius="circular" />
+ *
+ * // Большое закругление
+ * <Skeleton borderRadius="2xl" />
+ */
+export type SkeletonBorderRadius = CornerRadius | "circular";
+/**
+ * Свойства компонента Skeleton
+ *
+ * @interface SkeletonProps
+ * @description Интерфейс для настройки внешнего вида и поведения компонента скелетона
+ */
+export interface SkeletonProps {
+    /**
+     * Ширина скелетона
+     *
+     * @type {string | number | undefined}
+     * @description Задает ширину скелетона. Может быть:
+     * - Числом (будет преобразовано в пиксели)
+     * - Строкой с единицами измерения (px, %, em, rem и т.д.)
+     * - Если не указано, будет использована ширина из `size` или 100%
+     *
+     * @example
+     * width={200}        // 200px
+     * width="50%"        // 50% ширины родителя
+     * width="10rem"      // 10rem
+     */
+    width?: string | number;
+    /**
+     * Высота скелетона
+     *
+     * @type {string | number | undefined}
+     * @description Задает высоту скелетона. Может быть:
+     * - Числом (будет преобразовано в пиксели)
+     * - Строкой с единицами измерения (px, %, em, rem и т.д.)
+     * - Если не указано, будет использована высота из `size` или значение по умолчанию
+     *
+     * @example
+     * height={16}        // 16px для текста
+     * height="2em"       // 2em
+     * height="100%"      // 100% высоты родителя
+     */
+    height?: string | number;
+    /**
+     * Вариант отображения скелетона
+     *
+     * @type {SkeletonVariant | undefined}
+     * @default "rectangular"
+     * @description Определяет форму и стилизацию скелетона:
+     * - `rectangular` - прямоугольная форма (по умолчанию)
+     * - `circular` - круглая форма для аватаров
+     * - `text` - для имитации текста с мягкими закруглениями
+     *
+     * @example
+     * variant="circular"     // для аватаров
+     * variant="text"         // для текстового содержимого
+     */
+    variant?: SkeletonVariant;
+    /**
+     * Предустановленный размер скелетона
+     *
+     * @type {SkeletonSize | undefined}
+     * @default "md"
+     * @description Использует предопределенные размеры из дизайн-системы.
+     * Игнорируется, если заданы `width` или `height`.
+     * Размеры: xs(16px), sm(24px), md(32px), lg(40px), xl(48px)
+     *
+     * @example
+     * size="md"    // 32x32px
+     * size="lg"    // 40x40px - для больших элементов
+     */
+    size?: SkeletonSize;
+    /**
+     * Тип анимации скелетона
+     *
+     * @type {SkeletonAnimation | undefined}
+     * @default "wave"
+     * @description Определяет тип анимации:
+     * - `wave` - волновая анимация слева направо (по умолчанию)
+     * - `pulse` - пульсирующая анимация с изменением прозрачности
+     * - `none` - без анимации
+     *
+     * @example
+     * animation="pulse"   // пульсация
+     * animation="none"    // статичный скелетон
+     */
+    animation?: SkeletonAnimation;
+    /**
+     * Количество строк для текстового скелетона
+     *
+     * @type {number | undefined}
+     * @default 1
+     * @description Создает несколько строк скелетона для имитации многострочного текста.
+     * Работает только с `variant="text"`. Последняя строка автоматически делается короче (70%)
+     * для создания естественного вида текста.
+     *
+     * @example
+     * lines={3}    // 3 строки текста
+     * lines={5}    // 5 строк для длинного текста
+     */
+    lines?: number;
+    /**
+     * Дополнительные CSS классы
+     *
+     * @type {string | undefined}
+     * @description Позволяет добавить кастомные стили к скелетону.
+     * Классы применяются к корневому элементу компонента.
+     *
+     * @example
+     * className="my-custom-skeleton"
+     * className={cx("skeleton-large", isActive && "skeleton-active")}
+     */
+    className?: string;
+    /**
+     * Дочерние элементы
+     *
+     * @type {ReactNode | undefined}
+     * @description Контент, который будет показан когда `loading=false`.
+     * Позволяет использовать компонент как обертку для условного рендеринга.
+     *
+     * @example
+     * <Skeleton loading={isLoading}>
+     *   <div>Загруженный контент</div>
+     * </Skeleton>
+     */
+    children?: ReactNode;
+    /**
+     * Закругление углов скелетона
+     *
+     * @type {SkeletonBorderRadius | undefined}
+     * @description Позволяет переопределить стандартные варианты закругления углов из `variant`.
+     * Если задан, игнорирует стили из `variant` и применяет выбранное значение.
+     * Все значения соответствуют CSS переменным из дизайн-системы.
+     *
+     * **Доступные значения:**
+     * - `zero` - без закругления (0px)
+     * - `xs`, `sm`, `md`, `lg`, `xl` - стандартные размеры закругления
+     * - `2xl`, `3xl`, `4xl`, `5xl`, `6xl` - большие размеры закругления
+     * - `full-round` - максимальное закругление (1000px)
+     * - `circular` - полный круг (50%)
+     *
+     * @example
+     * borderRadius="zero"        // квадратные углы
+     * borderRadius="xs"          // минимальное закругление (4px)
+     * borderRadius="md"          // среднее закругление (12px)
+     * borderRadius="circular"    // круглый скелетон
+     * borderRadius="2xl"         // большое закругление (24px)
+     */
+    borderRadius?: SkeletonBorderRadius;
+    /**
+     * Показывать ли скелетон
+     *
+     * @type {boolean | undefined}
+     * @default true
+     * @description Управляет отображением скелетона:
+     * - `true` - показывает скелетон (по умолчанию)
+     * - `false` - показывает `children` если они есть, иначе ничего
+     *
+     * @example
+     * loading={isDataLoading}     // связано с состоянием загрузки
+     * loading={!data}             // показывать пока нет данных
+     */
+    loading?: boolean;
+}
+/**
+ * Компонент Skeleton для отображения состояния загрузки
+ *
+ * @component
+ * @param {SkeletonProps} props - Свойства компонента
+ * @returns {JSX.Element | null} JSX элемент скелетона или null
+ *
+ * @description
+ * Универсальный компонент для создания скелетонов (skeleton screens) -
+ * заглушек, которые показываются во время загрузки контента.
+ *
+ * **Основные возможности:**
+ * - 3 варианта отображения: прямоугольный, круглый, текстовый
+ * - 3 типа анимации: волновая, пульсирующая, без анимации
+ * - Предустановленные размеры или кастомные размеры
+ * - Поддержка многострочного текста
+ * - Условный рендеринг с возможностью обертки контента
+ * - Полная кастомизация через className
+ *
+ * @example
+ * // Простой прямоугольный скелетон
+ * <Skeleton width={200} height={20} />
+ *
+ * @example
+ * // Круглый скелетон для аватара
+ * <Skeleton variant="circular" size="md" />
+ *
+ * @example
+ * // Многострочный текстовый скелетон
+ * <Skeleton variant="text" lines={3} width="100%" />
+ *
+ * @example
+ * // Условный рендеринг с оберткой
+ * <Skeleton loading={isLoading}>
+ *   <UserProfile user={userData} />
+ * </Skeleton>
+ *
+ * @example
+ * // Кастомная анимация и стили
+ * <Skeleton
+ *   animation="pulse"
+ *   className="my-skeleton"
+ *   width="300px"
+ *   height="150px"
+ * />
+ *
+ * @since 1.0.0
+ * @see {@link SkeletonProps} для полного описания свойств
+ * @see {@link SkeletonVariant} для вариантов отображения
+ * @see {@link SkeletonAnimation} для типов анимации
+ */
+export declare const Skeleton: FC<SkeletonProps>;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/shared/Skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,aAAa,GAAG,UAAU,CAAC;AAElE;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAE3E;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE7D;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;;;;;;;;;;OAYG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAE9B;;;;;;;;;;;;OAYG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,YAAY,CAAC,EAAE,oBAAoB,CAAC;IAEpC;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAyKD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA2DtC,CAAC"}