@olddevs/ui 0.0.0-stage → 4.0.1

package/dist/components/date-time/DateTimePicker.d.ts

@@ -0,0 +1,55 @@
+import type { DateInput } from "../../lib/date.js";
+export { maskTime, normalizeTime } from "../../lib/time.js";
+export interface DateTimePickerProps {
+    /** Дата в ISO-формате `ГГГГ-ММ-ДД`. */
+    date?: string | null;
+    /** Время в формате `ЧЧ:ММ`. */
+    time?: string | null;
+    /** Вызывается с ISO-датой `ГГГГ-ММ-ДД`, когда в календаре выбран день. */
+    onDateChange: (date: string) => void;
+    /** Вызывается со временем `ЧЧ:ММ`, когда ввод закончен или выбран слот из списка. */
+    onTimeChange: (time: string) => void;
+    /** Блокирует оба поля — дату и время. */
+    disabled?: boolean;
+    /**
+     * Границы календарные, то есть дневные, и ко времени не относятся.
+     *
+     * Ячейки календаря — `CalendarDate` без времени, и сравнение идёт по дню:
+     * `parseDate("2026-09-11").compare(parseDateTime("2026-09-11T14:00"))` — это
+     * ноль. Поэтому `minValue={…T14:00}` в смысле «не раньше чем через час» НЕ
+     * РАБОТАЕТ: тот же день с девятью утра пройдёт.
+     *
+     * Границ времени компонент не принимает намеренно. «Не раньше чем через час»
+     * — это правило бизнес-логики, а не свойство поля: оно зависит от часового
+     * пояса, который кит не знает принципиально (см. `timeZoneLabel`), и от
+     * момента отправки, а не отрисовки. Проверять его должен потребитель, там же,
+     * где он проверяет остальную форму.
+     *
+     * Значение — ISO-строка `ГГГГ-ММ-ДД`, как `date`; объект `@internationalized/date`
+     * тоже принимается.
+     */
+    minValue?: DateInput;
+    /** Самый поздний доступный день; граница календарная, как и `minValue`, ко времени не относится. */
+    maxValue?: DateInput;
+    /**
+     * Подпись зоны справа от времени: `MSK`, `UTC`.
+     *
+     * Проп, а не строка в разметке. До переезда в пакет здесь стоял хардкод
+     * `(MSK)` — надпись, никак не связанная с зоной, по которой сервер на самом
+     * деле публикует. Пакет зоны не знает и знать не должен: он показывает то,
+     * что ему передали, и по умолчанию — ничего.
+     */
+    timeZoneLabel?: string;
+    /** Часы поля времени: `24` (умолчание) или `12`, как у `TimePicker`. */
+    hourCycle?: 12 | 24;
+    /** Локаль подписи даты и календаря; по умолчанию локаль `UiProvider`. На поле времени не влияет. */
+    locale?: string;
+}
+/**
+ * Дата и время одной строкой.
+ *
+ * Время — `TimePicker`: то же поле с маской, что жило здесь раньше (ввод
+ * нормализуется по уходу фокуса, а не на каждое нажатие), плюс список слотов.
+ */
+export declare function DateTimePicker({ date, time, onDateChange, onTimeChange, disabled, minValue, maxValue, timeZoneLabel, hourCycle, locale, }: DateTimePickerProps): import("react").JSX.Element;
+//# sourceMappingURL=DateTimePicker.d.ts.map

package/dist/components/date-time/DateTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-time/DateTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAKnD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,WAAW,mBAAmB;IAClC,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,0EAA0E;IAC1E,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,qFAAqF;IACrF,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;;;;;;OAgBG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oGAAoG;IACpG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACpB,oGAAoG;IACpG,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,SAAS,EACT,MAAM,GACP,EAAE,mBAAmB,+BAmBrB"}

package/dist/components/date-time/DateTimePicker.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DatePicker } from "./DatePicker.js";
+import { TimePicker } from "./TimePicker.js";
+export { maskTime, normalizeTime } from "../../lib/time.js";
+export function DateTimePicker({ date, time, onDateChange, onTimeChange, disabled, minValue, maxValue, timeZoneLabel, hourCycle, locale, }) {
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(DatePicker, { value: date, onChange: onDateChange, disabled: disabled, minValue: minValue, maxValue: maxValue, locale: locale }), _jsx("span", { className: "text-fg-4", children: "\u00B7" }), _jsx(TimePicker, { value: time, onChange: onTimeChange, hourCycle: hourCycle, disabled: disabled }), timeZoneLabel ? _jsxs("span", { className: "text-fg-3 text-[13px]", children: ["(", timeZoneLabel, ")"] }) : null] }));
+}
+//# sourceMappingURL=DateTimePicker.js.map

