@olddevs/ui 0.0.0-stage → 4.0.1

package/dist/components/content/AvatarGroup.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { Avatar } from "./Avatar.js";
+export function AvatarGroup({ names, max = 3, size = "md", className, "aria-label": ariaLabel, }) {
+    const members = names.map((entry) => (typeof entry === "string" ? { name: entry } : entry));
+    const shown = members.slice(0, max);
+    const rest = members.length - shown.length;
+    return (_jsxs("span", { className: cn("inline-flex items-center", className), "aria-label": ariaLabel || members.map((member) => member.name).join(", "), role: "img", children: [shown.map(({ name, src }, index) => (_jsx("span", { "aria-hidden": true, className: cn("ring-bg-1 relative rounded-full ring-2", index > 0 && "-ml-2"), style: { zIndex: shown.length - index }, children: _jsx(Avatar, { name: name, src: src, alt: "", size: size }) }, `${name}-${index}`))), rest > 0 ? (_jsxs("span", { "aria-hidden": true, className: cn("bg-bg-3 text-fg-1 ring-bg-1 relative -ml-2 flex items-center justify-center rounded-full font-semibold ring-2", size === "lg" ? "text-md h-16 w-16" : "text-caption h-7 w-7"), children: ["+", rest] })) : null] }));
+}
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/components/content/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../../src/components/content/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AA4CrC,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,IAAI,EACX,SAAS,EACT,YAAY,EAAE,SAAS,GACN;IAEjB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5F,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAE3C,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,gBACxC,SAAS,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EACxE,IAAI,EAAC,KAAK,aAET,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,oCAGE,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,KAAK,GAAG,CAAC,IAAI,OAAO,CAAC,EAC7E,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,EAAE,YAGvC,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,EAAE,EAAC,IAAI,EAAE,IAAI,GAAI,IAN9C,GAAG,IAAI,IAAI,KAAK,EAAE,CAOlB,CACR,CAAC,EACD,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CACV,qCAEE,SAAS,EAAE,EAAE,CAGX,+GAA+G,EAC/G,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,sBAAsB,CAC7D,kBAEC,IAAI,IACD,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}

package/dist/components/content/Badge.d.ts

@@ -0,0 +1,41 @@
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import { type Tone } from "../../lib/variants.js";
+export interface BadgeProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
+    /** Что показать: число или короткая метка. */
+    children?: ReactNode;
+    /** Цветовой тон значка: `neutral`, `accent`, `success`, `warning` или `danger`. По умолчанию `danger`. */
+    tone?: Tone;
+    /**
+     * Точка вместо числа: «есть новое», без указания сколько.
+     *
+     * Нужна там, где число не помогает: значок уведомлений с «237» читается
+     * хуже, чем просто отметка о том, что смотреть есть что.
+     */
+    dot?: boolean;
+    /** Предел числа: сверх него показывается «99+». */
+    max?: number;
+    /**
+     * Положить значок поверх иконки: в правый верхний угол родителя, у которого
+     * задан `position` (обычно `relative`).
+     */
+    overlay?: boolean;
+}
+/**
+ * Счётчик или короткая метка.
+ *
+ * ГРАНИЦА С СОСЕДЯМИ — единственное, что здесь стоит объяснить, потому что
+ * три компонента кита выглядят похоже и означают разное:
+ *
+ *   `Badge`       — СКОЛЬКО. Число рядом с чем-то: непрочитанных пять,
+ *                   в очереди двенадцать. Само по себе не кликается.
+ *   `StatusBadge` — В КАКОМ СОСТОЯНИИ сущность: черновик, опубликован,
+ *                   ошибка. Значение из закрытого набора, не число.
+ *   `Chip count`  — счётчик ВНУТРИ фильтра: сколько найдётся, если нажать.
+ *                   Часть кликабельной пилюли, а не самостоятельный знак.
+ *
+ * Перепутать легко, и цена ошибки не косметическая: `StatusBadge` тоном
+ * сообщает состояние («ошибка» красным), а `Badge` тоном — важность. Красный
+ * счётчик рядом с иконкой означает «срочно», а не «сломалось».
+ */
+export declare function Badge({ children, tone, dot, max, overlay, className, ...rest }: BadgeProps): import("react").JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/content/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/content/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAe,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACjF,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0GAA0G;IAC1G,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;;;OAKG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,IAAe,EACf,GAAG,EACH,GAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,IAAI,EACR,EAAE,UAAU,+BAyBZ"}

