@olddevs/ui 0.0.0-stage → 4.0.0

package/dist/components/inputs/CheckboxCard.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext } from "react";
+import { CheckboxButton, CheckboxField } from "react-aria-components";
+import { CheckIcon, MinusIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+import { CHOICE_CARD_BASE, CHOICE_CARD_FOCUS_RING, CHOICE_CARD_IDLE_BORDER, CHOICE_CARD_INVALID_BORDER, CHOICE_CARD_LABEL, CHOICE_CARD_ROW, CHOICE_CARD_SELECTED_BORDER, } from "../../lib/choice-card.js";
+import { STATE_BORDER, TONE_TOKENS } from "../../lib/variants.js";
+import { ChoiceCardBody } from "./ChoiceCardBody.js";
+import { CHECKBOX_SIZES } from "./Checkbox.js";
+export const CheckboxCardLayoutContext = createContext("vertical");
+export const CheckboxCard = forwardRef(function CheckboxCard({ checked, defaultChecked, indeterminate, onCheckedChange, children, label, description, icon, size = "md", tone, disabled, invalid, name, value, slot, className, }, ref) {
+    const orientation = useContext(CheckboxCardLayoutContext);
+    const t = TONE_TOKENS[tone];
+    const s = CHECKBOX_SIZES[size];
+    return (_jsx(CheckboxField, { ref: ref, slot: slot, isSelected: checked, defaultSelected: defaultChecked, isIndeterminate: indeterminate, onChange: onCheckedChange, isDisabled: disabled, isInvalid: invalid, name: name, value: value, "aria-label": label, className: ({ isSelected, isIndeterminate, isInvalid, isDisabled }) => cn(CHOICE_CARD_BASE, isInvalid
+            ? CHOICE_CARD_INVALID_BORDER
+            : isSelected || isIndeterminate
+                ? CHOICE_CARD_SELECTED_BORDER[tone]
+                : CHOICE_CARD_IDLE_BORDER, isDisabled ? "opacity-50" : "hover:bg-bg-3", orientation === "horizontal" && CHOICE_CARD_ROW, className), children: _jsx(CheckboxButton, { className: ({ isFocusVisible }) => cn(CHOICE_CARD_LABEL, isFocusVisible && CHOICE_CARD_FOCUS_RING), children: ({ isSelected, isIndeterminate, isInvalid }) => {
+                const on = isSelected || isIndeterminate;
+                return (_jsx(ChoiceCardBody, { icon: icon, label: children, labelClassName: s.label, description: description, indicator: _jsx("span", { "data-indicator": "", className: cn("mt-0.5 flex shrink-0 items-center justify-center border transition-colors", s.box, on ? cn(t.solid, STATE_BORDER[tone]) : "border-line bg-bg-2", isInvalid && "border-danger-strong"), children: isIndeterminate ? (_jsx(MinusIcon, { size: s.icon, strokeWidth: 3 })) : isSelected ? (_jsx(CheckIcon, { size: s.icon, strokeWidth: 3 })) : null }) }));
+            } }) }));
+});
+//# sourceMappingURL=CheckboxCard.js.map

package/dist/components/inputs/CheckboxCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxCard.js","sourceRoot":"","sources":["../../../src/components/inputs/CheckboxCard.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/CheckboxGroup.d.ts

@@ -0,0 +1,68 @@
+import { type ReactNode } from "react";
+import type { ChoiceAppearance } from "../../lib/choice-card.js";
+import type { Tone } from "../../lib/variants.js";
+export interface CheckboxGroupProps {
+    /** Отмеченные пункты: массив `value` отмеченных флажков группы. */
+    value: string[];
+    /** Вызывается при смене набора и получает новый массив значений. */
+    onChange: (value: string[]) => void;
+    /** Подпись всей группы. Обязательна: набор флажков без общего вопроса нечитаем. */
+    label: ReactNode;
+    /** Пояснение под подписью. */
+    description?: ReactNode;
+    /** Сообщение об ошибке. Заменяет `description`, когда задано. */
+    errorMessage?: ReactNode;
+    /** Раскладка флажков. Горизонтальная — для двух-трёх коротких подписей. */
+    orientation?: "vertical" | "horizontal";
+    /**
+     * Выключает всю группу целиком: недоступен каждый её пункт.
+     *
+     * Выключает всю группу целиком. Перекрывает `disabled` отдельных флажков, а
+     * не складывается с ним: недоступна вся группа — недоступен каждый её пункт,
+     * и обратного прочтения тут быть не может.
+     */
+    disabled?: boolean;
+    /** Помечает группу обязательной для заполнения (передаётся в `react-aria-components`). */
+    isRequired?: boolean;
+    /**
+     * Тон отмеченных флажков набора — один на всех.
+     *
+     * Цвет отмеченных флажков набора (в карточках — ещё и рамки отмеченной
+     * карточки). Один на весь набор и приходит флажкам контекстом, как у
+     * `RadioGroup`: тон `Checkbox` внутри группы с этим пропом игнорируется —
+     * набор не может разъехаться по виду. Не задан — каждый флажок красится своим
+     * `tone`, как и вне группы. Неотмеченные всегда нейтральны.
+     */
+    tone?: Tone;
+    /**
+     * Вид группы: `default` — строки с коробкой, `card` — карточки.
+     *
+     * Вид группы: `default` — строки с коробкой, `card` — карточки с подписью,
+     * описанием и необязательной иконкой. Живёт у группы и приходит флажкам
+     * контекстом. Не `variant`: тот в ките уже значит подачу тона.
+     */
+    appearance?: ChoiceAppearance;
+    /** `<Checkbox value="…">` — по одному на пункт. */
+    children?: ReactNode;
+    /** Классы на корневой элемент группы. */
+    className?: string;
+}
+/**
+ * Группа флажков.
+ *
+ * СОБИРАЕТСЯ ИЗ `children`, А НЕ ИЗ МАССИВА `items` — и это осознанное
+ * расхождение с `Select` и `Segmented`.
+ *
+ * Те два рисуют однородные строки: у пункта есть подпись, иногда картинка и
+ * счётчик, и всё это описывается объектом. У флажка в группе бывает своё
+ * пояснение, свой `disabled`, своя иконка и своя вложенная разметка подписи —
+ * описать это объектом можно только заведя второй язык разметки рядом с JSX,
+ * который уже есть.
+ *
+ * Значение группы — массив, а состояние отдельного флажка внутри неё
+ * определяется вхождением его `value` в этот массив: `checked` у детей группы
+ * не задаётся вовсе. Это тот же принцип, по которому `RadioGroup` держит
+ * значение у группы, а не у каждой кнопки.
+ */
+export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/components/inputs/CheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/CheckboxGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAIlD,MAAM,WAAW,kBAAkB;IACjC,mEAAmE;IACnE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,oEAAoE;IACpE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,mFAAmF;IACnF,KAAK,EAAE,SAAS,CAAC;IACjB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,iEAAiE;IACjE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0FAA0F;IAC1F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa,+GAiExB,CAAC"}

package/dist/components/inputs/CheckboxGroup.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+import { CheckboxGroup as AriaCheckboxGroup, FieldError, Label, Text } from "react-aria-components";
+import { cn } from "../../lib/cn.js";
+import { CheckboxGroupStyleContext } from "./Checkbox.js";
+import { CheckboxCard, CheckboxCardLayoutContext } from "./CheckboxCard.js";
+export const CheckboxGroup = forwardRef(function CheckboxGroup({ value, onChange, label, description, errorMessage, orientation = "vertical", disabled, isRequired, tone, appearance = "default", children, className, }, ref) {
+    const style = useMemo(() => ({ tone, Card: appearance === "card" ? CheckboxCard : undefined }), [tone, appearance]);
+    return (_jsxs(AriaCheckboxGroup, { ref: ref, value: value, onChange: onChange, isDisabled: disabled, isRequired: isRequired, isInvalid: errorMessage != null || undefined, className: cn("flex flex-col gap-1.5", className), children: [_jsx(Label, { className: "text-fg-2 text-[11px] font-bold tracking-wide uppercase", children: label }), _jsx("div", { className: cn("flex", appearance === "card" ? "gap-3" : "gap-2", orientation === "vertical"
+                    ? "flex-col"
+                    : cn("flex-row flex-wrap", appearance === "card" ? "items-stretch" : "items-center")), children: _jsx(CheckboxGroupStyleContext.Provider, { value: style, children: _jsx(CheckboxCardLayoutContext.Provider, { value: orientation, children: children }) }) }), errorMessage != null ? (_jsx(FieldError, { className: "text-danger-strong text-[11px]", children: errorMessage })) : (description != null && (_jsx(Text, { slot: "description", className: "text-fg-3 text-[11px]", children: description })))] }));
+});
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/components/inputs/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/inputs/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACpG,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAkE5E,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAqC,SAAS,aAAa,CAChG,EACE,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,GAAG,UAAU,EACxB,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,UAAU,GAAG,SAAS,EACtB,QAAQ,EACR,SAAS,GACV,EACD,GAAG;IAIH,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,EACxE,CAAC,IAAI,EAAE,UAAU,CAAC,CACnB,CAAC;IACF,OAAO,CACL,MAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,QAAQ,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,YAAY,IAAI,IAAI,IAAI,SAAS,EAC5C,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,aAEjD,KAAC,KAAK,IAAC,SAAS,EAAC,yDAAyD,YAAE,KAAK,GAAS,EAC1F,cACE,SAAS,EAAE,EAAE,CACX,MAAM,EACN,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACzC,WAAW,KAAK,UAAU;oBACxB,CAAC,CAAC,UAAU;oBACZ,CAAC,CAAC,EAAE,CAAC,oBAAoB,EAAE,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CACvF,YAED,KAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAC9C,KAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,YACnD,QAAQ,GAC0B,GACF,GACjC,EAML,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,CACtB,KAAC,UAAU,IAAC,SAAS,EAAC,gCAAgC,YAAE,YAAY,GAAc,CACnF,CAAC,CAAC,CAAC,CACF,WAAW,IAAI,IAAI,IAAI,CACrB,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,uBAAuB,YACvD,WAAW,GACP,CACR,CACF,IACiB,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/inputs/ChoiceCardBody.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+/**
+ * Содержимое карточки выбора — общее для `Radio` и `Checkbox`.
+ *
+ * Не экспортируется из пакета: это разметка внутри метки, а не компонент
+ * потребителя. Иконка, подпись и описание лежат столбцом, индикатор —
+ * справа от них: выбранность не должна жить одним цветом рамки.
+ */
+export declare function ChoiceCardBody({ icon, label, labelClassName, description, indicator, }: {
+    icon?: ReactNode;
+    label?: ReactNode;
+    labelClassName: string;
+    description?: ReactNode;
+    indicator: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ChoiceCardBody.d.ts.map

package/dist/components/inputs/ChoiceCardBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceCardBody.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/ChoiceCardBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,cAAc,EACd,WAAW,EACX,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,EAAE,SAAS,CAAC;CACtB,+BAyBA"}

package/dist/components/inputs/ChoiceCardBody.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Text } from "react-aria-components";
+import { cn } from "../../lib/cn.js";
+import { hasContent } from "../../lib/empty.js";
+import { CHOICE_CARD_ICON } from "../../lib/choice-card.js";
+export function ChoiceCardBody({ icon, label, labelClassName, description, indicator, }) {
+    return (_jsxs(_Fragment, { children: [hasContent(icon) && (_jsx("span", { "aria-hidden": "true", className: CHOICE_CARD_ICON, children: icon })), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [hasContent(label) && (_jsx("span", { className: cn("text-fg-0 font-medium", labelClassName), children: label })), hasContent(description) && (_jsx(Text, { slot: "description", "aria-hidden": "true", className: "text-fg-3 text-[11px]", children: description }))] }), indicator] }));
+}
+//# sourceMappingURL=ChoiceCardBody.js.map