package/dist/components/date-time/DateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.js","sourceRoot":"","sources":["../../../src/components/date-time/DateTimePicker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAsD5D,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,SAAS,EACT,MAAM,GACc;IACpB,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,UAAU,IACT,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,GACd,EAEF,eAAM,SAAS,EAAC,WAAW,uBAAS,EAEpC,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAE5F,aAAa,CAAC,CAAC,CAAC,gBAAM,SAAS,EAAC,uBAAuB,kBAAG,aAAa,SAAS,CAAC,CAAC,CAAC,IAAI,IACpF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/date-time/RangeCalendar.d.ts

@@ -0,0 +1,50 @@
+import { type DateValue, type RangeCalendarProps as RangeCalendarPropsRac } from "react-aria-components";
+import { type DateInput, type DateRangeInput } from "../../lib/date.js";
+import type { DateRange } from "../../lib/period.js";
+export interface RangeCalendarProps extends Omit<RangeCalendarPropsRac<DateValue>, "value" | "defaultValue" | "onChange" | "minValue" | "maxValue" | "defaultFocusedValue"> {
+    /**
+     * Выбранный период: `{ start, end }` объектов `@internationalized/date` или
+     * ISO-строк `ГГГГ-ММ-ДД` — вторые такие же, как `DateRange` у `DateRangePicker`.
+     * `null` — управляемое пустое значение. Если хоть одна граница не разбирается,
+     * период считается пустым: половина диапазона выбранным не бывает.
+     */
+    value?: DateRangeInput | null;
+    /** Начальный период неуправляемого календаря; те же два вида, что у `value`. */
+    defaultValue?: DateRangeInput | null;
+    /**
+     * Вызывается, когда выбраны обе границы. Первый аргумент — объект календаря,
+     * как у React Aria; второй — тот же период парой ISO-строк
+     * `ГГГГ-ММ-ДД`, как `DateRange` у `DateRangePicker`.
+     */
+    onChange?: (value: {
+        start: DateValue;
+        end: DateValue;
+    }, iso: DateRange) => void;
+    /** Самый ранний доступный день: объект календаря или ISO-строка `ГГГГ-ММ-ДД`. */
+    minValue?: DateInput;
+    /** Самый поздний доступный день; те же два вида, что у `minValue`. */
+    maxValue?: DateInput;
+    /** Месяц, на котором открывается неуправляемый календарь; те же два вида, что у `minValue`. */
+    defaultFocusedValue?: DateInput;
+    /** Классы на корень календаря: ширина, отступы, фон. */
+    className?: string;
+    /** Локаль подписей и первого дня недели — см. `Calendar`. */
+    locale?: string;
+    /**
+     * Сколько месяцев показать рядом: `1` или `2`; по умолчанию `1`.
+     *
+     * Сколько месяцев показать рядом. Два — рабочий вариант для диапазона:
+     * период, пересекающий границу месяца, иначе требует листать туда-обратно,
+     * теряя из виду уже выбранный конец. Один остаётся для узких экранов.
+     */
+    months?: 1 | 2;
+}
+/**
+ * Календарь диапазона.
+ *
+ * Концы диапазона заливаются акцентом, середина — приглушённой подложкой:
+ * иначе выбранные две недели читаются как двадцать одинаковых кнопок,
+ * и по картинке не видно, где начало.
+ */
+export declare function RangeCalendar({ className, locale, months, value, defaultValue, onChange, minValue, maxValue, defaultFocusedValue, ...props }: RangeCalendarProps): import("react").JSX.Element;
+//# sourceMappingURL=RangeCalendar.d.ts.map

package/dist/components/date-time/RangeCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/date-time/RangeCalendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EASL,KAAK,SAAS,EACd,KAAK,kBAAkB,IAAI,qBAAqB,EACjD,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGrD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,qBAAqB,CAAC,SAAS,CAAC,EAChC,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,qBAAqB,CACxF;IACC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,gFAAgF;IAChF,YAAY,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACrC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,GAAG,EAAE,SAAS,CAAA;KAAE,EAAE,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACjF,iFAAiF;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,MAAM,EACN,MAAU,EACV,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAwEpB"}