package/dist/components/content/Badge.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { TONE_TOKENS } from "../../lib/variants.js";
+export function Badge({ children, tone = "danger", dot, max = 99, overlay, className, ...rest }) {
+    const t = TONE_TOKENS[tone];
+    const content = typeof children === "number" && children > max ? `${max}+` : children;
+    return (_jsx("span", { className: cn("inline-flex shrink-0 items-center justify-center rounded-full font-semibold", t.solid, dot
+            ? "size-2"
+            :
+                "text-caption h-4 min-w-4 px-1", overlay && "ring-bg-1 absolute -top-1 -right-1 ring-2", className), ...rest, children: dot ? null : content }));
+}
+//# sourceMappingURL=Badge.js.map

package/dist/components/content/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/content/Badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAa,MAAM,uBAAuB,CAAC;AAwC/D,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,GAAG,EACH,GAAG,GAAG,EAAE,EACR,OAAO,EACP,SAAS,EACT,GAAG,IAAI,EACI;IACX,MAAM,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAE5B,MAAM,OAAO,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEtF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,CAAC,CAAC,KAAK,EACP,GAAG;YACD,CAAC,CAAC,QAAQ;YACV,CAAC;gBAEC,+BAA+B,EAGnC,OAAO,IAAI,2CAA2C,EACtD,SAAS,CACV,KACG,IAAI,YAEP,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,GAChB,CACR,CAAC;AACJ,CAAC"}

package/dist/components/content/Card.d.ts

@@ -0,0 +1,59 @@
+import { type ComponentPropsWithoutRef } from "react";
+import type { Size } from "../../lib/variants.js";
+export interface CardProps extends ComponentPropsWithoutRef<"div"> {
+    /** Размер карточки (отступы): `sm` или `md`. По умолчанию `md`. */
+    size?: Extract<Size, "sm" | "md">;
+    /**
+     * Вывести карточку дочерним элементом, который умеет быть нажатым:
+     * `<button>`, `<a>`, `next/link`. Пропы и `ref` сливаются с потомком — идиома та же, что у
+     * `Button`.
+     *
+     * Заведено под конкретный дефект: карточка коллекции и карточка категории
+     * во фронте были `<div onClick>` без роли и без `tabIndex` — с клавиатуры
+     * они недостижимы вовсе, и скринридер о том, что сюда можно нажать, не
+     * сообщает. Таких мест во фронте нашлось десять.
+     *
+     * **`asChild` включает и вид нажимаемого**: курсор, подсветку рамки на
+     * наведении и кольцо фокуса. Иначе каждый потребитель дописывал бы это
+     * руками — то есть ровно то расхождение, ради устранения которого карточка
+     * и лежит в пакете. Карточка-контейнер (без `asChild` и без `interactive`)
+     * не меняется ни на пиксель.
+     */
+    asChild?: boolean;
+    /**
+     * Карточка нажимаема, но действие живёт внутри неё — растянутой ссылкой
+     * (`after:absolute after:inset-0`), а рядом стоят вторичные действия: меню
+     * «Ещё», кнопка избранного.
+     *
+     * Отдельный случай от `asChild`, и различает их одно правило разметки:
+     * вкладывать кнопку в кнопку нельзя — вложенная интерактивность недостижима
+     * с клавиатуры. Поэтому карточка с меню внутри не может быть кнопкой целиком:
+     * она остаётся контейнером, ссылка накрывает её площадь, а меню лежит выше
+     * по слою и остаётся отдельной целью.
+     *
+     * Идиома в пакете не новая: так же устроена пилюля `Select` — внешний бокс,
+     * растянутая по нему кнопка и крестик очистки рядом, а не внутри.
+     *
+     * Кольцо фокуса обводит всю карточку, когда сфокусирована именно растянутая
+     * ссылка (`has-[a:focus-visible]`), а не любой потомок: иначе фокус на меню
+     * обводил бы карточку целиком, обещая нажатие не туда.
+     */
+    interactive?: boolean;
+}
+/**
+ * Панель с рамкой и тенью.
+ *
+ * Прежняя версия принимала `padding` и `radius` отдельными числами и
+ * подставляла их в инлайн-`style` — то есть допускала любое значение и шкалы
+ * не имела. Разбор всех 16 вызовов во фронте показал, что ступеней ровно две
+ * и обе оси всегда меняются вместе: `18/16` (12 вызовов) и `14/12` (4 вызова,
+ * все в `SchedulePostCards.jsx`). Поэтому здесь одна ось `size`.
+ *
+ * Значения намеренно оставлены точными (`p-[14px]`, а не `p-3`): переезд не
+ * должен сдвигать вёрстку. Округление до круглых чисел — отдельное визуальное
+ * решение, а не часть выноса в пакет.
+ *
+ * Проп `style` прежней версии не передавался ни разу — не переносится.
+ */
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/content/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/content/Card.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,WAAW,SAAU,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAChE,mEAAmE;IACnE,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAiCD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI,sGAsBf,CAAC"}