package/dist/components/inputs/ChoiceCardBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceCardBody.js","sourceRoot":"","sources":["../../../src/components/inputs/ChoiceCardBody.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAS5D,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,cAAc,EACd,WAAW,EACX,SAAS,GAOV;IAGC,OAAO,CACL,8BACG,UAAU,CAAC,IAAI,CAAC,IAAI,CACnB,8BAAkB,MAAM,EAAC,SAAS,EAAE,gBAAgB,YACjD,IAAI,GACA,CACR,EACD,gBAAM,SAAS,EAAC,oCAAoC,aACjD,UAAU,CAAC,KAAK,CAAC,IAAI,CACpB,eAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,cAAc,CAAC,YAAG,KAAK,GAAQ,CAC7E,EACA,UAAU,CAAC,WAAW,CAAC,IAAI,CAG1B,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,iBAAa,MAAM,EAAC,SAAS,EAAC,uBAAuB,YAC1E,WAAW,GACP,CACR,IACI,EACN,SAAS,IACT,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/inputs/ColorPicker.d.ts

@@ -0,0 +1,71 @@
+import type { ReactNode } from "react";
+export interface ColorPickerProps {
+    /** Текущий цвет строкой: `#4f7df3`, `rgb(...)`, `hsl(...)`. */
+    value: string;
+    /** Вызывается при смене цвета и получает строку в формате `outputFormat`. */
+    onChange: (value: string) => void;
+    /** Подпись поля. Обязательна: безымянный контрол скринридер называет только по роли. */
+    label: string;
+    /**
+     * Пресеты под областью выбора.
+     *
+     * Умолчания нет намеренно: набор «фирменных» цветов — это домен потребителя,
+     * а не кита. Значения токенов темы сюда подставляет тот, кто знает, какие из
+     * них применимы к его сущности.
+     *
+     * Нераспознанная заготовка **пропускается**, а не роняет рендер. Это не то же
+     * самое, что молчаливая правка `value`: значение потребитель хранит и отдаёт
+     * дальше, а заготовка — оформление, и падать из-за оформления компонент не
+     * должен. Библиотека на нераспознанной строке бросает **в фазе рендера**, то есть
+     * уносит поддерево потребителя целиком.
+     */
+    presets?: string[];
+    /**
+     * Формат строки, которую компонент отдаёт в `onChange`.
+     *
+     * Поле ввода под ползунками остаётся **шестнадцатеричным всегда**, и это
+     * названо в имени пропа: `rgb` и `hsl` — это не одно поле, а три поля
+     * каналов, то есть другой контрол, а не другой формат того же. Подпись поля
+     * поэтому тоже всегда `HEX`: подписать его «HSL», принимая hex, значило бы
+     * врать пользователю прямо на экране.
+     */
+    outputFormat?: "hex" | "rgb" | "hsl";
+    /** Выключает кнопку-триггер: панель выбора цвета не открывается. */
+    disabled?: boolean;
+    /** Содержимое кнопки-триггера вместо образца с подписью. */
+    children?: ReactNode;
+    /** Классы на кнопку-триггер. */
+    className?: string;
+}
+/**
+ * Выбор произвольного цвета.
+ *
+ * ОБЁРТКА, А НЕ СВОЯ МАТЕМАТИКА ЦВЕТА. Преобразования пространств, разбор
+ * строк, доступные описания оттенков для скринридера и клавиатура двумерной
+ * области — всё это уже есть в `react-aria-components` (общедоступно с 1.4.0).
+ * Здесь только словарь токенов сверху и раскладка.
+ *
+ * КОМПОНЕНТ ВЫДАЁТ ЦВЕТ МИМО СИСТЕМЫ ТОКЕНОВ, и это его назначение, а не
+ * недосмотр. Всё остальное в ките берёт цвет из темы; здесь пользователь
+ * называет свой — и результат по построению не подчиняется ни теме, ни бренду.
+ * Отсюда же следует, что контраст выбранного цвета кит не проверяет и
+ * проверить не может: он не знает, на чём этот цвет окажется.
+ *
+ * ЖИВЁТ ОТДЕЛЬНЫМ ВХОДОМ `@olddevs/ui/color`, а не в barrel: цветовая
+ * подсистема RAC стоит 61 кБ gzip — столько же, сколько весь остальной кит.
+ * Разбор в ADR-0038 и в
+ * докстроке `src/color.ts`.
+ *
+ * НАРУЖУ И ВНУТРЬ — СТРОКА, а не объект `Color` библиотеки. Объект протащил бы
+ * тип RAC в сигнатуры потребителя и в его состояние; строку он и так хранит,
+ * ею же и отдаёт на сервер.
+ *
+ * НЕРАСПОЗНАННАЯ СТРОКА В `value` СТАНОВИТСЯ ЧЁРНОЙ. Это поведение
+ * react-aria, и кит его не перехватывает: подменять чужое значение молча — то
+ * же самое, что молча его чинить. Но последствие стоит знать: первое же
+ * движение ползунка отдаст в `onChange` чёрный, то есть заменит нераспознанное
+ * значение распознанным. Проверять строку — обязанность потребителя, он же её и
+ * сформировал.
+ */
+export declare function ColorPicker({ value, onChange, label, presets, outputFormat, disabled, children, className, }: ColorPickerProps): import("react").JSX.Element;
+//# sourceMappingURL=ColorPicker.d.ts.map