package/dist/components/date-time/RangeCalendar.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, CalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeaderCell, I18nProvider, RangeCalendar as RangeCalendarRac, } from "react-aria-components";
+import { cn } from "../../lib/cn.js";
+import { ChevronLeftIcon, ChevronRightIcon } from "../../icons.js";
+import { toDateBound, toIsoDate, toRangeValue, } from "../../lib/date.js";
+import { CalendarHeading, NAV_BUTTON_CLASS, WEEKDAY_CELL_CLASS, useToday } from "./Calendar.js";
+export function RangeCalendar({ className, locale, months = 1, value, defaultValue, onChange, minValue, maxValue, defaultFocusedValue, ...props }) {
+    const now = useToday();
+    const cell = (offset) => (_jsxs(CalendarGrid, { offset: offset, className: "w-fit", children: [_jsx(CalendarGridHeader, { children: (day) => _jsx(CalendarHeaderCell, { className: WEEKDAY_CELL_CLASS, children: day }) }), _jsx(CalendarGridBody, { className: "[&_td]:px-0", children: (date) => (_jsx(CalendarCell, { date: date, className: cn("text-fg-1 relative flex size-9 cursor-pointer items-center justify-center rounded-none border border-transparent p-0 text-[13px] font-normal outline-none", "duration-fast transition-colors", "data-[hovered]:bg-bg-3 data-[hovered]:text-fg-0", "data-[selected]:bg-accent-soft data-[selected]:text-fg-0", "data-[selection-start]:bg-accent data-[selection-start]:text-text-on-accent", "data-[selection-end]:bg-accent data-[selection-end]:text-text-on-accent", "data-[selection-start]:rounded-l-lg data-[selection-start]:rounded-r-none", "data-[selection-end]:rounded-l-none data-[selection-end]:rounded-r-lg", "data-[selection-start]:data-[selection-end]:rounded-lg", "data-[disabled]:pointer-events-none data-[disabled]:opacity-30", "data-[unavailable]:pointer-events-none data-[unavailable]:line-through data-[unavailable]:opacity-30", "data-[focus-visible]:outline-accent-strong data-[focus-visible]:z-10 data-[focus-visible]:outline data-[focus-visible]:outline-2", now !== null &&
+                        date.compare(now) === 0 &&
+                        "after:bg-accent data-[selection-end]:after:bg-text-on-accent data-[selection-start]:after:bg-text-on-accent after:absolute after:bottom-1 after:left-1/2 after:size-[3px] after:-translate-x-1/2 after:rounded-full") })) })] }));
+    const calendar = (_jsxs(RangeCalendarRac, { ...props, value: toRangeValue(value), defaultValue: toRangeValue(defaultValue), onChange: onChange &&
+            ((next) => onChange(next, { start: toIsoDate(next.start), end: toIsoDate(next.end) })), minValue: toDateBound(minValue), maxValue: toDateBound(maxValue), defaultFocusedValue: toDateBound(defaultFocusedValue), visibleDuration: { months }, className: cn("w-fit p-3 select-none", className), children: [_jsxs("header", { className: "mb-1 flex items-center gap-1", children: [_jsx(Button, { slot: "previous", className: NAV_BUTTON_CLASS, children: _jsx(ChevronLeftIcon, { size: 15 }) }), _jsx(CalendarHeading, {}), _jsx(Button, { slot: "next", className: NAV_BUTTON_CLASS, children: _jsx(ChevronRightIcon, { size: 15 }) })] }), _jsxs("div", { className: "flex gap-4", children: [cell(), months === 2 ? cell({ months: 1 }) : null] })] }));
+    return locale ? _jsx(I18nProvider, { locale: locale, children: calendar }) : calendar;
+}
+//# sourceMappingURL=RangeCalendar.js.map

package/dist/components/date-time/RangeCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.js","sourceRoot":"","sources":["../../../src/components/date-time/RangeCalendar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,aAAa,IAAI,gBAAgB,GAGlC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EACL,WAAW,EACX,SAAS,EACT,YAAY,GAGb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgDhG,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EACT,MAAM,EACN,MAAM,GAAG,CAAC,EACV,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,GAAG,KAAK,EACW;IACnB,MAAM,GAAG,GAAG,QAAQ,EAAE,CAAC;IAIvB,MAAM,IAAI,GAAG,CAAC,MAA2B,EAAE,EAAE,CAAC,CAC5C,MAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,OAAO,aAC7C,KAAC,kBAAkB,cAChB,CAAC,GAAG,EAAE,EAAE,CAAC,KAAC,kBAAkB,IAAC,SAAS,EAAE,kBAAkB,YAAG,GAAG,GAAsB,GACpE,EACrB,KAAC,gBAAgB,IAAC,SAAS,EAAC,aAAa,YACtC,CAAC,IAAI,EAAE,EAAE,CAAC,CACT,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,2JAA2J,EAC3J,iCAAiC,EACjC,iDAAiD,EACjD,0DAA0D,EAC1D,6EAA6E,EAC7E,yEAAyE,EACzE,2EAA2E,EAC3E,uEAAuE,EACvE,wDAAwD,EACxD,gEAAgE,EAChE,sGAAsG,EACtG,kIAAkI,EAClI,GAAG,KAAK,IAAI;wBACV,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;wBACvB,qNAAqN,CACxN,GACD,CACH,GACgB,IACN,CAChB,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,MAAC,gBAAgB,OACX,KAAK,EACT,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,EAC1B,YAAY,EAAE,YAAY,CAAC,YAAY,CAAC,EACxC,QAAQ,EACN,QAAQ;YACR,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAExF,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC,EAC/B,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC,EAC/B,mBAAmB,EAAE,WAAW,CAAC,mBAAmB,CAAC,EACrD,eAAe,EAAE,EAAE,MAAM,EAAE,EAC3B,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,aAEjD,kBAAQ,SAAS,EAAC,8BAA8B,aAC9C,KAAC,MAAM,IAAC,IAAI,EAAC,UAAU,EAAC,SAAS,EAAE,gBAAgB,YACjD,KAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,GACtB,EACT,KAAC,eAAe,KAAG,EACnB,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,gBAAgB,YAC7C,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,GACvB,IACF,EAET,eAAK,SAAS,EAAC,YAAY,aACxB,IAAI,EAAE,EACN,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IACtC,IACW,CACpB,CAAC;IAIF,OAAO,MAAM,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,YAAG,QAAQ,GAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC;AACrF,CAAC"}