package/dist/components/content/Card.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { forwardRef } from "react";
+import { cn } from "../../lib/cn.js";
+const SIZES = {
+    sm: "p-[14px] rounded-md",
+    md: "p-[18px] rounded-lg",
+};
+const INTERACTIVE = "cursor-pointer transition-colors hover:border-line";
+const AS_CHILD = "w-full text-left " +
+    "focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:outline-offset-2";
+const CONTAINER = "relative " +
+    "has-[a:focus-visible]:outline-accent-strong has-[a:focus-visible]:outline-2 " +
+    "has-[a:focus-visible]:outline-offset-2";
+export const Card = forwardRef(function Card({ size = "md", asChild = false, interactive = false, className, children, ...rest }, ref) {
+    const Comp = asChild ? Slot : "div";
+    return (_jsx(Comp, { ref: ref, className: cn("border-line-soft bg-bg-1 border shadow-[var(--shadow-1)]", SIZES[size], (asChild || interactive) && INTERACTIVE, asChild && AS_CHILD, !asChild && interactive && CONTAINER, className), ...rest, children: children }));
+});
+//# sourceMappingURL=Card.js.map

package/dist/components/content/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/content/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAiC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAgDrC,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,qBAAqB;IACzB,EAAE,EAAE,qBAAqB;CACjB,CAAC;AAMX,MAAM,WAAW,GAAG,oDAAoD,CAAC;AAQzE,MAAM,QAAQ,GACZ,mBAAmB;IACnB,4FAA4F,CAAC;AAG/F,MAAM,SAAS,GACb,WAAW;IACX,8EAA8E;IAC9E,wCAAwC,CAAC;AAiB3C,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CACrE,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,WAAW,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACnF,GAAG;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,KAAK,CAAC,IAAI,CAAC,EACX,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,WAAW,EACvC,OAAO,IAAI,QAAQ,EACnB,CAAC,OAAO,IAAI,WAAW,IAAI,SAAS,EACpC,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/content/Carousel.d.ts