package/dist/components/inputs/ColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/ColorPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBvC,MAAM,WAAW,gBAAgB;IAC/B,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wFAAwF;IACxF,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACrC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,YAAoB,EACpB,QAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,+BAwFlB"}

package/dist/components/inputs/ColorPicker.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ColorArea, ColorPicker as AriaColorPicker, ColorField, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorSwatchPickerItem, ColorThumb, parseColor, Input, Label, SliderTrack, } from "react-aria-components";
+import { useMessages } from "../../i18n/useMessages.js";
+import { useDescribedBy } from "../../hooks/useFieldDescription.js";
+import { cn } from "../../lib/cn.js";
+import { FIELD_SHELL_CLASS } from "../../lib/field.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../overlays/Popover.js";
+function parsablePresets(presets) {
+    if (!presets)
+        return [];
+    return [...new Set(presets)].filter((preset) => {
+        try {
+            parseColor(preset);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    });
+}
+const AREA_CLASS = "h-[132px] w-full rounded-md";
+const THUMB_CLASS = "h-4 w-4 rounded-full border-2 border-white shadow-[0_0_0_1px_rgba(0,0,0,0.45)]";
+export function ColorPicker({ value, onChange, label, presets, outputFormat = "hex", disabled = false, children, className, }) {
+    const messages = useMessages();
+    const describedBy = useDescribedBy(undefined);
+    const swatches = parsablePresets(presets);
+    return (_jsx(AriaColorPicker, { value: value, onChange: (color) => onChange(color.toString(outputFormat)), children: _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", disabled: disabled, "aria-label": label, ...(describedBy ? { "aria-describedby": describedBy } : {}), className: cn(FIELD_SHELL_CLASS, "flex cursor-pointer items-center gap-2 px-2.5 py-1.5", "disabled:cursor-not-allowed disabled:opacity-50", className), children: children ?? (_jsxs(_Fragment, { children: [_jsx(ColorSwatch, { className: "border-line h-[18px] w-[18px] shrink-0 rounded border" }), _jsx("span", { className: "text-fg-0 text-[13px]", children: label })] })) }) }), _jsx(PopoverContent, { className: "w-[268px] p-3", children: _jsxs("div", { className: "flex flex-col gap-2.5", children: [_jsx(ColorArea, { colorSpace: "hsb", xChannel: "saturation", yChannel: "brightness", className: AREA_CLASS, children: _jsx(ColorThumb, { className: THUMB_CLASS }) }), _jsx(ColorSlider, { colorSpace: "hsb", channel: "hue", children: _jsx(SliderTrack, { className: "h-3 w-full rounded-full", children: _jsx(ColorThumb, { className: cn(THUMB_CLASS, "top-1/2") }) }) }), _jsxs(ColorField, { className: "flex items-center gap-2", children: [_jsx(Label, { className: "text-fg-2 text-caption", children: messages.colorPicker.hex }), _jsx(Input, { "data-disable-focus-ring": "true", className: cn(FIELD_SHELL_CLASS, "text-fg-0 min-w-0 flex-1 px-2 py-1 text-[13px] outline-none") })] }), swatches.length > 0 && (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "text-fg-2 text-caption", children: messages.colorPicker.presets }), _jsx(ColorSwatchPicker, { className: "flex flex-wrap gap-1.5", children: swatches.map((preset) => (_jsx(ColorSwatchPickerItem, { color: preset, className: "focus-visible:outline-accent-strong selected:ring-accent-strong selected:ring-2 selected:ring-offset-1 cursor-pointer rounded focus-visible:outline-2 focus-visible:outline-offset-2", children: _jsx(ColorSwatch, { className: "border-line h-[22px] w-[22px] rounded border" }) }, preset))) })] }))] }) })] }) }));
+}
+//# sourceMappingURL=ColorPicker.js.map

package/dist/components/inputs/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/inputs/ColorPicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/Combobox.d.ts

@@ -0,0 +1,41 @@
+import type { ReactNode } from "react";
+import { type ComboBoxProps as AriaComboBoxProps, type Key } from "react-aria-components";
+export interface ComboboxItem {
+    /** Ключ пункта, уникальный в пределах `items`. */
+    id: Key;
+    /** Подпись пункта в списке и в поле ввода. */
+    label: string;
+    /** Правая колонка пункта: счётчик, дата, что угодно короткое. */
+    meta?: ReactNode;
+}
+export interface ComboboxProps extends Omit<AriaComboBoxProps<ComboboxItem>, "children" | "items" | "className" | "defaultItems" | "style"> {
+    /** Пункты-подсказки; список сужается по введённому тексту. */
+    items: ComboboxItem[];
+    /** Плейсхолдер в пустом поле ввода. */
+    placeholder?: string;
+    /** Текст, когда под введённое ничего не подошло. */
+    notFoundText?: string;
+    /** Классы на корневой элемент. */
+    className?: string;
+}
+/**
+ * Поле с подсказками: свободный ввод плюс список.
+ *
+ * НЕ ЗАМЕНА `Select` и не его развитие. Разница — в том, откуда берётся
+ * значение:
+ *
+ *   `Select`   — выбор из ЗАКРЫТОГО набора. Значения вне списка не бывает,
+ *                и вводить ничего нельзя: поиск внутри (`searchable`) только
+ *                фильтрует, а результат всё равно один из пунктов.
+ *   `Combobox` — ввод С ПОДСКАЗКАМИ. Список помогает, но не ограничивает:
+ *                значение может не совпасть ни с одним пунктом (`allowsCustomValue`).
+ *
+ * Отсюда правило выбора: набор известен и конечен — `Select`; пользователь
+ * вправе ввести своё (тег, название, адрес) — `Combobox`. Без этой границы
+ * через полгода в проекте оказываются оба вперемешку на одной задаче.
+ *
+ * Поведение целиком у react-aria: фильтрация, клавиатура, `aria-activedescendant`,
+ * объявление числа подсказок. Кит держит вид и границу применения.
+ */
+export declare function Combobox({ items, placeholder, notFoundText, menuTrigger, className, ...rest }: ComboboxProps): import("react").JSX.Element;
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/components/inputs/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/Combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAOL,KAAK,aAAa,IAAI,iBAAiB,EACvC,KAAK,GAAG,EACT,MAAM,uBAAuB,CAAC;AAQ/B,MAAM,WAAW,YAAY;IAC3B,kDAAkD;IAClD,EAAE,EAAE,GAAG,CAAC;IACR,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,iBAAiB,CAAC,YAAY,CAAC,EAC/B,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,cAAc,GAAG,OAAO,CAC9D;IACC,8DAA8D;IAC9D,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAqB,EACrB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,+BAsFf"}

package/dist/components/inputs/Combobox.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button as AriaButton, ComboBox as AriaComboBox, Input, ListBox, ListBoxItem, Popover, } from "react-aria-components";
+import { useFieldDescribedBy } from "../../hooks/useFieldDescription.js";
+import { SelectIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+import { LISTBOX_ITEM_CLASS } from "../../lib/menu.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { FIELD_INPUT_CLASS, FIELD_SHELL_CLASS } from "../../lib/field.js";
+export function Combobox({ items, placeholder, notFoundText, menuTrigger = "focus", className, ...rest }) {
+    const messages = useMessages();
+    const fieldDescribedBy = useFieldDescribedBy();
+    const describedBy = [rest["aria-describedby"], fieldDescribedBy].filter(Boolean).join(" ") || undefined;
+    return (_jsxs(AriaComboBox, { ...rest, "aria-describedby": describedBy, menuTrigger: menuTrigger, items: items, className: cn("w-full", className), children: [_jsxs("div", { className: cn(FIELD_SHELL_CLASS, "flex items-center gap-2"), children: [_jsx(Input, { placeholder: placeholder, "data-disable-focus-ring": "true", className: cn(FIELD_INPUT_CLASS, "min-w-0 flex-1") }), _jsx(AriaButton, { className: "text-fg-3 hover:text-fg-1 flex shrink-0 cursor-pointer items-center outline-none", "aria-label": messages.combobox.showSuggestions, children: _jsx(SelectIcon, { size: 14 }) })] }), _jsx(Popover, { className: "border-line-soft bg-bg-1 rounded-control w-[var(--trigger-width)] border p-1 shadow-[var(--shadow-2)]", children: _jsx(ListBox, { className: "max-h-[280px] overflow-y-auto outline-none", renderEmptyState: () => (_jsx("div", { className: "text-fg-2 px-3 py-4 text-center text-sm", children: notFoundText ?? messages.common.notFound })), children: (item) => (_jsxs(ListBoxItem, { id: item.id, textValue: item.label, className: cn(LISTBOX_ITEM_CLASS, "selected:text-fg-0 justify-between gap-3"), children: [_jsx("span", { className: "truncate", children: item.label }), item.meta != null ? (_jsx("span", { className: "text-fg-2 text-caption shrink-0", children: item.meta })) : null] })) }) })] }));
+}
+//# sourceMappingURL=Combobox.js.map

package/dist/components/inputs/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/components/inputs/Combobox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,MAAM,IAAI,UAAU,EACpB,QAAQ,IAAI,YAAY,EACxB,KAAK,EACL,OAAO,EACP,WAAW,EACX,OAAO,GAGR,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AA4C1E,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,GAAG,OAAO,EACrB,SAAS,EACT,GAAG,IAAI,EACO;IACd,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAS/B,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,WAAW,GACf,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,gBAAgB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;IAEtF,OAAO,CAWL,MAAC,YAAY,OACP,IAAI,sBACU,WAAW,EAC7B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,aAElC,eAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,yBAAyB,CAAC,aAC9D,KAAC,KAAK,IACJ,WAAW,EAAE,WAAW,6BACA,MAAM,EAC9B,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,GAClD,EAOF,KAAC,UAAU,IACT,SAAS,EAAC,kFAAkF,gBAGhF,QAAQ,CAAC,QAAQ,CAAC,eAAe,YAE7C,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,GACb,IACT,EAEN,KAAC,OAAO,IAAC,SAAS,EAAC,uGAAuG,YACxH,KAAC,OAAO,IACN,SAAS,EAAC,4CAA4C,EACtD,gBAAgB,EAAE,GAAG,EAAE,CAAC,CACtB,cAAK,SAAS,EAAC,yCAAyC,YACrD,YAAY,IAAI,QAAQ,CAAC,MAAM,CAAC,QAAQ,GACrC,CACP,YAEA,CAAC,IAAkB,EAAE,EAAE,CAAC,CACvB,MAAC,WAAW,IACV,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,SAAS,EAAE,IAAI,CAAC,KAAK,EACrB,SAAS,EAAE,EAAE,CAKX,kBAAkB,EAClB,0CAA0C,CAC3C,aAED,eAAM,SAAS,EAAC,UAAU,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC7C,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CACnB,eAAM,SAAS,EAAC,iCAAiC,YAAE,IAAI,CAAC,IAAI,GAAQ,CACrE,CAAC,CAAC,CAAC,IAAI,IACI,CACf,GACO,GACF,IACG,CAChB,CAAC;AACJ,CAAC"}

package/dist/components/inputs/FileDropzone.d.ts

@@ -0,0 +1,51 @@
+import { type ReactNode } from "react";
+/** Файл, который не приняли, и причина отказа. */
+export interface RejectedFile {
+    /** Имя отклонённого файла. */
+    name: string;
+    /**
+     * Причина отказа, уже готовая к показу пользователю: неподходящий тип или
+     * слишком большой размер.
+     */
+    reason: string;
+}
+export interface FileDropzoneProps {
+    /** Принятые типы в формате `accept` у `<input type="file">`: `image/*`, `.jpg,.png`. */
+    accept?: string;
+    /** Разрешает несколько файлов за раз. По умолчанию включено. */
+    multiple?: boolean;
+    /** Предел размера одного файла в байтах. */
+    maxSize?: number;
+    /** Вызывается с файлами, прошедшими проверку типа и размера. */
+    onFiles: (files: File[]) => void;
+    /**
+     * Вызывается с файлами, которые не прошли проверку, и причинами отказа.
+     *
+     * Отклонённые файлы. Не колбэк-уведомление, а часть возврата: показать их
+     * обязан сам компонент — см. докстроку.
+     */
+    onReject?: (rejected: RejectedFile[]) => void;
+    /** Подпись внутри области. */
+    label?: string;
+    /** Пояснение под подписью: допустимые форматы, предел размера. */
+    hint?: ReactNode;
+    /** Выключает область: файлы не принимаются ни перетаскиванием, ни кнопкой. */
+    disabled?: boolean;
+    /** Классы на корневой элемент. */
+    className?: string;
+}
+/**
+ * Область для перетаскивания файлов.
+ *
+ * **Отклонённые файлы показываются с причиной, а не пропадают молча.** Это
+ * единственное решение компонента, и оно из опыта: область, которая на десять
+ * брошенных файлов принимает семь и ничего не говорит про три, читается как
+ * «загрузка сломалась». Причина пишется рядом с именем — «слишком большой,
+ * 14 МБ», — потому что «файл не принят» не даёт пользователю ничего исправить.
+ *
+ * Мышь и клавиатура равноправны: перетаскивание даёт `DropZone`, кнопка выбора —
+ * `FileTrigger`. Область без кнопки была бы недоступна с клавиатуры вовсе, а
+ * это не «менее удобно», а «нельзя пользоваться».
+ */
+export declare function FileDropzone({ accept, multiple, maxSize, onFiles, onReject, label, hint, disabled, className, }: FileDropzoneProps): import("react").JSX.Element;
+//# sourceMappingURL=FileDropzone.d.ts.map

package/dist/components/inputs/FileDropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropzone.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/FileDropzone.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYjD,kDAAkD;AAClD,MAAM,WAAW,YAAY;IAC3B,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC9C,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,QAAe,EACf,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,+BAkKnB"}

package/dist/components/inputs/FileDropzone.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button as AriaButton, DropZone, FileTrigger, Text as AriaText, } from "react-aria-components";
+import { UploadIcon } from "../../icons.js";
+import { buttonClasses } from "../../lib/button.js";
+import { cn } from "../../lib/cn.js";
+import { useMessages, useUiLocale } from "../../i18n/useMessages.js";
+function formatSize(bytes, locale) {
+    const mega = bytes >= 1024 * 1024;
+    const value = Math.round(mega ? bytes / 1024 / 1024 : bytes / 1024);
+    return new Intl.NumberFormat(locale, {
+        style: "unit",
+        unit: mega ? "megabyte" : "kilobyte",
+        unitDisplay: "short",
+    }).format(value);
+}
+export function FileDropzone({ accept, multiple = true, maxSize, onFiles, onReject, label, hint, disabled, className, }) {
+    const messages = useMessages();
+    const locale = useUiLocale();
+    const [rejected, setRejected] = useState([]);
+    const accepts = (file) => {
+        if (!accept)
+            return true;
+        return accept.split(",").some((rule) => {
+            const r = rule.trim();
+            if (r.endsWith("/*"))
+                return file.type.startsWith(r.slice(0, -1));
+            if (r.startsWith("."))
+                return file.name.toLowerCase().endsWith(r.toLowerCase());
+            return file.type === r;
+        });
+    };
+    const sort = (files, extra = []) => {
+        const ok = [];
+        const bad = [...extra];
+        for (const file of files) {
+            if (!accepts(file))
+                bad.push({ name: file.name, reason: messages.fileDropzone.wrongType });
+            else if (maxSize != null && file.size > maxSize)
+                bad.push({
+                    name: file.name,
+                    reason: messages.fileDropzone.tooLarge({ size: formatSize(file.size, locale) }),
+                });
+            else
+                ok.push(file);
+        }
+        const accepted = multiple ? ok : ok.slice(0, 1);
+        for (const file of ok.slice(accepted.length))
+            bad.push({ name: file.name, reason: messages.fileDropzone.singleFileOnly });
+        setRejected(bad);
+        if (accepted.length)
+            onFiles(accepted);
+        if (bad.length)
+            onReject?.(bad);
+    };
+    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), children: [_jsxs(DropZone, { isDisabled: disabled, onDrop: async (e) => {
+                    const dropped = e.items.filter((item) => item.kind === "file");
+                    const settled = await Promise.allSettled(dropped.map((item) => item.getFile()));
+                    const files = settled
+                        .filter((r) => r.status === "fulfilled")
+                        .map((r) => r.value);
+                    const unreadable = settled.flatMap((r, index) => r.status === "rejected"
+                        ? [{ name: dropped[index].name, reason: messages.fileDropzone.unreadable }]
+                        : []);
+                    const folders = e.items
+                        .filter((item) => item.kind === "directory")
+                        .map((item) => ({
+                        name: "name" in item ? item.name : messages.fileDropzone.folderName,
+                        reason: messages.fileDropzone.foldersNotAccepted,
+                    }));
+                    sort(files, [...folders, ...unreadable]);
+                }, className: cn("border-line-soft bg-bg-1 flex flex-col items-center justify-center gap-2 rounded-md border border-dashed px-6 py-8 transition-colors", "drop-target:border-accent-strong drop-target:bg-accent-soft", "focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:outline-offset-2", disabled && "bg-bg-2 cursor-not-allowed"), children: [_jsx("span", { "aria-hidden": true, className: "text-fg-3", children: _jsx(UploadIcon, { size: 24, strokeWidth: 1.5 }) }), _jsx(AriaText, { slot: "label", className: cn("text-sm", disabled ? "text-fg-2" : "text-fg-1"), children: label ?? messages.fileDropzone.label }), hint ? _jsx("span", { className: "text-fg-2 text-caption", children: hint }) : null, _jsx(FileTrigger, { acceptedFileTypes: accept?.split(","), allowsMultiple: multiple, onSelect: (list) => sort(Array.from(list ?? [])), children: _jsx(AriaButton, { isDisabled: disabled, className: buttonClasses({ variant: "soft", tone: "neutral", size: "sm" }), children: messages.fileDropzone.browse }) })] }), _jsx("div", { role: "alert", className: "empty:hidden", children: rejected.length > 0 ? (_jsx("ul", { className: "flex flex-col gap-1", children: rejected.map((file) => (_jsxs("li", { className: "text-danger-strong text-caption", children: [file.name, " \u2014 ", file.reason] }, file.name))) })) : null })] }));
+}
+//# sourceMappingURL=FileDropzone.js.map