package/dist/components/date-time/TimePicker.d.ts

@@ -0,0 +1,47 @@
+export interface TimePickerProps {
+    /** Время в формате `ЧЧ:ММ`. */
+    value?: string | null;
+    /** Вызывается со временем `ЧЧ:ММ`, когда ввод закончен (потеря фокуса, Enter) или выбран слот из списка. */
+    onChange: (time: string) => void;
+    /** Шаг слотов в минутах. Должен делить сутки нацело. */
+    step?: number;
+    /**
+     * Часы поля и списка: `24` (умолчание, `14:30`) или `12` (`2:30 PM`). Влияет только на показ
+     * и ввод: `value` и `onChange` остаются `ЧЧ:ММ`.
+     */
+    hourCycle?: 12 | 24;
+    /** Блокирует поле, список слотов не открывается. */
+    disabled?: boolean;
+    /** Плейсхолдер в пустом поле; по умолчанию стандартная подпись кита. */
+    placeholder?: string;
+    /** Доступное имя поля и списка слотов; по умолчанию стандартная подпись кита. */
+    "aria-label"?: string;
+    /**
+     * Показывает поле в состоянии ошибки: линия под временем краснеет, ставится
+     * `aria-invalid`. Внутри `FormField` с `error` признак берётся из формы, явный
+     * `invalid={false}` его снимает. Правило проверки остаётся у потребителя.
+     */
+    invalid?: boolean;
+    /** Классы на поле ввода. */
+    className?: string;
+}
+export declare function upcomingSlots(step: number, now: Date): string[];
+/**
+ * Время: поле с маской + список слотов.
+ *
+ * Гибрид, а не «или пикер, или ввод»: печатать быстрее тем, кто знает точное
+ * время, а список избавляет от попадания в цифры тех, кто выбирает «во сколько
+ * примерно». Ручной ввод — прежний контракт поля из `DateTimePicker`: маска
+ * на каждое нажатие, нормализация и `onChange` по уходу фокуса.
+ *
+ * Список — паттерн combobox с `aria-activedescendant`, а не roving focus как
+ * в `Select`: фокус обязан оставаться в поле, потому что выбор из списка и
+ * набор текста здесь одно действие, а не два режима.
+ *
+ * Набранный текст фильтрует слоты по префиксу («21» → 21:00, 21:30); фильтр —
+ * только то, что напечатано после открытия, иначе уже выбранное значение
+ * сворачивало бы список до самого себя. Пустой результат фильтра прячет
+ * панель целиком: подсказать нечего, мешать вводу незачем.
+ */
+export declare function TimePicker({ value, onChange, step, hourCycle, disabled, placeholder, "aria-label": ariaLabel, invalid, className, }: TimePickerProps): import("react").JSX.Element;
+//# sourceMappingURL=TimePicker.d.ts.map

package/dist/components/date-time/TimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-time/TimePicker.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,4GAA4G;IAC5G,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACpB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,GAAG,MAAM,EAAE,CAmB/D;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,IAAmB,EACnB,SAAc,EACd,QAAQ,EACR,WAAW,EACX,YAAY,EAAE,SAAS,EACvB,OAAO,EACP,SAAS,GACV,EAAE,eAAe,+BAgRjB"}

package/dist/components/date-time/TimePicker.js