@@ -0,0 +1,79 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import type { AccessibleName } from "../../lib/accessible-name.js";
+import { type Responsive } from "../../lib/responsive.js";
+/** Сколько слайдов видно разом. Закрытый набор: класс на каждое значение написан в словаре. */
+export type CarouselSlidesPerView = 1 | 2 | 3 | 4;
+interface CarouselBaseProps extends Omit<ComponentPropsWithoutRef<"section">, "children" | "aria-label" | "aria-labelledby" | "aria-roledescription"> {
+    /**
+     * Слайды: каждый прямой потомок — один слайд. Фрагмент считается одним
+     * потомком, поэтому слайды в нём не разойдутся; `null`, `false` и пустые
+     * строки слайдом не становятся.
+     */
+    children?: ReactNode;
+    /**
+     * Сколько слайдов видно разом: число или объект по брейкпойнтам кита —
+     * `{ base: 1, md: 2, xl: 4 }`. По умолчанию 1.
+     *
+     * Зазора между слайдами нет намеренно: ширина слайда — доля строки, и зазор
+     * сделал бы её зависимой от числа слайдов в видимой части. Отступ между
+     * карточками — внутренний отступ содержимого слайда.
+     */
+    slidesPerView?: Responsive<CarouselSlidesPerView>;
+    /**
+     * Текущий слайд — управляемый режим. Это левый видимый слайд, считая с нуля:
+     * при `slidesPerView={3}` и пяти слайдах достижимы индексы 0–2, потому что
+     * карусель не прокручивается дальше своего конца.
+     */
+    index?: number;
+    /** Слайд при первом показе — неуправляемый режим. */
+    defaultIndex?: number;
+    /**
+     * Сообщает индекс слайда, на котором пользователь остановил карусель.
+     *
+     * Вызывается, когда прокрутка остановилась на другом слайде, — по кнопке, по
+     * жесту или по клавише. Не вызывается на каждый кадр прокрутки и не
+     * вызывается, когда карусель доехала до слайда, который назначили ей сами через
+     * `index` или `defaultIndex`. В управляемом режиме родитель, не принявший
+     * новый индекс, получит карусель обратно на прежнем.
+     */
+    onIndexChange?: (index: number) => void;
+}
+/**
+ * Имя региона обязательно, и это сказано типом: без него скринридер объявит
+ * просто «регион» (а при `aria-roledescription` — безымянную «карусель»), и
+ * пользователь не узнает, какая из двух каруселей на экране перед ним.
+ *
+ * Видимой подписи у карусели нет, поэтому имя — ровно одно из `aria-label` и
+ * `aria-labelledby` (`AccessibleName`); `label` в ките значит только видимую
+ * подпись. `aria-labelledby` — когда над лентой уже стоит заголовок.
+ */
+export type CarouselProps = CarouselBaseProps & AccessibleName;
+/**
+ * Карусель: лента слайдов на нативной прокрутке с привязкой.
+ *
+ * ЛИСТАЕТ БРАУЗЕР, А НЕ МЫ. Лента — обычный контейнер с `overflow-x` и CSS
+ * scroll-snap: колесо, тачпад, свайп и стрелки клавиатуры работают сами, с
+ * инерцией и с остановкой ровно на слайде. Компонент их не перехватывает —
+ * только читает результат и добавляет кнопки. Поэтому нет ни автопрокрутки, ни
+ * бесконечной ленты, ни точек-индикаторов (вне объёма), и кнопка паузы не нужна.
+ *
+ * ТЕКУЩИЙ СЛАЙД ЧИТАЕТСЯ ИЗ ПОЛОЖЕНИЯ ПРОКРУТКИ (событие `scroll` и геометрия),
+ * а не из `IntersectionObserver`. Наблюдатель отвечает на вопрос «какая часть
+ * слайда видна», а нам нужен «какой слайд у начального края» — для двух и более
+ * слайдов в кадре он потребовал бы порогов и выбора из нескольких. Положение
+ * даёт ответ одним делением. Плюс наблюдателя нет в jsdom, а положение там
+ * подменяется тремя числами.
+ *
+ * О ТЕКУЩЕМ СЛАЙДЕ СООБЩАЕТСЯ ПОСЛЕ ОСТАНОВКИ, а не на каждый кадр. Иначе при
+ * управляемом режиме смена `index` запускала бы плавную прокрутку, та по пути
+ * вызывала бы `onIndexChange` с промежуточными слайдами, родитель выставлял бы
+ * их обратно — и прокрутка бодалась бы сама с собой.
+ *
+ * ДОСТУПНОСТЬ — паттерн APG Carousel: регион с `aria-roledescription` и именем,
+ * слайды — группы с `aria-roledescription="slide"` и именем «N из M». Слайды,
+ * не попавшие в кадр, от скринридера НЕ скрываются: без автопрокрутки лента
+ * читается целиком, и фокус из невидимого слайда браузер сам докрутит до виду.
+ */
+export declare const Carousel: import("react").ForwardRefExoticComponent<CarouselProps & import("react").RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Carousel.d.ts.map

package/dist/components/content/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/content/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EASL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAGnE,OAAO,EAEL,KAAK,UAAU,EAEhB,MAAM,yBAAyB,CAAC;AAGjC,+FAA+F;AAC/F,MAAM,MAAM,qBAAqB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAElD,UAAU,iBAAkB,SAAQ,IAAI,CACtC,wBAAwB,CAAC,SAAS,CAAC,EACnC,UAAU,GAAG,YAAY,GAAG,iBAAiB,GAAG,sBAAsB,CACvE;IACC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAClD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAkE/D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,QAAQ,uGAiQnB,CAAC"}

package/dist/components/content/Carousel.js