package/dist/components/inputs/FileDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropzone.js","sourceRoot":"","sources":["../../../src/components/inputs/FileDropzone.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/Form.d.ts

@@ -0,0 +1,50 @@
+import { type FormEvent, type ReactNode } from "react";
+export interface FormProps {
+    /**
+     * Вызывается при отправке формы; перезагрузка страницы уже отменена. Пока
+     * идёт `pending`, не вызывается.
+     */
+    onSubmit: (event: FormEvent<HTMLFormElement>) => void;
+    /**
+     * Идёт отправка.
+     *
+     * Выключает форму целиком через `<fieldset disabled>`, а не перебором полей.
+     * Перебор потребовал бы, чтобы форма знала свой состав, — а она его не знает
+     * и не должна: поля приходят в `children`. Плюс родной `fieldset` выключает
+     * и то, что появится позже, без единой строки кода.
+     */
+    pending?: boolean;
+    /** Поля формы и кнопка отправки. */
+    children?: ReactNode;
+    /** Классы на элемент `form`. */
+    className?: string;
+}
+/**
+ * Обвязка формы: отправка и блокировка на время запроса.
+ *
+ * СВОЕЙ ВАЛИДАЦИИ НЕТ И НЕ БУДЕТ. Правила «название обязательно», «дата не
+ * раньше сегодня», «канал должен быть подключён» — знание предметной области.
+ * Кит, взявшийся их описывать, превратился бы в библиотеку форм, а его словарь
+ * тонов и размеров к валидации отношения не имеет.
+ *
+ * ПРОПА `validationErrors` ЗДЕСЬ НЕТ, хотя react-aria его принимает, и это
+ * решение, а не упущение. Он раздаёт ошибки полям через свой контекст — то
+ * есть доходит до `Checkbox`, `CheckboxGroup`, `RadioGroup` и `NumberInput`,
+ * но не до `TextControl` и `Select`: те в ките рукописные и контекста не
+ * читают. Проп, который для половины полей формы не делает ничего и молча, —
+ * хуже отсутствующего: потребитель узнал бы об этом на проде.
+ *
+ * Ошибки поэтому передаются явно, пропами, и это уже идиома пакета:
+ * `FormField error`, `CheckboxGroup errorMessage`, `RadioGroup errorMessage`.
+ * Один канал вместо двух, и компилятор видит оба конца.
+ *
+ * Что кит берёт на себя: показать ошибку в нужном месте, объявить её
+ * скринридеру и не дать отправить форму дважды.
+ *
+ * `validationBehavior="aria"` — а не родное `native`. Браузерные пузырьки
+ * появляются у первого невалидного поля, выглядят системно, не переводятся и
+ * не поддаются стилизации; аккуратно оформленное сообщение под полем рядом с
+ * таким пузырьком выглядит ошибкой вёрстки, а не решением.
+ */
+export declare const Form: import("react").ForwardRefExoticComponent<FormProps & import("react").RefAttributes<HTMLFormElement>>;
+//# sourceMappingURL=Form.d.ts.map

package/dist/components/inputs/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/Form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAInE,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACtD;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI,uGAsBf,CAAC"}

package/dist/components/inputs/Form.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Form as AriaForm } from "react-aria-components";
+import { cn } from "../../lib/cn.js";
+export const Form = forwardRef(function Form({ onSubmit, pending, children, className }, ref) {
+    return (_jsx(AriaForm, { ref: ref, onSubmit: (event) => {
+            event.preventDefault();
+            if (pending)
+                return;
+            onSubmit(event);
+        }, validationBehavior: "aria", className: cn("flex flex-col gap-4", className), children: _jsx("fieldset", { disabled: pending, className: "contents", children: children }) }));
+});
+//# sourceMappingURL=Form.js.map

package/dist/components/inputs/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/inputs/Form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAkC,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAkDrC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA6B,SAAS,IAAI,CACtE,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAC1C,GAAG;IAEH,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,KAAK,CAAC,cAAc,EAAE,CAAC;YAGvB,IAAI,OAAO;gBAAE,OAAO;YACpB,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC,EACD,kBAAkB,EAAC,MAAM,EACzB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAE/C,mBAAU,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAC,UAAU,YAC9C,QAAQ,GACA,GACF,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}