@@ -0,0 +1,148 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
+import { useFieldDescribedBy, useFieldInvalid } from "../../hooks/useFieldDescription.js";
+import { cn } from "../../lib/cn.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { CheckIcon } from "../../icons.js";
+import { formatTime12, maskTime, maskTime12, normalizeTime, normalizeTime12, } from "../../lib/time.js";
+import { Popover, PopoverAnchor, PopoverContent } from "../overlays/Popover.js";
+const DEFAULT_STEP = 30;
+export function upcomingSlots(step, now) {
+    const safeStep = Number.isFinite(step) && step > 0 ? Math.floor(step) : DEFAULT_STEP;
+    const all = [];
+    for (let m = 0; m < 24 * 60; m += safeStep) {
+        all.push(`${String(Math.floor(m / 60)).padStart(2, "0")}:${String(m % 60).padStart(2, "0")}`);
+    }
+    const nowMinutes = now.getHours() * 60 + now.getMinutes();
+    const first = all.findIndex((_, i) => i * safeStep > nowMinutes);
+    if (first <= 0)
+        return all;
+    return [...all.slice(first), ...all.slice(0, first)];
+}
+export function TimePicker({ value, onChange, step = DEFAULT_STEP, hourCycle = 24, disabled, placeholder, "aria-label": ariaLabel, invalid, className, }) {
+    const messages = useMessages();
+    const describedBy = useFieldDescribedBy();
+    const fieldInvalid = useFieldInvalid();
+    const ariaInvalid = invalid ?? (fieldInvalid || undefined);
+    const twelve = hourCycle === 12;
+    const labels = useMemo(() => ({ am: messages.timePicker.am, pm: messages.timePicker.pm }), [messages.timePicker.am, messages.timePicker.pm]);
+    const display = (time) => twelve && /^\d{1,2}:\d{2}$/.test(time) ? formatTime12(time, labels) : time;
+    const [inputTime, setInputTime] = useState(display(value ?? ""));
+    const [open, setOpen] = useState(false);
+    const [filter, setFilter] = useState("");
+    const [active, setActive] = useState(-1);
+    const listboxId = useId();
+    const inputRef = useRef(null);
+    const [slots, setSlots] = useState([]);
+    const openList = () => {
+        if (disabled || open)
+            return;
+        setSlots(upcomingSlots(step, new Date()));
+        setFilter("");
+        setActive(-1);
+        setOpen(true);
+    };
+    const closeList = () => {
+        setOpen(false);
+        setFilter("");
+        setActive(-1);
+    };
+    const visible = useMemo(() => filter
+        ? slots.filter((s) => twelve
+            ? formatTime12(s, labels)
+                .toLowerCase()
+                .startsWith(filter.toLowerCase().replace(/^0+(?=\d)/, ""))
+            : s.startsWith(filter))
+        : slots, [slots, filter, twelve, labels]);
+    const commit = (next) => {
+        setInputTime(display(next));
+        if (next !== value)
+            onChange(next);
+    };
+    const [editing, setEditing] = useState(false);
+    const controlled = value !== undefined;
+    useEffect(() => {
+        if (editing || !controlled)
+            return;
+        setInputTime(display(value ?? ""));
+    }, [value, editing, controlled, twelve, labels]);
+    const selectSlot = (slot) => {
+        commit(slot);
+        closeList();
+    };
+    const commitTyped = () => {
+        if (inputTime.trim() === "" && !value)
+            return;
+        commit(twelve
+            ? normalizeTime12(inputTime, value ?? "00:00", labels)
+            : normalizeTime(inputTime, value ?? "00:00"));
+    };
+    const optionId = (slot) => `${listboxId}-${slot.replace(":", "")}`;
+    useEffect(() => {
+        if (active < 0)
+            return;
+        const slot = visible[active];
+        if (slot)
+            document.getElementById(optionId(slot))?.scrollIntoView?.({ block: "nearest" });
+    }, [active, visible]);
+    const onKeyDown = (e) => {
+        switch (e.key) {
+            case "ArrowDown":
+                e.preventDefault();
+                if (!open)
+                    openList();
+                else if (visible.length > 0)
+                    setActive((a) => Math.min(a + 1, visible.length - 1));
+                return;
+            case "ArrowUp":
+                if (!open)
+                    return;
+                e.preventDefault();
+                setActive((a) => Math.max(a - 1, 0));
+                return;
+            case "Enter":
+                if (!open)
+                    return;
+                e.preventDefault();
+                if (active >= 0 && visible[active])
+                    selectSlot(visible[active]);
+                else {
+                    commitTyped();
+                    closeList();
+                }
+                return;
+            case "Escape":
+                if (!open)
+                    return;
+                e.preventDefault();
+                closeList();
+                return;
+        }
+    };
+    return (_jsxs(Popover, { open: open, onOpenChange: (v) => (v ? openList() : closeList()), children: [_jsx(PopoverAnchor, { asChild: true, children: _jsx("input", { ref: inputRef, type: "text", inputMode: "numeric", role: "combobox", "aria-label": ariaLabel ?? messages.timePicker.label, "aria-expanded": open, "aria-controls": open ? listboxId : undefined, "aria-activedescendant": open && active >= 0 && visible[active] ? optionId(visible[active]) : undefined, "aria-autocomplete": "list", "aria-invalid": ariaInvalid, "aria-describedby": describedBy, placeholder: placeholder ??
+                        (twelve ? messages.timePicker.placeholder12 : messages.timePicker.placeholder), maxLength: twelve ? 6 + Math.max(labels.am.length, labels.pm.length) : 5, value: inputTime, onClick: openList, onChange: (e) => {
+                        const masked = twelve
+                            ? maskTime12(e.target.value, labels, inputTime)
+                            : maskTime(e.target.value);
+                        setInputTime(masked);
+                        setFilter(masked);
+                        setActive(-1);
+                        if (!open)
+                            openList();
+                    }, onKeyDown: onKeyDown, onFocus: () => {
+                        setEditing(true);
+                        openList();
+                    }, onBlur: () => {
+                        setEditing(false);
+                        commitTyped();
+                        closeList();
+                    }, disabled: disabled, className: cn(twelve ? "w-[88px]" : "w-[60px]", "border-line-soft text-fg-2 hover:border-line hover:text-fg-1 placeholder:text-fg-4 cursor-text border-b bg-transparent pb-px font-mono text-[13px] transition-colors outline-none", "focus-visible:border-accent-strong disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid=true]:border-danger-strong", className) }) }), visible.length > 0 ? (_jsx(PopoverContent, { className: twelve ? "w-[132px]" : "w-[96px]", align: "start", onOpenAutoFocus: (e) => e.preventDefault(), onCloseAutoFocus: (e) => e.preventDefault(), onFocusOutside: (e) => e.preventDefault(), onInteractOutside: (e) => {
+                    if (e.target === inputRef.current)
+                        e.preventDefault();
+                }, onMouseDown: (e) => e.preventDefault(), children: _jsx("div", { id: listboxId, role: "listbox", "aria-label": ariaLabel ?? messages.timePicker.label, className: "max-h-[240px] overflow-y-auto p-1", children: visible.map((slot, index) => {
+                        const isSelected = slot === value;
+                        return (_jsxs("button", { id: optionId(slot), type: "button", tabIndex: -1, role: "option", "aria-selected": isSelected, onClick: () => selectSlot(slot), className: cn("flex w-full cursor-pointer items-center justify-between gap-2 rounded-sm px-2.5 py-[7px] text-left font-mono text-[13px] whitespace-nowrap tabular-nums transition-colors", index === active && "bg-bg-2", isSelected ? "bg-bg-3 text-fg-0" : "text-fg-1 hover:bg-bg-2"), children: [display(slot), isSelected ? (_jsx(CheckIcon, { size: 14, "aria-hidden": true, className: "text-accent-strong shrink-0" })) : null] }, slot));
+                    }) }) })) : null] }));
+}
+//# sourceMappingURL=TimePicker.js.map