@@ -0,0 +1,172 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, forwardRef, isValidElement, useCallback, useEffect, useLayoutEffect, useRef, useState, } from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "../../icons.js";
+import { useMessages } from "../../i18n/useMessages.js";
+import { clamp } from "../../lib/clamp.js";
+import { cn } from "../../lib/cn.js";
+import { responsiveClasses, } from "../../lib/responsive.js";
+import { Button } from "../actions/Button.js";
+const BASIS_CLASS = {
+    base: { 1: "basis-full", 2: "basis-1/2", 3: "basis-1/3", 4: "basis-1/4" },
+    sm: { 1: "sm:basis-full", 2: "sm:basis-1/2", 3: "sm:basis-1/3", 4: "sm:basis-1/4" },
+    md: { 1: "md:basis-full", 2: "md:basis-1/2", 3: "md:basis-1/3", 4: "md:basis-1/4" },
+    lg: { 1: "lg:basis-full", 2: "lg:basis-1/2", 3: "lg:basis-1/3", 4: "lg:basis-1/4" },
+    xl: { 1: "xl:basis-full", 2: "xl:basis-1/2", 3: "xl:basis-1/3", 4: "xl:basis-1/4" },
+};
+const SETTLE_MS = 100;
+const EDGE_EPSILON = 1;
+function measure(viewport, count) {
+    const stride = count > 0 ? viewport.scrollWidth / count : 0;
+    const offset = Math.abs(viewport.scrollLeft);
+    const perView = stride > 0 ? Math.max(1, Math.round(viewport.clientWidth / stride)) : 1;
+    const max = Math.max(0, count - perView);
+    return {
+        stride,
+        max,
+        index: stride > 0 ? clamp(Math.round(offset / stride), 0, max) : 0,
+        atStart: offset <= EDGE_EPSILON,
+        atEnd: offset + viewport.clientWidth >= viewport.scrollWidth - EDGE_EPSILON,
+    };
+}
+function scrollBehavior() {
+    const reduce = typeof window.matchMedia === "function" &&
+        window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    return reduce ? "auto" : "smooth";
+}
+export const Carousel = forwardRef(function Carousel({ children, slidesPerView = 1, index, defaultIndex = 0, onIndexChange, className, ...rest }, ref) {
+    const messages = useMessages().carousel;
+    const slides = Children.toArray(children).filter((slide) => slide !== "");
+    const count = slides.length;
+    const basis = responsiveClasses(slidesPerView, BASIS_CLASS);
+    const viewportRef = useRef(null);
+    const previousRef = useRef(null);
+    const nextRef = useRef(null);
+    const [atStart, setAtStart] = useState(true);
+    const [atEnd, setAtEnd] = useState(false);
+    const known = useRef(index ?? defaultIndex);
+    const pending = useRef(null);
+    const settleTimer = useRef(undefined);
+    const deferred = useRef(null);
+    const onIndexChangeRef = useRef(onIndexChange);
+    const controlledRef = useRef(index !== undefined);
+    useLayoutEffect(() => {
+        onIndexChangeRef.current = onIndexChange;
+        controlledRef.current = index !== undefined;
+    });
+    const [stops, setStops] = useState(0);
+    const updateEdges = useCallback(() => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        const m = measure(viewport, count);
+        setAtStart(m.atStart);
+        setAtEnd(m.atEnd);
+    }, [count]);
+    const armSettle = useCallback(() => {
+        clearTimeout(settleTimer.current);
+        const armedAt = Math.abs(viewportRef.current?.scrollLeft ?? 0);
+        settleTimer.current = setTimeout(() => {
+            const viewport = viewportRef.current;
+            if (!viewport)
+                return;
+            if (Math.abs(viewport.scrollLeft) !== armedAt) {
+                armSettle();
+                return;
+            }
+            pending.current = null;
+            const { index: reached, stride } = measure(viewport, count);
+            if (stride === 0 || reached === known.current)
+                return;
+            known.current = reached;
+            onIndexChangeRef.current?.(reached);
+            if (controlledRef.current)
+                setStops((n) => n + 1);
+        }, SETTLE_MS);
+    }, [count]);
+    const scrollToIndex = useCallback((target, behavior) => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        const m = measure(viewport, count);
+        const to = clamp(target, 0, m.max);
+        const sign = getComputedStyle(viewport).direction === "rtl" ? -1 : 1;
+        pending.current = to;
+        viewport.scrollTo({ left: sign * to * m.stride, behavior });
+        armSettle();
+    }, [count, armSettle]);
+    const step = (delta) => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        const base = pending.current ?? measure(viewport, count).index;
+        scrollToIndex(base + delta, scrollBehavior());
+    };
+    const mounted = useRef(false);
+    useLayoutEffect(() => {
+        const first = !mounted.current;
+        mounted.current = true;
+        const target = index ?? (first ? defaultIndex : undefined);
+        if (target === undefined)
+            return;
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        const m = measure(viewport, count);
+        if (m.stride === 0 && count > 0) {
+            deferred.current = target;
+            known.current = target;
+            return;
+        }
+        deferred.current = null;
+        const reachable = clamp(target, 0, m.max);
+        known.current = reachable;
+        if (m.index === reachable)
+            return;
+        scrollToIndex(reachable, first ? "instant" : scrollBehavior());
+    }, [index, stops]);
+    const onResize = useCallback(() => {
+        updateEdges();
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        const m = measure(viewport, count);
+        if (m.stride === 0) {
+            if (count > 0 && deferred.current === null)
+                deferred.current = known.current;
+            return;
+        }
+        const target = deferred.current;
+        if (target === null)
+            return;
+        deferred.current = null;
+        const reachable = clamp(target, 0, m.max);
+        known.current = reachable;
+        if (m.index !== reachable)
+            scrollToIndex(reachable, "instant");
+    }, [updateEdges, count, scrollToIndex]);
+    useLayoutEffect(() => {
+        updateEdges();
+        const viewport = viewportRef.current;
+        if (!viewport || typeof ResizeObserver === "undefined")
+            return;
+        const observer = new ResizeObserver(onResize);
+        observer.observe(viewport);
+        return () => observer.disconnect();
+    }, [updateEdges, onResize, basis]);
+    useEffect(() => () => clearTimeout(settleTimer.current), []);
+    useLayoutEffect(() => {
+        const active = document.activeElement;
+        if (atEnd && active === nextRef.current) {
+            (atStart ? viewportRef.current : previousRef.current)?.focus();
+        }
+        else if (atStart && active === previousRef.current) {
+            (atEnd ? viewportRef.current : nextRef.current)?.focus();
+        }
+    }, [atStart, atEnd]);
+    return (_jsxs("section", { ref: ref, "aria-roledescription": messages.roleDescription, className: cn("flex items-center gap-2", className), ...rest, children: [_jsx(Button, { ref: previousRef, size: "sm", iconOnly: true, icon: _jsx(ChevronLeftIcon, { size: 16, className: "rtl:rotate-180" }), "aria-label": messages.previous, disabled: atStart, onClick: () => step(-1) }), _jsx("div", { ref: viewportRef, tabIndex: 0, onScroll: () => {
+                    updateEdges();
+                    armSettle();
+                }, className: cn("flex min-w-0 flex-1 snap-x snap-mandatory overflow-x-auto", "overscroll-x-contain", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", "focus-visible:outline-accent-strong focus-visible:outline-2 focus-visible:outline-offset-2"), children: slides.map((slide, i) => (_jsx("div", { role: "group", "aria-roledescription": messages.slideRoleDescription, "aria-label": messages.slide({ index: i + 1, total: count }), className: cn("shrink-0 grow-0 snap-start", basis), children: slide }, isValidElement(slide) ? slide.key : i))) }), _jsx(Button, { ref: nextRef, size: "sm", iconOnly: true, icon: _jsx(ChevronRightIcon, { size: 16, className: "rtl:rotate-180" }), "aria-label": messages.next, disabled: atEnd, onClick: () => step(1) })] }));
+});
+//# sourceMappingURL=Carousel.js.map

package/dist/components/content/Carousel.js.map

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

package/dist/components/content/CodeView.d.ts

@@ -0,0 +1,76 @@
+import type { ReactNode } from "react";
+export interface CodeViewProps {
+    /**
+     * Исходник простым текстом, без разметки. Обязателен даже когда передан
+     * `children`, и это не избыточность:
+     *
+     * - из него считается число строк для нумерации — гутер, считающий себя по
+     *   разметке, разъедется с содержимым на первом же подсветчике, который
+     *   завернёт строку в два элемента;
+     * - из него же берётся содержимое для копирования. Копирование из DOM
+     *   утащило бы в буфер обмена номера строк и границы токенов подсветки, то
+     *   есть текст, который не компилируется.
+     */
+    code: string;
+    /**
+     * Подсвеченная разметка — необязательный слой отображения.
+     *
+     * Сюда потребитель кладёт то, что вернул подсветчик: свой или
+     * `highlightCodeNodes` из `@olddevs/ui/editor/highlight` — подсветку кита
+     * той же темой, что в Редакторе (ADR-0052).
+     * Без неё рисуется `code` как есть, моноширинным шрифтом и без подсветки.
+     * Сам компонент подсветчика не импортирует — ADR-0039.
+     */
+    children?: ReactNode;
+    /** Заголовок панели: имя файла, адрес запроса. Без него шапки нет вовсе. */
+    title?: ReactNode;
+    /** Кнопка копирования в шапке. */
+    copyable?: boolean;
+    /**
+     * Нумерация строк.
+     *
+     * Работает только вместе с простым `code` и только без `wrap`. Когда передана
+     * разметка, кит не знает, где в ней границы строк: подсветчик волен завернуть строку во
+     * сколько угодно элементов, а перенос длинной строки добавляет ей высоты, о
+     * которой соседняя колонка номеров не догадывается. Номер напротив чужой
+     * строки хуже, чем его отсутствие, — поэтому с `children` гутер не рисуется.
+     */
+    lineNumbers?: boolean;
+    /**
+     * Перенос длинных строк.
+     *
+     * Без него появляется горизонтальная прокрутка, а не обрезка: обрезанная
+     * строка кода молча теряет то, ради чего её открыли.
+     */
+    wrap?: boolean;
+    /** Классы корневого элемента. */
+    className?: string;
+}
+/**
+ * Просмотр кода: JSON ответа, YAML конфига, тело вебхука.
+ *
+ * ПРОСМОТР, А НЕ РЕДАКТОР, и подсветку компонент сам не делает. Подсветчик —
+ * это Shiki, Prism, highlight.js или Monaco, и любой из них появился бы в
+ * `package.json` потребителя из-за одного компонента периферии: все зависимости
+ * кита peer (ADR-0004). Довод ADR-0032 против слоя графиков применим дословно —
+ * обёртка не убрала бы у потребителя ни библиотеки, ни зависимости, а добавила
+ * бы слой. К нему добавляется свой: тема подсветчика это вторая система цвета
+ * рядом с токенами кита, и согласовывать их пришлось бы вечно.
+ *
+ * Граница записана в ADR-0039.
+ * Подсветка кита приходит так же, слоем `children`: хелпер `highlightCodeNodes`
+ * живёт в подпути `@olddevs/ui/editor/highlight`, и lowlight едет только к
+ * тому, кто его импортировал (ADR-0052).
+ *
+ * ЧТО КИТ ВСЁ-ТАКИ ДЕЛАЕТ — то, чего подсветчик не решает и что иначе каждый
+ * потребитель пишет заново: перенос или прокрутка вместо обрезки, нумерация
+ * строк, не попадающая ни в выделение, ни в копию, моноширинный шрифт из
+ * токена и копирование существующей `CopyButton`.
+ *
+ * НОМЕРА СТРОК `aria-hidden` И `select-none`. В речи они шум — каждая строка
+ * начиналась бы с числа, — а в буфере обмена мусор: скопированный код с
+ * номерами не компилируется. Колонка номеров липнет к левому краю: без этого
+ * при прокрутке вправо она уезжает за край ровно тогда, когда нужнее всего.
+ */
+export declare function CodeView({ code, children, title, copyable, lineNumbers, wrap, className, }: CodeViewProps): import("react").JSX.Element;
+//# sourceMappingURL=CodeView.d.ts.map

package/dist/components/content/CodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeView.d.ts","sourceRoot":"","sources":["../../../src/components/content/CodeView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;OAUG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,WAAmB,EACnB,IAAY,EACZ,SAAS,GACV,EAAE,aAAa,+BAwFf"}

package/dist/components/content/CodeView.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { hasContent } from "../../lib/empty.js";
+import { CopyButton } from "../actions/CopyButton.js";
+export function CodeView({ code, children, title, copyable = false, lineNumbers = false, wrap = false, className, }) {
+    const highlighted = hasContent(children);
+    const gutter = lineNumbers && !highlighted && !wrap;
+    const lines = gutter ? code.replace(/\n+$/, "").split("\n") : [];
+    return (_jsxs("div", { className: cn("border-line bg-bg-1 overflow-hidden rounded-md border font-mono", className), children: [(title != null || copyable) && (_jsxs("div", { className: "border-line bg-bg-2 flex items-center justify-between gap-2 border-b px-3 py-2", children: [_jsx("span", { className: "text-fg-0 min-w-0 truncate text-[13px] font-semibold", children: title }), copyable && _jsx(CopyButton, { value: code, size: "sm", variant: "ghost" })] })), _jsxs("div", { tabIndex: wrap ? undefined : 0, className: cn("flex text-[13px] has-[[data-code-highlight]]:bg-(--rte-code-block-background)", wrap ? "" : "overflow-x-auto"), children: [gutter && (_jsx("div", { "aria-hidden": true, className: "text-fg-3 bg-bg-2 border-line sticky left-0 shrink-0 border-r px-3 py-3 text-right tabular-nums select-none", children: lines.map((_, index) => (_jsx("div", { className: "leading-5", children: index + 1 }, index))) })), _jsx("pre", { className: cn("text-fg-0 min-w-0 flex-1 px-3.5 py-3 leading-5", wrap ? "break-words whitespace-pre-wrap" : "whitespace-pre"), children: _jsx("code", { children: highlighted ? children : code }) })] })] }));
+}
+//# sourceMappingURL=CodeView.js.map

package/dist/components/content/CodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeView.js","sourceRoot":"","sources":["../../../src/components/content/CodeView.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AA4EtD,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,KAAK,EACZ,SAAS,GACK;IAkBd,MAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,WAAW,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC;IAWpD,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEjE,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,iEAAiE,EAAE,SAAS,CAAC,aAE1F,CAAC,KAAK,IAAI,IAAI,IAAI,QAAQ,CAAC,IAAI,CAC9B,eAAK,SAAS,EAAC,gFAAgF,aAC7F,eAAM,SAAS,EAAC,sDAAsD,YAAE,KAAK,GAAQ,EACpF,QAAQ,IAAI,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,GAAG,IAC9D,CACP,EAgBD,eACE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC9B,SAAS,EAAE,EAAE,CACX,+EAA+E,EAC/E,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAC9B,aAEA,MAAM,IAAI,CACT,mCAEE,SAAS,EAAC,6GAA6G,YAEtH,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACvB,cAAiB,SAAS,EAAC,WAAW,YACnC,KAAK,GAAG,CAAC,IADF,KAAK,CAET,CACP,CAAC,GACE,CACP,EAED,cACE,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,IAAI,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,gBAAgB,CAC5D,YAED,yBAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAQ,GACxC,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/content/DescriptionList.d.ts

@@ -0,0 +1,31 @@
+import type { ReactNode } from "react";
+export interface DescriptionItem {
+    /** Подпись свойства (термин `dt`). */
+    label: ReactNode;
+    /** Значение свойства (описание `dd`). */
+    value: ReactNode;
+}
+export interface DescriptionListProps {
+    /** Пары «подпись — значение» в порядке показа. */
+    items: DescriptionItem[];
+    /**
+     * Раскладка на широком экране.
+     *
+     * `columns` — подпись слева, значение справа; `stack` — значение под
+     * подписью. На УЗКОМ экране обе складываются в стопку независимо от пропа:
+     * две колонки на 360 пикселях означают, что подпись жмётся до одного слова,
+     * а значение переносится по букве.
+     */
+    layout?: "columns" | "stack";
+    /** Классы корневого элемента. */
+    className?: string;
+}
+/**
+ * Список «свойство — значение»: метаданные обоя, параметры кампании.
+ *
+ * Разметка — `dl` с парами `dt`/`dd`, а не таблица и не два столбца дивов:
+ * связь подписи со значением здесь смысловая, и скринридер читает пару
+ * целиком. Таблица объявила бы строки и колонки, которых по сути нет.
+ */
+export declare function DescriptionList({ items, layout, className }: DescriptionListProps): import("react").JSX.Element;
+//# sourceMappingURL=DescriptionList.d.ts.map

package/dist/components/content/DescriptionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../src/components/content/DescriptionList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,KAAK,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC7B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,MAAkB,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BA4B7F"}

package/dist/components/content/DescriptionList.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+export function DescriptionList({ items, layout = "columns", className }) {
+    return (_jsx("dl", { className: cn("m-0 flex flex-col gap-2", className), children: items.map((item, index) => (_jsxs("div", { className: cn("flex gap-1", layout === "columns"
+                ?
+                    "flex-col sm:flex-row sm:items-baseline sm:gap-3"
+                : "flex-col"), children: [_jsx("dt", { className: cn("text-fg-2 text-caption", layout === "columns" && "sm:w-[140px] sm:shrink-0"), children: item.label }), _jsx("dd", { className: "text-fg-1 m-0 min-w-0 text-sm break-words", children: item.value })] }, index))) }));
+}
+//# sourceMappingURL=DescriptionList.js.map

package/dist/components/content/DescriptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.js","sourceRoot":"","sources":["../../../src/components/content/DescriptionList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAgCrC,MAAM,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,SAAS,EAAwB;IAC5F,OAAO,CACL,aAAI,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YACpD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,eAEE,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,MAAM,KAAK,SAAS;gBAClB,CAAC;oBAEC,iDAAiD;gBACnD,CAAC,CAAC,UAAU,CACf,aAED,aACE,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,MAAM,KAAK,SAAS,IAAI,0BAA0B,CACnD,YAEA,IAAI,CAAC,KAAK,GACR,EACL,aAAI,SAAS,EAAC,2CAA2C,YAAE,IAAI,CAAC,KAAK,GAAM,KAlBtE,KAAK,CAmBN,CACP,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}