package/dist/components/date-time/TimePicker.js.map

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

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

@@ -0,0 +1,140 @@
+import { type ForwardRefExoticComponent, type ReactNode, type RefAttributes } from "react";
+import { type Size, type Tone } from "../../lib/variants.js";
+export interface CheckboxProps {
+    /** Видимая подпись справа от коробки. */
+    children?: ReactNode;
+    /**
+     * Доступное имя для флажка без видимой подписи — в шапке таблицы, в строке
+     * списка. Когда подпись есть, задавать не нужно: её и объявит скринридер.
+     *
+     * Компилятор наличия имени не требует, и это осознанно. Союзный тип
+     * («либо `children`, либо `label`») ломается в двух местах сразу: третий
+     * аргумент `createElement` в проверку союза не сворачивается, а `Omit` по
+     * союзу схлопывает его — то есть падают и матрица класс-покрытия, и любая
+     * обёртка в историях. Ровно этот компромисс уже описан у `Button.iconOnly`,
+     * и он там разрешён так же: имя сторожит не компилятор, а аудит axe —
+     * безымянный флажок роняет его как `critical`. Проверка есть в
+     * `tests-visual/a11y.spec.ts`.
+     */
+    label?: string;
+    /** Отмечен ли флажок — управляемое значение; обновлять его нужно в `onCheckedChange`. */
+    checked?: boolean;
+    /** Начальное состояние неуправляемого флажка: отмечен ли он при первом показе. */
+    defaultChecked?: boolean;
+    /**
+     * Третье состояние — «часть выбрана».
+     *
+     * Перекрывает `checked` при отрисовке и не снимается кликом: пользователь
+     * переводит флажок в да/нет, а «частично» ставит только вызывающий, пересчитав
+     * набор. Это поведение RAC, и оно же — единственно осмысленное: снять
+     * «частично» кликом означало бы выдумать за пользователя, что он имел в виду.
+     */
+    indeterminate?: boolean;
+    /** Вызывается при смене отметки и получает новое состояние. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Пояснение под подписью. */
+    description?: ReactNode;
+    /**
+     * Иконка пункта. Декоративная: из доступного имени исключена, имя несёт
+     * подпись. В карточке стоит в её начале, в обычном виде — между коробкой и
+     * подписью.
+     */
+    icon?: ReactNode;
+    /** Размер флажка: `sm` — меньшая коробка, `md` — большая. По умолчанию `md`. */
+    size?: Extract<Size, "sm" | "md">;
+    /**
+     * Слот react-aria: `selection` — флажок выделения в таблице или списке.
+     *
+     * Через него компонент забирает состояние у контекста коллекции — включая
+     * «выделено не всё» у флажка в шапке. Без слота такой флажок пришлось бы
+     * связывать с выделением руками, повторяя работу библиотеки, и он молча
+     * оставался бы немым: ни отметки, ни третьего состояния.
+     */
+    slot?: string;
+    /**
+     * Тон отмеченного флажка; неотмеченный всегда нейтрален.
+     *
+     * Цвет отмеченного состояния (в карточке — ещё и рамки отмеченной карточки).
+     * На неотмеченный флажок не влияет — он всегда нейтрален, как невыбранный
+     * `Chip`: тон здесь означает «что значит согласие», а не «какого цвета рамка».
+     *
+     * Внутри `CheckboxGroup` с заданным `tone` игнорируется: тон набора один на
+     * всех. У группы без `tone` и вне группы работает как раньше.
+     */
+    tone?: Tone;
+    /** Выключает флажок: отметить или снять его нельзя. */
+    disabled?: boolean;
+    /** Показывает флажок в состоянии ошибки. */
+    invalid?: boolean;
+    /** Имя и значение для нативной отправки формы. */
+    name?: string;
+    /**
+     * Значение для нативной отправки формы; внутри `CheckboxGroup` — ключ пункта
+     * в массиве группы.
+     */
+    value?: string;
+    /** Классы на корневой элемент. */
+    className?: string;
+}
+/**
+ * Карточка, которую `CheckboxGroup appearance="card"` рисует вместо строки.
+ *
+ * Получает все пропы флажка и уже решённый `tone` — итог выбора между тоном
+ * набора и собственным. Раскладку набора она берёт из своего контекста, а не
+ * отсюда: обычному флажку она ни к чему, а каждое лишнее поле в этом файле
+ * оплачивает и `DataTable`.
+ */
+export type CheckboxCardComponent = ForwardRefExoticComponent<CheckboxProps & {
+    tone: Tone;
+} & RefAttributes<HTMLDivElement>>;
+/**
+ * Контекст набора флажков: тон и, у карточек, рисовальщик карточки.
+ *
+ * `Card` лежит в контексте, а не импортируется в этот файл, и это не вкус, а
+ * размер бандла. Голый `Checkbox` живёт без группы — в шапке и строках
+ * `DataTable`, — и импорт карточной ветки отсюда тащил её код в каждый такой
+ * бандл (`DataTable` вырос с 5,4 до 5,9 кБ gzip ради кода, который он не
+ * показывает). Теперь карточку знает только `CheckboxGroup`: он кладёт её в
+ * контекст, а флажок использует лишь то, что пришло.
+ *
+ * `tone` у набора необязателен, и «не задан» — отдельное значение, а не
+ * `accent`: именно оно оставляет флажкам их собственные тона. У `RadioGroup`
+ * тон есть всегда, потому что у `Radio` собственного нет.
+ */
+export declare const CheckboxGroupStyleContext: import("react").Context<{
+    tone?: Tone;
+    Card?: CheckboxCardComponent;
+}>;
+/** Размеры коробки флажка: общие для обычного вида и для карточки. */
+export declare const CHECKBOX_SIZES: Record<"sm" | "md", {
+    box: string;
+    label: string;
+    icon: number;
+}>;
+/**
+ * Флажок.
+ *
+ * Здесь `checked`, а не `selected` из общего словаря: у флажка есть родное
+ * ARIA-понятие (`aria-checked`), и подменять его своим термином — значит
+ * расходиться со стандартом. То же решение, что у `Toggle`.
+ *
+ * Собран на `CheckboxField` + `CheckboxButton`, а НЕ на `Checkbox` из
+ * react-aria-components: последний в 1.19 помечен `@deprecated` в пользу этой
+ * пары. Первый же компонент волны, построенный на устаревшем экспорте, стал бы
+ * долгом миграции на весь пакет.
+ *
+ * ВИД КОРОБКИ ЗАДАЁТСЯ ЧЕРЕЗ РЕНДЕР-ПРОП, а не вариантами `selected:`/`invalid:`.
+ * Причина не стилистическая: коробка — дочерний `span`, а атрибуты состояния
+ * (`data-selected`, `data-invalid`) висят на `<label>` снаружи. Достать их
+ * оттуда можно было бы только формой `group-selected:`, а её пришлось бы
+ * склеивать из префикса и атома тона — ровно то, чего словарь не допускает:
+ * Tailwind сканирует исходники как текст, и класс, собранный в рантайме, молча
+ * не попадёт в CSS. Рендер-проп отдаёт состояние прямо в JS, и из таблицы
+ * берётся готовая литеральная строка.
+ *
+ * На самой `<label>` состояния, наоборот, заданы вариантами — `hover:` и
+ * `disabled:` там срабатывают на RAC-элементе благодаря двойному селектору
+ * плагина (см. `styles.css`).
+ */
+export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,yBAAyB,EAC9B,KAAK,SAAS,EACd,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAKf,OAAO,EAA6B,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAExF,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;;;;;;OAYG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,8BAA8B;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gFAAgF;IAChF,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAC3D,aAAa,GAAG;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,GAAG,aAAa,CAAC,cAAc,CAAC,CAC/D,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,yBAAyB;WAC7B,IAAI;WACJ,qBAAqB;EACxB,CAAC;AAEP,sEAAsE;AACtE,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAG5F,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,QAAQ,0EAgInB,CAAC"}

package/dist/components/inputs/Checkbox.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, } from "react";
+import { CheckboxButton, CheckboxField, Text } from "react-aria-components";
+import { CheckIcon, MinusIcon } from "../../icons.js";
+import { cn } from "../../lib/cn.js";
+import { hasContent } from "../../lib/empty.js";
+import { STATE_BORDER, TONE_TOKENS } from "../../lib/variants.js";
+export const CheckboxGroupStyleContext = createContext({});
+export const CHECKBOX_SIZES = {
+    sm: { box: "size-4 rounded-xs", label: "text-xs", icon: 11 },
+    md: { box: "size-[18px] rounded-xs", label: "text-[13px]", icon: 13 },
+};
+export const Checkbox = forwardRef(function Checkbox(props, ref) {
+    const { checked, defaultChecked, indeterminate, onCheckedChange, children, label, description, icon, size = "md", tone: ownTone = "accent", disabled, invalid, name, value, slot, className, } = props;
+    const { tone: groupTone, Card } = useContext(CheckboxGroupStyleContext);
+    const tone = groupTone ?? ownTone;
+    const t = TONE_TOKENS[tone];
+    const s = CHECKBOX_SIZES[size];
+    if (Card)
+        return _jsx(Card, { ...props, ref: ref, tone: tone });
+    return (_jsxs(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: cn("flex flex-col gap-1", className), children: [_jsx(CheckboxButton, { className: "hover:bg-bg-2 relative flex w-fit cursor-pointer items-center gap-2 rounded-sm px-1 py-0.5 " +
+                    "transition-colors disabled:cursor-default disabled:opacity-50 " +
+                    "before:absolute before:inset-x-0 before:bottom-full before:h-0.5 before:content-[''] after:absolute after:inset-x-0 after:top-full after:h-0.5 after:content-['']", children: ({ isSelected, isIndeterminate, isInvalid, isFocusVisible }) => {
+                    const on = isSelected || isIndeterminate;
+                    return (_jsxs(_Fragment, { children: [_jsx("span", { className: cn("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", isFocusVisible && "ring-accent-strong ring-offset-bg-1 ring-2 ring-offset-1"), children: isIndeterminate ? (_jsx(MinusIcon, { size: s.icon, strokeWidth: 3 })) : isSelected ? (_jsx(CheckIcon, { size: s.icon, strokeWidth: 3 })) : null }), hasContent(icon) && (_jsx("span", { "aria-hidden": "true", className: "text-fg-2 flex shrink-0", children: icon })), children != null && _jsx("span", { className: s.label, children: children })] }));
+                } }), description != null && (_jsx(Text, { slot: "description", className: "text-fg-3 pl-[26px] text-[11px]", children: description }))] }));
+});
+//# sourceMappingURL=Checkbox.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { type CheckboxCardComponent } from "./Checkbox.js";
+/**
+ * Раскладка набора карточек. Свой контекст, а не поле контекста `Checkbox`:
+ * см. `CheckboxCardComponent`.
+ */
+export declare const CheckboxCardLayoutContext: import("react").Context<"horizontal" | "vertical">;
+/**
+ * Флажок-карточка: то, что `CheckboxGroup appearance="card"` рисует вместо
+ * строки с коробкой.
+ *
+ * Не экспортируется из пакета и НЕ импортируется из `Checkbox.tsx`: его кладёт
+ * в контекст `CheckboxGroup`, и только тот, кто использует группу, платит за
+ * этот код в бандле (см. `CheckboxGroupStyleContext`). Тон приходит уже
+ * решённым — тон набора или собственный.
+ */
+export declare const CheckboxCard: CheckboxCardComponent;
+//# sourceMappingURL=CheckboxCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxCard.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/CheckboxCard.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAkB,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3E;;;GAGG;AACH,eAAO,MAAM,yBAAyB,oDAAuD,CAAC;AAE9F;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,qBAiGzB,CAAC"}