ics-ui-kit 0.1.13 → 0.1.14

package/dist/components/table/tree/TableTree.d.ts

@@ -0,0 +1,106 @@
+import { TreeLine, TreeRow } from './treeModel';
+import * as React from "react";
+export type TableTreeLinesProps = {
+    /**
+     * Модель линий, по одному элементу на колонку отступа. Считается `flattenTree`.
+     * Длина массива задаёт глубину узла — отдельный проп `level` не нужен.
+     */
+    lines: TreeLine[];
+    /** Спуск от раскрывателя вниз, к первому потомку. Ставится у раскрытых узлов с потомками. */
+    descends?: boolean;
+    className?: string;
+};
+/**
+ * Линии связи для строки дерева или группы.
+ *
+ * Кладётся в ячейку с `position: relative` и `padding-left: treeCellPaddingLeft(level)` —
+ * обычно этим занимается `TableTreeCell`.
+ *
+ * Все линии — абсолютно позиционированные блоки в 1px, а не рамки контейнеров: уровни
+ * вложенности в таблице не образуют вложенных DOM-узлов, поэтому рисовать `border-left`
+ * на контейнере уровня попросту негде.
+ *
+ * Разметка повторяет модель один в один и размечена data-атрибутами: на обёртке лежит вся
+ * модель строки (`data-tree-lines="pass none end"`), на каждом элементе — его роль
+ * (`data-tree-line`) и номер колонки. Это делает отладку в DevTools прямой: видно не только
+ * то, что нарисовано, но и то, что было велено нарисовать.
+ *
+ * @example
+ * <TableCell className="relative" style={{ paddingLeft: treeCellPaddingLeft(row.level) }}>
+ *   <TableTreeLines lines={row.lines} descends={row.descends} />
+ *   {row.node.name}
+ * </TableCell>
+ */
+export declare const TableTreeLines: {
+    ({ lines, descends, className }: TableTreeLinesProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type TableTreeToggleProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    expanded: boolean;
+};
+/** Квадрат раскрытия ветки. Иконка и `aria-expanded` следуют за `expanded`. */
+export declare const TableTreeToggle: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    expanded: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Распорка на месте раскрывателя у листьев.
+ *
+ * Нужна, чтобы подписи узлов с потомками и без выравнивались по одной вертикали.
+ * Отдельным компонентом, а не режимом `TableTreeToggle`, чтобы у листа не было
+ * ни кнопки, ни `aria-expanded`.
+ */
+export declare const TableTreeSpacer: {
+    ({ className }: {
+        className?: string;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Всё, что ячейка иерархии знает о строке: где она стоит и что у неё с потомками.
+ *
+ * Структурный тип, а не generic: ячейке безразличен сам узел, поэтому в неё проходит любой
+ * `TreeRow<T>` — и любой собранный вручную объект с этими пятью полями. Второе нужно там,
+ * где дерева в памяти нет: список пришёл плоским, с готовым `level`, а линии считаются
+ * `childTreeLines`.
+ *
+ * Инвариант: `lines.length === level`. Отступ берётся из `level`, а линии расставляются по
+ * индексам `lines` — при расхождении уголок промахнётся мимо отступа.
+ */
+export type TableTreeCellRow = Pick<TreeRow<unknown>, "level" | "lines" | "descends" | "hasChildren" | "isExpanded">;
+export type TableTreeCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {
+    /**
+     * Положение строки в иерархии: `level` — отступ, `lines` — линии связи, `descends` — спуск
+     * к первому потомку, `hasChildren` — раскрыватель либо распорка на его месте, `isExpanded` —
+     * знак в раскрывателе и `aria-expanded`.
+     */
+    row: TableTreeCellRow;
+    /** Клик по раскрывателю. Без него раскрыватель рисуется, но ничего не делает. */
+    onToggle?: React.MouseEventHandler<HTMLButtonElement>;
+    toggleLabel?: string;
+};
+/**
+ * Ячейка с отступом, линиями и раскрывателем — весь столбец иерархии целиком.
+ *
+ * Собирает три вещи, которые иначе пришлось бы согласовывать вручную в каждой таблице:
+ * `padding-left` по глубине, линии и раскрыватель либо распорку на его месте. Содержимое
+ * остаётся за потребителем — внутрь идёт что угодно, от подписи до бейджей.
+ *
+ * `align-top` не косметика: при переносе текста в соседних колонках содержимое, выровненное
+ * по центру, уедет вниз от коннектора, который привязан к первой строке.
+ *
+ * @example
+ * <TableTreeCell row={row} onToggle={() => toggle(row.node.id)}>
+ *   {row.node.name}
+ * </TableTreeCell>
+ */
+export declare const TableTreeCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & {
+    /**
+     * Положение строки в иерархии: `level` — отступ, `lines` — линии связи, `descends` — спуск
+     * к первому потомку, `hasChildren` — раскрыватель либо распорка на его месте, `isExpanded` —
+     * знак в раскрывателе и `aria-expanded`.
+     */
+    row: TableTreeCellRow;
+    /** Клик по раскрывателю. Без него раскрыватель рисуется, но ничего не делает. */
+    onToggle?: React.MouseEventHandler<HTMLButtonElement>;
+    toggleLabel?: string;
+} & React.RefAttributes<HTMLTableCellElement>>;

package/dist/components/table/tree/index.d.ts

@@ -0,0 +1,3 @@
+export { TableTreeCell, TableTreeLines, TableTreeToggle, TableTreeSpacer, type TableTreeCellProps, type TableTreeCellRow, type TableTreeLinesProps, type TableTreeToggleProps } from './TableTree';
+export { treeLineX, treeCellPaddingLeft, TREE_INDENT, TREE_LINE_OFFSET, TREE_TOGGLE, TREE_STUB, TREE_CONNECTOR_Y, TREE_OVERHANG, TREE_TOGGLE_MARGIN_TOP } from './treeGeometry';
+export { flattenTree, childTreeLines, type TreeLine, type TreeRow, type FlattenTreeOptions } from './treeModel';

package/dist/components/table/tree/treeGeometry.d.ts

@@ -0,0 +1,86 @@
+/**
+ * Геометрия линий иерархии.
+ *
+ * Значения связаны между собой — менять их можно только согласованно, поэтому производные
+ * выражены формулами, а не числами.
+ *
+ * ```
+ * ┌────────────────────────────────────────┐
+ * │   ┌───┐                                │
+ * │   │ − │ Родитель                       │
+ * │   └─┬─┘                                │
+ * ├─────┼──────────────────────────────────┤  ← граница ячеек; линию продлевает TREE_OVERHANG
+ * │     │    ┌───┐                         │
+ * │     └────┤ + │ Потомок                 │  ← TREE_CONNECTOR_Y (центр первой строки)
+ * │          └───┘                         │
+ * └────────────────────────────────────────┘
+ *
+ * ├─────┤           TREE_LINE_OFFSET — до вертикали нулевого уровня
+ *       ├──────┤    TREE_INDENT — шаг между вертикалями соседних уровней
+ *       ├────┤      TREE_STUB — отвод до левого края раскрывателя
+ *            ├───┤  TREE_TOGGLE — сторона квадрата, центр на своей вертикали
+ * ```
+ *
+ * Схема не в масштабе — важны отношения величин, а не пропорции на картинке.
+ */
+/** Шаг отступа на один уровень вложенности. */
+export declare const TREE_INDENT = 18;
+/** Отступ от левого края ячейки до вертикали нулевой колонки. */
+export declare const TREE_LINE_OFFSET = 13;
+/**
+ * Сторона квадрата-раскрывателя. Центрируется ровно на вертикали своего уровня.
+ *
+ * Совпадает с чекбоксом (`size-4`): в одной строке они стоят рядом, и разный размер
+ * у двух одинаковых по смыслу квадратов читается как небрежность.
+ *
+ * Сверху ограничен `2 * TREE_LINE_OFFSET` — иначе `treeCellPaddingLeft(0)` уходит в минус,
+ * и раскрыватель корня вылезает за левый край ячейки. Практический потолок ниже:
+ * при стороне больше `TREE_INDENT` обнуляется `TREE_STUB` и отвод к узлу исчезает.
+ */
+export declare const TREE_TOGGLE = 16;
+/**
+ * Длина горизонтального отвода — от вертикали предка до левого края раскрывателя.
+ *
+ * Обязана равняться `TREE_INDENT - TREE_TOGGLE / 2`: раскрыватель смещён от своей вертикали
+ * влево на половину стороны, и при любом другом значении между отводом и квадратом
+ * остаётся щель либо отвод заезжает под квадрат.
+ */
+export declare const TREE_STUB: number;
+/**
+ * Вертикальная позиция коннектора — центр ПЕРВОЙ строки текста, а не середина ячейки.
+ *
+ * Это принципиально для строк переменной высоты: при `top: 50%` середина ячейки уезжает вниз
+ * от подписи, как только контент переносится, и уголок перестаёт указывать на узел.
+ */
+export declare const TREE_CONNECTOR_Y: number;
+/**
+ * Насколько линии вылезают за padding-box ячейки сверху и снизу.
+ *
+ * Нижняя граница ячейки лежит вне её padding-box, и без этого выноса вертикаль обрывалась бы
+ * на каждой границе — вместо сплошной линии получался пунктир.
+ */
+export declare const TREE_OVERHANG = 1;
+/**
+ * Отступ раскрывателя сверху, при котором его центр совпадает с коннектором.
+ *
+ * Раньше здесь стоял `mt-0.5`, подобранный под сторону 12px. Теперь это разность:
+ * содержимое ячейки начинается на `TREE_CELL_PADDING_TOP`, а центр квадрата должен
+ * попасть на `TREE_CONNECTOR_Y`. При достаточно крупном раскрывателе значение
+ * становится отрицательным — квадрат заходит в верхний паддинг, и это нормально.
+ */
+export declare const TREE_TOGGLE_MARGIN_TOP: number;
+/**
+ * Горизонтальная позиция вертикали для колонки отступа.
+ *
+ * @example
+ * treeLineX(0); // 13
+ * treeLineX(2); // 49
+ */
+export declare const treeLineX: (column: number) => number;
+/**
+ * Левый отступ ячейки, при котором раскрыватель встаёт по центру вертикали своего уровня.
+ *
+ * @example
+ * <TableCell style={{ paddingLeft: treeCellPaddingLeft(row.level) }}> // уровень 2 → 41px
+ */
+export declare const treeCellPaddingLeft: (level: number) => number;

package/dist/components/table/tree/treeModel.d.ts

@@ -0,0 +1,87 @@
+/**
+ * Модель строки дерева: что рисовать в каждой колонке отступа.
+ *
+ * Ровно эти четыре состояния использует классический вывод `tree` и почти все табличные
+ * гриды (AG Grid, TanStack Table, rc-tree) — набор проверен и закрывает все случаи:
+ *
+ * - `pass` — сквозная вертикаль `│`: ветка предка продолжается ниже этой строки;
+ * - `branch` — `├`: отвод к узлу, и у узла есть следующие соседи;
+ * - `end` — `└`: отвод к последнему соседу, вертикаль обрывается на уголке;
+ * - `none` — пусто: ветка предка закончилась выше.
+ *
+ * Ключевой инвариант: **индекс в массиве равен номеру колонки**, а `lines.length` равно
+ * глубине узла. `branch`/`end` встречается только в последней колонке, `pass`/`none` — только
+ * в предыдущих. Именно этот инвариант убирает класс ошибок «сдвиг на единицу»: раньше
+ * массив хранил флаги предков, и колонка `level - 1` управлялась флагом родителя, хотя
+ * должна была — признаком `isLast` самого узла. Сравнивать модель с картинкой теперь можно
+ * глазами: `["pass", "none", "end"]` читается как `│ └`.
+ */
+export type TreeLine = "none" | "pass" | "branch" | "end";
+/** Строка плоского списка со всем, что нужно для отрисовки узла дерева. */
+export type TreeRow<T> = {
+    node: T;
+    /** Родительский узел, `null` у корней. */
+    parent: T | null;
+    /** Глубина, 0 — корень. Равна `lines.length`. */
+    level: number;
+    /** Позиция среди соседей. */
+    index: number;
+    /** Последний ли среди соседей — от этого зависит `└` вместо `├`. */
+    isLast: boolean;
+    hasChildren: boolean;
+    /** Раскрыт ли узел. У листьев всегда `false`. */
+    isExpanded: boolean;
+    /**
+     * Нужен ли спуск от раскрывателя вниз, к первому потомку.
+     *
+     * Вертикаль потомка начинается от его собственной строки, поэтому участок между
+     * раскрывателем и низом строки родителя рисует именно родитель.
+     */
+    descends: boolean;
+    lines: TreeLine[];
+    /** Индексы от корня: `[0, 2, 1]`. Годится как стабильный ключ и как «1.3.2» в интерфейсе. */
+    path: number[];
+};
+export type FlattenTreeOptions<T> = {
+    /**
+     * Потомки узла. Это функция поиска, а не имя поля: плоскому списку с `parentId` хватит
+     * индекса `Map<parentId, T[]>`, перекладывать данные в узлы с `children` не нужно.
+     */
+    getChildren: (node: T) => T[] | undefined;
+    /** Раскрыт ли узел. Свёрнутые не отдают потомков. По умолчанию раскрыты все. */
+    isExpanded?: (node: T) => boolean;
+};
+/**
+ * Линии потомка, выведенные из линий родителя.
+ *
+ * Весь алгоритм — в двух строчках: у предков уголок превращается в продолжение (`branch` →
+ * `pass`), а обрыв — в пустоту (`end` → `none`); своя колонка получает уголок по `isLast`.
+ * Экспортируется отдельно, чтобы линии можно было считать и без обхода дерева — например,
+ * для виртуализованного или подгружаемого списка, где полного дерева в памяти нет.
+ *
+ * Родительские линии в плоском списке удобно держать бегущим массивом `linesByLevel[level]`:
+ * в списке, упорядоченном как при выводе, родитель всегда встречается раньше потомка.
+ *
+ * @example
+ * childTreeLines(["pass", "branch"], false); // ["pass", "pass", "branch"]
+ * childTreeLines(["pass", "branch"], true); // ["pass", "pass", "end"]
+ */
+export declare const childTreeLines: (parentLines: TreeLine[], isLast: boolean) => TreeLine[];
+/**
+ * Разворачивает дерево в плоский список строк и попутно считает модель линий.
+ *
+ * Порядок — как при отображении: узел, затем его раскрытые потомки.
+ *
+ * @example
+ * const rows = flattenTree(nodes, {
+ *   getChildren: (node) => node.children,
+ *   isExpanded: (node) => expanded.has(node.id)
+ * });
+ *
+ * rows.map((row) => (
+ *   <TableRow key={row.path.join(".")}>
+ *     <TableTreeCell row={row} onToggle={() => toggle(row.node.id)}>{row.node.name}</TableTreeCell>
+ *   </TableRow>
+ * ));
+ */
+export declare function flattenTree<T>(roots: T[], options: FlattenTreeOptions<T>): TreeRow<T>[];

package/dist/components/table/tree.d.ts

@@ -0,0 +1,2 @@
+export * from './tree/index'
+export {}

package/dist/components/table/tree.js

@@ -0,0 +1,19 @@
+import { s as a, o as E, p as s, u as l, r, q as _, v as R, j as t, k as L, m as N, l as O, x as n, w as G, n as i, t as b } from "../../treeModel-BlPWVj4W.js";
+export {
+  a as TREE_CONNECTOR_Y,
+  E as TREE_INDENT,
+  s as TREE_LINE_OFFSET,
+  l as TREE_OVERHANG,
+  r as TREE_STUB,
+  _ as TREE_TOGGLE,
+  R as TREE_TOGGLE_MARGIN_TOP,
+  t as TableTreeCell,
+  L as TableTreeLines,
+  N as TableTreeSpacer,
+  O as TableTreeToggle,
+  n as childTreeLines,
+  G as flattenTree,
+  i as treeCellPaddingLeft,
+  b as treeLineX
+};
+//# sourceMappingURL=tree.js.map

package/dist/components/table/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/table.js

@@ -1,83 +1,56 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as l from "react";
-import { T as s } from "../index-BVqs-uqP.js";
-import { S as c } from "../ScrollShadowContainer-DdrnF8qU.js";
-const n = s({
-  slots: {
-    wrapper: "relative w-full overflow-x-auto",
-    table: "w-full caption-bottom text-sm"
-  }
-}), m = l.forwardRef(
-  ({ className: e, ...a }, t) => {
-    const r = n();
-    return /* @__PURE__ */ o("div", { className: r.wrapper(), children: /* @__PURE__ */ o("table", { ref: t, className: r.table({ className: e }), ...a }) });
-  }
-);
-m.displayName = "Table";
-const i = s({
-  base: "border-secondary-border bg-primary-bg [&_tr]:border-b"
-}), p = l.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ o("thead", { ref: t, className: i({ className: e }), ...a })
-);
-p.displayName = "TableHeader";
-const d = s({
-  base: "[&_tr:last-child]:border-0"
-}), y = l.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ o("tbody", { ref: t, className: d({ className: e }), ...a })
-);
-y.displayName = "TableBody";
-const f = s({
-  base: "overflow-x-hidden"
-}), h = l.forwardRef(
-  ({ className: e, containerClassName: a, shadowSize: t, ...r }, b) => /* @__PURE__ */ o(
-    c,
-    {
-      className: f({ className: a }),
-      shadowSize: t,
-      children: /* @__PURE__ */ o("tbody", { ref: b, className: d({ className: e }), ...r })
-    }
-  )
-);
-h.displayName = "TableBodyContainer";
-const N = s({
-  base: "border-t bg-primary/[0.03] font-medium [&>tr]:last:border-b-0"
-}), w = l.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ o("tfoot", { ref: t, className: N({ className: e }), ...a })
-);
-w.displayName = "TableFooter";
-const T = s({
-  base: "border-b border-secondary-border transition-colors hover:bg-alpha-high-97 data-[state=selected]:bg-alpha-high-95 data-[state=selected]:hover:bg-alpha-high-92"
-}), x = l.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ o("tr", { ref: t, className: T({ className: e }), ...a })
-);
-x.displayName = "TableRow";
-const R = s({
-  base: "h-10 px-3 text-left align-middle font-medium text-muted [&:has([role=checkbox])]:pr-0"
-}), S = l.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ o("th", { ref: t, className: R({ className: e }), ...a })
-);
-S.displayName = "TableHead";
-const g = s({
-  base: "px-3 py-2.5 align-middle [&:has([role=checkbox])]:pr-0"
-}), C = l.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ o("td", { ref: t, className: g({ className: e }), ...a })
-);
-C.displayName = "TableCell";
-const u = s({
-  base: "mt-4 text-sm text-muted"
-}), v = l.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ o("caption", { ref: t, className: u({ className: e }), ...a })
-);
-v.displayName = "TableCaption";
+import { s, o as T, p as l, u as E, r as t, q as o, v as R, T as r, b as _, c as n, h as i, g as C, d as b, e as d, a as L, i as O, f as S, j as A, k as N, m as c, l as f, x as g, w as m, n as u, t as p } from "../treeModel-BlPWVj4W.js";
+import { C as I, g as G, u as x } from "../useColumnResize-wjfEyBBg.js";
+import { C as F, u as H } from "../useColumnReorder-BxVZQ_Y5.js";
+import { T as W, a as h, b as k, o as w, t as z } from "../opaqueCell-SGaiyL54.js";
+import { C as K, T as U, a as q, b as M, d as P, e as j, c as v, i as V } from "../TableFillHandle-C_yvCTSl.js";
+import { STICKY_FOOTER as J, STICKY_HEADER as Q, stickyCellStyles as Z, stickyOffset as $ } from "./table/sticky.js";
 export {
-  m as Table,
-  y as TableBody,
-  h as TableBodyContainer,
-  v as TableCaption,
+  K as CELL_RANGE_EDGE,
+  F as COLUMN_KEY_ATTRIBUTE,
+  I as ColumnResizeSession,
+  J as STICKY_FOOTER,
+  Q as STICKY_HEADER,
+  W as TABLE_ROW_TINT,
+  h as TABLE_ROW_TINT_LAYERS,
+  k as TABLE_ROW_TINT_LAYERS_AFTER,
+  s as TREE_CONNECTOR_Y,
+  T as TREE_INDENT,
+  l as TREE_LINE_OFFSET,
+  E as TREE_OVERHANG,
+  t as TREE_STUB,
+  o as TREE_TOGGLE,
+  R as TREE_TOGGLE_MARGIN_TOP,
+  r as Table,
+  _ as TableBody,
+  n as TableBodyContainer,
+  i as TableCaption,
   C as TableCell,
-  w as TableFooter,
-  S as TableHead,
-  p as TableHeader,
-  x as TableRow
+  U as TableFillHandle,
+  b as TableFooter,
+  d as TableHead,
+  L as TableHeader,
+  O as TableResizeHandle,
+  S as TableRow,
+  A as TableTreeCell,
+  N as TableTreeLines,
+  c as TableTreeSpacer,
+  f as TableTreeToggle,
+  q as cellEditorStyles,
+  M as cellRange,
+  P as cellRangeEdges,
+  j as cellRangeStyle,
+  v as cellStateStyles,
+  g as childTreeLines,
+  m as flattenTree,
+  G as getColumnAutoFitWidth,
+  V as inCellRange,
+  w as opaqueCellStyles,
+  Z as stickyCellStyles,
+  $ as stickyOffset,
+  z as tableRowTints,
+  u as treeCellPaddingLeft,
+  p as treeLineX,
+  H as useColumnReorder,
+  x as useColumnResize
 };
 //# sourceMappingURL=table.js.map

package/dist/components/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../src/components/table/Table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { ScrollShadowContainer } from \"../scroll-shadow-container\";\nimport { ScrollShadowContainerProps } from \"../scroll-shadow-container/ScrollShadowContainer\";\n\nconst tableStyles = tv({\n\tslots: {\n\t\twrapper: \"relative w-full overflow-x-auto\",\n\t\ttable: \"w-full caption-bottom text-sm\"\n\t}\n});\n\nexport const Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n\t({ className, ...props }, ref) => {\n\t\tconst styles = tableStyles();\n\n\t\treturn (\n\t\t\t<div className={styles.wrapper()}>\n\t\t\t\t<table ref={ref} className={styles.table({ className })} {...props} />\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nTable.displayName = \"Table\";\n\nconst tableHeaderStyles = tv({\n\tbase: \"border-secondary-border bg-primary-bg [&_tr]:border-b\"\n});\n\nexport const TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n\t({ className, ...props }, ref) => <thead ref={ref} className={tableHeaderStyles({ className })} {...props} />\n);\n\nTableHeader.displayName = \"TableHeader\";\n\nconst tableBodyStyles = tv({\n\tbase: \"[&_tr:last-child]:border-0\"\n});\n\nexport const TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n\t({ className, ...props }, ref) => <tbody ref={ref} className={tableBodyStyles({ className })} {...props} />\n);\n\nTableBody.displayName = \"TableBody\";\n\nconst tableBodyContainerStyles = tv({\n\tbase: \"overflow-x-hidden\"\n});\n\nexport type TableBodyContainerProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n\tcontainerClassName?: string;\n\tshadowSize?: ScrollShadowContainerProps[\"shadowSize\"];\n};\n\nexport const TableBodyContainer = React.forwardRef<HTMLTableSectionElement, TableBodyContainerProps>(\n\t({ className, containerClassName, shadowSize, ...props }, ref) => (\n\t\t<ScrollShadowContainer\n\t\t\tclassName={tableBodyContainerStyles({ className: containerClassName })}\n\t\t\tshadowSize={shadowSize}\n\t\t>\n\t\t\t<tbody ref={ref} className={tableBodyStyles({ className })} {...props} />\n\t\t</ScrollShadowContainer>\n\t)\n);\n\nTableBodyContainer.displayName = \"TableBodyContainer\";\n\nconst tableFooterStyles = tv({\n\tbase: \"border-t bg-primary/[0.03] font-medium [&>tr]:last:border-b-0\"\n});\n\nexport const TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n\t({ className, ...props }, ref) => <tfoot ref={ref} className={tableFooterStyles({ className })} {...props} />\n);\n\nTableFooter.displayName = \"TableFooter\";\n\nconst tableRowStyles = tv({\n\tbase: \"border-b border-secondary-border transition-colors hover:bg-alpha-high-97 data-[state=selected]:bg-alpha-high-95 data-[state=selected]:hover:bg-alpha-high-92\"\n});\n\nexport const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n\t({ className, ...props }, ref) => <tr ref={ref} className={tableRowStyles({ className })} {...props} />\n);\n\nTableRow.displayName = \"TableRow\";\n\nconst tableHeadStyles = tv({\n\tbase: \"h-10 px-3 text-left align-middle font-medium text-muted [&:has([role=checkbox])]:pr-0\"\n});\n\nexport const TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(\n\t({ className, ...props }, ref) => <th ref={ref} className={tableHeadStyles({ className })} {...props} />\n);\n\nTableHead.displayName = \"TableHead\";\n\nconst tableCellStyles = tv({\n\tbase: \"px-3 py-2.5 align-middle [&:has([role=checkbox])]:pr-0\"\n});\n\nexport const TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(\n\t({ className, ...props }, ref) => <td ref={ref} className={tableCellStyles({ className })} {...props} />\n);\n\nTableCell.displayName = \"TableCell\";\n\nconst tableCaptionStyles = tv({\n\tbase: \"mt-4 text-sm text-muted\"\n});\n\nexport const TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\n\t({ className, ...props }, ref) => <caption ref={ref} className={tableCaptionStyles({ className })} {...props} />\n);\n\nTableCaption.displayName = \"TableCaption\";\n"],"names":["tableStyles","tv","Table","React","className","props","ref","styles","tableHeaderStyles","TableHeader","jsx","tableBodyStyles","TableBody","tableBodyContainerStyles","TableBodyContainer","containerClassName","shadowSize","ScrollShadowContainer","tableFooterStyles","TableFooter","tableRowStyles","TableRow","tableHeadStyles","TableHead","tableCellStyles","TableCell","tableCaptionStyles","TableCaption"],"mappings":"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"}
+{"version":3,"file":"table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/tag-input.js

@@ -1,5 +1,5 @@
 import { jsx as C, jsxs as q } from "react/jsx-runtime";
-import { u as z, S as H } from "../SearchSelectTag-DFCX9zT1.js";
+import { u as z, S as H } from "../SearchSelectTag-CA7Ie3Nx.js";
 import { u as J } from "../useItemsKeyboardNavigation-CmeOR30y.js";
 import M, { useState as k, useRef as V, useCallback as r } from "react";
 import { T as S } from "../index-BVqs-uqP.js";

package/dist/components/toolbar.js

@@ -50,7 +50,7 @@ const d = x(void 0), I = ({ children: r, focus: o = "high" }) => /* @__PURE__ */
 );
 B.displayName = "Toolbar";
 const p = n({
-  base: "group inline-flex items-center justify-center gap-1.5 rounded-sm p-1.5 focus-visible:shadow-focus focus-visible:outline-none",
+  base: "group inline-flex items-center justify-center gap-1.5 rounded-sm p-1.5 focus-visible:shadow-focus focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
   variants: {
     focus: {
       low: "hover:bg-secondary-bg-hover",
@@ -119,7 +119,6 @@ const _ = n({
 z.displayName = b.displayName;
 const A = n({
   extend: p,
-  base: "disabled:pointer-events-none disabled:opacity-50",
   variants: {
     focus: {
       low: "data-[state=on]:bg-primary-bg-hover",

package/dist/components/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","sources":["../../src/components/toolbar/ToolbarContext.tsx","../../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\n\ninterface ToolbarContextValue {\n\tfocus: \"high\" | \"low\";\n}\n\nconst ToolbarContext = createContext<ToolbarContextValue | undefined>(undefined);\n\nexport interface ToolbarProviderProps {\n\tchildren: ReactNode;\n\tfocus?: \"high\" | \"low\";\n}\n\nexport const ToolbarProvider: React.FC<ToolbarProviderProps> = ({ children, focus = \"high\" }) => {\n\treturn <ToolbarContext.Provider value={{ focus }}>{children}</ToolbarContext.Provider>;\n};\n\nexport const useToolbarContext = (): ToolbarContextValue => {\n\tconst context = useContext(ToolbarContext);\n\n\tif (context === undefined) {\n\t\tthrow new Error(\"useToolbarContext должен использоваться внутри ToolbarProvider\");\n\t}\n\n\treturn context;\n};\n","import * as ToolbarPrimitive from \"@radix-ui/react-toolbar\";\nimport React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Divider } from \"../divider/Divider\";\nimport { Icon } from \"../icon\";\nimport { ChevronDown, LucideIcon } from \"lucide-react\";\nimport { ScrollArea } from \"../scroll-area/ScrollArea\";\nimport { ToolbarProvider, ToolbarProviderProps, useToolbarContext } from \"./ToolbarContext\";\n\nconst toolbarStyles = tv({\n\tslots: {\n\t\twrapper: \"flex items-center gap-1 p-1.5 lg:rounded-lg lg:p-1\",\n\t\tscrollbar: \"h-1.5 border-t-0 px-1.5\",\n\t\tthumb: \"\",\n\t\tscrollarea: \"lg:rounded-lg\"\n\t},\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: {\n\t\t\t\twrapper: \"border border-secondary-border bg-secondary-bg\",\n\t\t\t\tscrollarea: \"bg-secondary-bg lg:shadow-soft-sm\",\n\t\t\t\tthumb: \"bg-primary-border\"\n\t\t\t},\n\t\t\thigh: {\n\t\t\t\twrapper: \"bg-inverse-secondary-bg\",\n\t\t\t\tscrollarea: \"bg-inverse-secondary-bg lg:shadow-hard-base\",\n\t\t\t\tthumb: \"bg-inverse-active\"\n\t\t\t}\n\t\t}\n\t}\n});\n\nexport type ToolbarProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.Root> &\n\tPick<ToolbarProviderProps, \"focus\">;\n\nexport const Toolbar = React.forwardRef<React.ElementRef<typeof ToolbarPrimitive.Root>, ToolbarProps>(\n\t({ className, focus = \"high\", ...props }, ref) => {\n\t\tconst styles = toolbarStyles();\n\n\t\treturn (\n\t\t\t<ToolbarProvider focus={focus}>\n\t\t\t\t<ScrollArea\n\t\t\t\t\ttype=\"always\"\n\t\t\t\t\tthumbClassName={styles.thumb({ focus })}\n\t\t\t\t\tscrollbarClassName={styles.scrollbar()}\n\t\t\t\t\tclassName={styles.scrollarea({ focus })}\n\t\t\t\t\torientation=\"horizontal\"\n\t\t\t\t>\n\t\t\t\t\t<ToolbarPrimitive.Root ref={ref} className={styles.wrapper({ className, focus })} {...props} />\n\t\t\t\t</ScrollArea>\n\t\t\t</ToolbarProvider>\n\t\t);\n\t}\n);\n\nToolbar.displayName = \"Toolbar\";\n\nconst toolbarButtonStyles = tv({\n\tbase: \"group inline-flex items-center justify-center gap-1.5 rounded-sm p-1.5 focus-visible:shadow-focus focus-visible:outline-none\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"hover:bg-secondary-bg-hover\",\n\t\t\thigh: \"hover:bg-inverse-hover\"\n\t\t}\n\t}\n});\n\nexport type ToolbarButtonProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarButton>;\n\nexport const ToolbarButton = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarButtonProps\n>(({ className, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\tconst styles = toolbarButtonStyles({ className, focus });\n\treturn <ToolbarPrimitive.ToolbarButton ref={ref} className={styles} {...props} />;\n});\n\nToolbarButton.displayName = \"ToolbarButton\";\n\nconst toolbarIconStyles = tv({\n\tbase: \"h-4 w-4\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"stroke-[1.5px] text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarIconProps = React.ComponentPropsWithoutRef<typeof Icon>;\n\nexport const ToolbarIcon = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarIconProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\treturn <Icon ref={ref} className={toolbarIconStyles({ className, focus })} {...props} />;\n\t}\n);\n\nToolbarIcon.displayName = \"ToolbarIcon\";\n\nconst toolbarTextStyles = tv({\n\tbase: \"text-base leading-none\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarTextProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const ToolbarText = React.forwardRef<HTMLDivElement, PropsWithChildren<ToolbarTextProps>>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\treturn <div ref={ref} className={toolbarTextStyles({ className, focus })} {...props} />;\n\t}\n);\n\nToolbarText.displayName = \"ToolbarText\";\n\nconst toolbarSubTriggerStyles = tv({\n\tbase: \"\",\n\tslots: {\n\t\ticon: \"h-2 w-2 stroke-[3px]\"\n\t},\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarSubTriggerProps = Omit<React.ComponentPropsWithoutRef<typeof Icon>, \"icon\"> & {\n\ticon?: LucideIcon;\n};\n\nexport const ToolbarSubTrigger = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarSubTriggerProps>(\n\t({ className, icon, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\tconst styles = toolbarSubTriggerStyles();\n\t\treturn (\n\t\t\t<span className={styles.base({ className, focus })}>\n\t\t\t\t<Icon icon={icon || ChevronDown} ref={ref} className={styles.icon({ focus })} {...props} />\n\t\t\t</span>\n\t\t);\n\t}\n);\n\nToolbarSubTrigger.displayName = \"ToolbarSubTrigger\";\n\nconst toolbarToggleGroupStyles = tv({\n\tbase: \"flex items-center gap-1\"\n});\n\nexport type ToolbarToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleGroup>;\n\nexport const ToolbarToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToggleGroup>,\n\tToolbarToggleGroupProps\n>(({ className, ...props }, ref) => {\n\tconst styles = toolbarToggleGroupStyles({ className });\n\treturn <ToolbarPrimitive.ToggleGroup ref={ref} className={styles} {...props} />;\n});\nToolbarToggleGroup.displayName = ToolbarPrimitive.ToggleGroup.displayName;\n\nconst toolbarToggleStyles = tv({\n\textend: toolbarButtonStyles,\n\tbase: \"disabled:pointer-events-none disabled:opacity-50\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"data-[state=on]:bg-primary-bg-hover\",\n\t\t\thigh: \"data-[state=on]:bg-inverse-active\"\n\t\t}\n\t}\n});\n\nexport type ToolbarToggleItemProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarToggleItem> & {\n\tchildren: React.ReactNode;\n};\n\nexport const ToolbarToggleItem = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarToggleItem>,\n\tToolbarToggleItemProps\n>(({ className, children, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\tconst styles = toolbarToggleStyles({ className, focus });\n\n\treturn (\n\t\t<ToolbarPrimitive.ToolbarToggleItem ref={ref} className={styles} {...props}>\n\t\t\t{children}\n\t\t</ToolbarPrimitive.ToolbarToggleItem>\n\t);\n});\n\nToolbarToggleItem.displayName = \"ToolbarToggleItem\";\n\nconst toolbarDividerStyles = tv({\n\tbase: \"h-5 w-px\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"bg-secondary-border\",\n\t\t\thigh: \"bg-inverse-border\"\n\t\t}\n\t}\n});\n\nexport type ToolbarSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const ToolbarSeparator = React.forwardRef<React.ElementRef<typeof Divider>, ToolbarSeparatorProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\tconst styles = toolbarDividerStyles({ className, focus });\n\t\treturn (\n\t\t\t<ToolbarPrimitive.ToolbarSeparator asChild data-orientation=\"vertical\">\n\t\t\t\t<Divider ref={ref} orientation=\"vertical\" className={styles} {...props} />\n\t\t\t</ToolbarPrimitive.ToolbarSeparator>\n\t\t);\n\t}\n);\n\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nconst toolbarTriggerChevronStyles = tv({\n\tslots: {\n\t\twrapper: \"\",\n\t\tsubtrigger: \"py-0.5\"\n\t},\n\tvariants: {\n\t\tsub: {\n\t\t\ttrue: { wrapper: \"-ml-0.5 px-0.5 py-2\" }\n\t\t}\n\t}\n});\n\nexport type ToolbarTriggerChevronProps = ToolbarTriggerProps & {\n\tsub?: boolean;\n};\n\nexport const ToolbarTriggerChevron = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarTriggerChevronProps\n>(({ className, children, sub, ...props }, ref) => {\n\tconst styles = toolbarTriggerChevronStyles();\n\n\treturn (\n\t\t<ToolbarTrigger ref={ref} data-stick-left className={styles.wrapper({ className, sub })} {...props}>\n\t\t\t{children}\n\t\t\t<ToolbarSubTrigger className={styles.subtrigger()} />\n\t\t</ToolbarTrigger>\n\t);\n});\n\nToolbarTriggerChevron.displayName = \"ToolbarTriggerChevron \";\n\nconst toolbarTriggerStyles = tv({\n\tbase: \"\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"data-[state=open]:bg-primary-bg-hover\",\n\t\t\thigh: \"data-[state=open]:bg-inverse-active\"\n\t\t}\n\t}\n});\n\nexport type ToolbarTriggerProps = ToolbarButtonProps & {\n\t\"data-state\"?: \"open\" | \"closed\";\n};\n\nexport const ToolbarTrigger = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarTriggerProps\n>(({ className, children, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\n\treturn (\n\t\t<ToolbarButton ref={ref} data-stick-left className={toolbarTriggerStyles({ className, focus })} {...props}>\n\t\t\t{children}\n\t\t</ToolbarButton>\n\t);\n});\n\nToolbarTrigger.displayName = \"ToolbarTrigger\";\n"],"names":["ToolbarContext","createContext","ToolbarProvider","children","focus","jsx","useToolbarContext","context","useContext","toolbarStyles","tv","Toolbar","React","className","props","ref","styles","ScrollArea","ToolbarPrimitive.Root","toolbarButtonStyles","ToolbarButton","ToolbarPrimitive.ToolbarButton","toolbarIconStyles","ToolbarIcon","Icon","toolbarTextStyles","ToolbarText","toolbarSubTriggerStyles","ToolbarSubTrigger","icon","ChevronDown","toolbarToggleGroupStyles","ToolbarToggleGroup","ToolbarPrimitive.ToggleGroup","toolbarToggleStyles","ToolbarToggleItem","ToolbarPrimitive.ToolbarToggleItem","toolbarDividerStyles","ToolbarSeparator","ToolbarPrimitive.ToolbarSeparator","Divider","toolbarTriggerChevronStyles","ToolbarTriggerChevron","sub","jsxs","ToolbarTrigger","toolbarTriggerStyles"],"mappings":"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"}
+{"version":3,"file":"toolbar.js","sources":["../../src/components/toolbar/ToolbarContext.tsx","../../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\n\ninterface ToolbarContextValue {\n\tfocus: \"high\" | \"low\";\n}\n\nconst ToolbarContext = createContext<ToolbarContextValue | undefined>(undefined);\n\nexport interface ToolbarProviderProps {\n\tchildren: ReactNode;\n\tfocus?: \"high\" | \"low\";\n}\n\nexport const ToolbarProvider: React.FC<ToolbarProviderProps> = ({ children, focus = \"high\" }) => {\n\treturn <ToolbarContext.Provider value={{ focus }}>{children}</ToolbarContext.Provider>;\n};\n\nexport const useToolbarContext = (): ToolbarContextValue => {\n\tconst context = useContext(ToolbarContext);\n\n\tif (context === undefined) {\n\t\tthrow new Error(\"useToolbarContext должен использоваться внутри ToolbarProvider\");\n\t}\n\n\treturn context;\n};\n","import * as ToolbarPrimitive from \"@radix-ui/react-toolbar\";\nimport React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Divider } from \"../divider/Divider\";\nimport { Icon } from \"../icon\";\nimport { ChevronDown, LucideIcon } from \"lucide-react\";\nimport { ScrollArea } from \"../scroll-area/ScrollArea\";\nimport { ToolbarProvider, ToolbarProviderProps, useToolbarContext } from \"./ToolbarContext\";\n\nconst toolbarStyles = tv({\n\tslots: {\n\t\twrapper: \"flex items-center gap-1 p-1.5 lg:rounded-lg lg:p-1\",\n\t\tscrollbar: \"h-1.5 border-t-0 px-1.5\",\n\t\tthumb: \"\",\n\t\tscrollarea: \"lg:rounded-lg\"\n\t},\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: {\n\t\t\t\twrapper: \"border border-secondary-border bg-secondary-bg\",\n\t\t\t\tscrollarea: \"bg-secondary-bg lg:shadow-soft-sm\",\n\t\t\t\tthumb: \"bg-primary-border\"\n\t\t\t},\n\t\t\thigh: {\n\t\t\t\twrapper: \"bg-inverse-secondary-bg\",\n\t\t\t\tscrollarea: \"bg-inverse-secondary-bg lg:shadow-hard-base\",\n\t\t\t\tthumb: \"bg-inverse-active\"\n\t\t\t}\n\t\t}\n\t}\n});\n\nexport type ToolbarProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.Root> &\n\tPick<ToolbarProviderProps, \"focus\">;\n\nexport const Toolbar = React.forwardRef<React.ElementRef<typeof ToolbarPrimitive.Root>, ToolbarProps>(\n\t({ className, focus = \"high\", ...props }, ref) => {\n\t\tconst styles = toolbarStyles();\n\n\t\treturn (\n\t\t\t<ToolbarProvider focus={focus}>\n\t\t\t\t<ScrollArea\n\t\t\t\t\ttype=\"always\"\n\t\t\t\t\tthumbClassName={styles.thumb({ focus })}\n\t\t\t\t\tscrollbarClassName={styles.scrollbar()}\n\t\t\t\t\tclassName={styles.scrollarea({ focus })}\n\t\t\t\t\torientation=\"horizontal\"\n\t\t\t\t>\n\t\t\t\t\t<ToolbarPrimitive.Root ref={ref} className={styles.wrapper({ className, focus })} {...props} />\n\t\t\t\t</ScrollArea>\n\t\t\t</ToolbarProvider>\n\t\t);\n\t}\n);\n\nToolbar.displayName = \"Toolbar\";\n\nconst toolbarButtonStyles = tv({\n\tbase: \"group inline-flex items-center justify-center gap-1.5 rounded-sm p-1.5 focus-visible:shadow-focus focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"hover:bg-secondary-bg-hover\",\n\t\t\thigh: \"hover:bg-inverse-hover\"\n\t\t}\n\t}\n});\n\nexport type ToolbarButtonProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarButton>;\n\nexport const ToolbarButton = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarButtonProps\n>(({ className, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\tconst styles = toolbarButtonStyles({ className, focus });\n\treturn <ToolbarPrimitive.ToolbarButton ref={ref} className={styles} {...props} />;\n});\n\nToolbarButton.displayName = \"ToolbarButton\";\n\nconst toolbarIconStyles = tv({\n\tbase: \"h-4 w-4\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"stroke-[1.5px] text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarIconProps = React.ComponentPropsWithoutRef<typeof Icon>;\n\nexport const ToolbarIcon = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarIconProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\treturn <Icon ref={ref} className={toolbarIconStyles({ className, focus })} {...props} />;\n\t}\n);\n\nToolbarIcon.displayName = \"ToolbarIcon\";\n\nconst toolbarTextStyles = tv({\n\tbase: \"text-base leading-none\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarTextProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const ToolbarText = React.forwardRef<HTMLDivElement, PropsWithChildren<ToolbarTextProps>>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\treturn <div ref={ref} className={toolbarTextStyles({ className, focus })} {...props} />;\n\t}\n);\n\nToolbarText.displayName = \"ToolbarText\";\n\nconst toolbarSubTriggerStyles = tv({\n\tbase: \"\",\n\tslots: {\n\t\ticon: \"h-2 w-2 stroke-[3px]\"\n\t},\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarSubTriggerProps = Omit<React.ComponentPropsWithoutRef<typeof Icon>, \"icon\"> & {\n\ticon?: LucideIcon;\n};\n\nexport const ToolbarSubTrigger = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarSubTriggerProps>(\n\t({ className, icon, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\tconst styles = toolbarSubTriggerStyles();\n\t\treturn (\n\t\t\t<span className={styles.base({ className, focus })}>\n\t\t\t\t<Icon icon={icon || ChevronDown} ref={ref} className={styles.icon({ focus })} {...props} />\n\t\t\t</span>\n\t\t);\n\t}\n);\n\nToolbarSubTrigger.displayName = \"ToolbarSubTrigger\";\n\nconst toolbarToggleGroupStyles = tv({\n\tbase: \"flex items-center gap-1\"\n});\n\nexport type ToolbarToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleGroup>;\n\nexport const ToolbarToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToggleGroup>,\n\tToolbarToggleGroupProps\n>(({ className, ...props }, ref) => {\n\tconst styles = toolbarToggleGroupStyles({ className });\n\treturn <ToolbarPrimitive.ToggleGroup ref={ref} className={styles} {...props} />;\n});\nToolbarToggleGroup.displayName = ToolbarPrimitive.ToggleGroup.displayName;\n\nconst toolbarToggleStyles = tv({\n\textend: toolbarButtonStyles,\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"data-[state=on]:bg-primary-bg-hover\",\n\t\t\thigh: \"data-[state=on]:bg-inverse-active\"\n\t\t}\n\t}\n});\n\nexport type ToolbarToggleItemProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarToggleItem> & {\n\tchildren: React.ReactNode;\n};\n\nexport const ToolbarToggleItem = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarToggleItem>,\n\tToolbarToggleItemProps\n>(({ className, children, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\tconst styles = toolbarToggleStyles({ className, focus });\n\n\treturn (\n\t\t<ToolbarPrimitive.ToolbarToggleItem ref={ref} className={styles} {...props}>\n\t\t\t{children}\n\t\t</ToolbarPrimitive.ToolbarToggleItem>\n\t);\n});\n\nToolbarToggleItem.displayName = \"ToolbarToggleItem\";\n\nconst toolbarDividerStyles = tv({\n\tbase: \"h-5 w-px\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"bg-secondary-border\",\n\t\t\thigh: \"bg-inverse-border\"\n\t\t}\n\t}\n});\n\nexport type ToolbarSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const ToolbarSeparator = React.forwardRef<React.ElementRef<typeof Divider>, ToolbarSeparatorProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\tconst styles = toolbarDividerStyles({ className, focus });\n\t\treturn (\n\t\t\t<ToolbarPrimitive.ToolbarSeparator asChild data-orientation=\"vertical\">\n\t\t\t\t<Divider ref={ref} orientation=\"vertical\" className={styles} {...props} />\n\t\t\t</ToolbarPrimitive.ToolbarSeparator>\n\t\t);\n\t}\n);\n\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nconst toolbarTriggerChevronStyles = tv({\n\tslots: {\n\t\twrapper: \"\",\n\t\tsubtrigger: \"py-0.5\"\n\t},\n\tvariants: {\n\t\tsub: {\n\t\t\ttrue: { wrapper: \"-ml-0.5 px-0.5 py-2\" }\n\t\t}\n\t}\n});\n\nexport type ToolbarTriggerChevronProps = ToolbarTriggerProps & {\n\tsub?: boolean;\n};\n\nexport const ToolbarTriggerChevron = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarTriggerChevronProps\n>(({ className, children, sub, ...props }, ref) => {\n\tconst styles = toolbarTriggerChevronStyles();\n\n\treturn (\n\t\t<ToolbarTrigger ref={ref} data-stick-left className={styles.wrapper({ className, sub })} {...props}>\n\t\t\t{children}\n\t\t\t<ToolbarSubTrigger className={styles.subtrigger()} />\n\t\t</ToolbarTrigger>\n\t);\n});\n\nToolbarTriggerChevron.displayName = \"ToolbarTriggerChevron \";\n\nconst toolbarTriggerStyles = tv({\n\tbase: \"\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"data-[state=open]:bg-primary-bg-hover\",\n\t\t\thigh: \"data-[state=open]:bg-inverse-active\"\n\t\t}\n\t}\n});\n\nexport type ToolbarTriggerProps = ToolbarButtonProps & {\n\t\"data-state\"?: \"open\" | \"closed\";\n};\n\nexport const ToolbarTrigger = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarTriggerProps\n>(({ className, children, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\n\treturn (\n\t\t<ToolbarButton ref={ref} data-stick-left className={toolbarTriggerStyles({ className, focus })} {...props}>\n\t\t\t{children}\n\t\t</ToolbarButton>\n\t);\n});\n\nToolbarTrigger.displayName = \"ToolbarTrigger\";\n"],"names":["ToolbarContext","createContext","ToolbarProvider","children","focus","jsx","useToolbarContext","context","useContext","toolbarStyles","tv","Toolbar","React","className","props","ref","styles","ScrollArea","ToolbarPrimitive.Root","toolbarButtonStyles","ToolbarButton","ToolbarPrimitive.ToolbarButton","toolbarIconStyles","ToolbarIcon","Icon","toolbarTextStyles","ToolbarText","toolbarSubTriggerStyles","ToolbarSubTrigger","icon","ChevronDown","toolbarToggleGroupStyles","ToolbarToggleGroup","ToolbarPrimitive.ToggleGroup","toolbarToggleStyles","ToolbarToggleItem","ToolbarPrimitive.ToolbarToggleItem","toolbarDividerStyles","ToolbarSeparator","ToolbarPrimitive.ToolbarSeparator","Divider","toolbarTriggerChevronStyles","ToolbarTriggerChevron","sub","jsxs","ToolbarTrigger","toolbarTriggerStyles"],"mappings":";;;;;;;;AAMA,MAAMA,IAAiBC,EAA+C,MAAS,GAOlEC,IAAkD,CAAC,EAAE,UAAAC,GAAU,OAAAC,IAAQ,aAC5E,gBAAAC,EAACL,EAAe,UAAf,EAAwB,OAAO,EAAE,OAAAI,EAAA,GAAU,UAAAD,GAAS,GAGhDG,IAAoB,MAA2B;AACrD,QAAAC,IAAUC,EAAWR,CAAc;AAEzC,MAAIO,MAAY;AACT,UAAA,IAAI,MAAM,gEAAgE;AAG1E,SAAAA;AACR,GChBME,IAAgBC,EAAG;AAAA,EACxB,OAAO;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,QACJ,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA;AAAA,IACR;AAAA,EACD;AAEF,CAAC,GAKYC,IAAUC,EAAM;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,OAAAT,IAAQ,QAAQ,GAAGU,KAASC,MAAQ;AACjD,UAAMC,IAASP,EAAc;AAG5B,WAAA,gBAAAJ,EAACH,KAAgB,OAAAE,GAChB,UAAA,gBAAAC;AAAA,MAACY;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,gBAAgBD,EAAO,MAAM,EAAE,OAAAZ,GAAO;AAAA,QACtC,oBAAoBY,EAAO,UAAU;AAAA,QACrC,WAAWA,EAAO,WAAW,EAAE,OAAAZ,GAAO;AAAA,QACtC,aAAY;AAAA,QAEZ,UAAC,gBAAAC,EAAAa,GAAA,EAAsB,KAAAH,GAAU,WAAWC,EAAO,QAAQ,EAAE,WAAAH,GAAW,OAAAT,GAAO,GAAI,GAAGU,EAAO,CAAA;AAAA,MAAA;AAAA,IAAA,GAE/F;AAAA,EAAA;AAGH;AAEAH,EAAQ,cAAc;AAEtB,MAAMQ,IAAsBT,EAAG;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAIYU,IAAgBR,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AAC7B,QAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB,GAC9BU,IAASG,EAAoB,EAAE,WAAAN,GAAW,OAAAT,GAAO;AAChD,SAAA,gBAAAC,EAACgB,GAAA,EAA+B,KAAAN,GAAU,WAAWC,GAAS,GAAGF,GAAO;AAChF,CAAC;AAEDM,EAAc,cAAc;AAE5B,MAAME,IAAoBZ,EAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAIYa,IAAcX,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAC3B,UAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB;AAC7B,WAAA,gBAAAD,EAACmB,GAAK,EAAA,KAAAT,GAAU,WAAWO,EAAkB,EAAE,WAAAT,GAAW,OAAAT,EAAM,CAAC,GAAI,GAAGU,EAAO,CAAA;AAAA,EAAA;AAExF;AAEAS,EAAY,cAAc;AAE1B,MAAME,IAAoBf,EAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAIYgB,IAAcd,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAC3B,UAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB;AAC7B,WAAA,gBAAAD,EAAC,OAAI,EAAA,KAAAU,GAAU,WAAWU,EAAkB,EAAE,WAAAZ,GAAW,OAAAT,EAAM,CAAC,GAAI,GAAGU,EAAO,CAAA;AAAA,EAAA;AAEvF;AAEAY,EAAY,cAAc;AAE1B,MAAMC,IAA0BjB,EAAG;AAAA,EAClC,MAAM;AAAA,EACN,OAAO;AAAA,IACN,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAMYkB,IAAoBhB,EAAM;AAAA,EACtC,CAAC,EAAE,WAAAC,GAAW,MAAAgB,GAAM,GAAGf,EAAA,GAASC,MAAQ;AACjC,UAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB,GAC9BU,IAASW,EAAwB;AAEtC,WAAA,gBAAAtB,EAAC,QAAK,EAAA,WAAWW,EAAO,KAAK,EAAE,WAAAH,GAAW,OAAAT,EAAO,CAAA,GAChD,UAAC,gBAAAC,EAAAmB,GAAA,EAAK,MAAMK,KAAQC,GAAa,KAAAf,GAAU,WAAWC,EAAO,KAAK,EAAE,OAAAZ,EAAA,CAAO,GAAI,GAAGU,EAAA,CAAO,EAC1F,CAAA;AAAA,EAAA;AAGH;AAEAc,EAAkB,cAAc;AAEhC,MAAMG,IAA2BrB,EAAG;AAAA,EACnC,MAAM;AACP,CAAC,GAIYsB,IAAqBpB,EAAM,WAGtC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AACnC,QAAMC,IAASe,EAAyB,EAAE,WAAAlB,GAAW;AAC9C,SAAA,gBAAAR,EAAC4B,GAAA,EAA6B,KAAAlB,GAAU,WAAWC,GAAS,GAAGF,GAAO;AAC9E,CAAC;AACDkB,EAAmB,cAAcC,EAA6B;AAE9D,MAAMC,IAAsBxB,EAAG;AAAA,EAC9B,QAAQS;AAAA,EACR,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAMYgB,IAAoBvB,EAAM,WAGrC,CAAC,EAAE,WAAAC,GAAW,UAAAV,GAAU,GAAGW,EAAM,GAAGC,MAAQ;AACvC,QAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB,GAC9BU,IAASkB,EAAoB,EAAE,WAAArB,GAAW,OAAAT,GAAO;AAGtD,SAAA,gBAAAC,EAAC+B,GAAA,EAAmC,KAAArB,GAAU,WAAWC,GAAS,GAAGF,GACnE,UAAAX,GACF;AAEF,CAAC;AAEDgC,EAAkB,cAAc;AAEhC,MAAME,IAAuB3B,EAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAIY4B,IAAmB1B,EAAM;AAAA,EACrC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAC3B,UAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB,GAC9BU,IAASqB,EAAqB,EAAE,WAAAxB,GAAW,OAAAT,GAAO;AACxD,6BACEmC,GAAA,EAAkC,SAAO,IAAC,oBAAiB,YAC3D,UAAC,gBAAAlC,EAAAmC,GAAA,EAAQ,KAAAzB,GAAU,aAAY,YAAW,WAAWC,GAAS,GAAGF,EAAO,CAAA,GACzE;AAAA,EAAA;AAGH;AAEAwB,EAAiB,cAAc;AAE/B,MAAMG,IAA8B/B,EAAG;AAAA,EACtC,OAAO;AAAA,IACN,SAAS;AAAA,IACT,YAAY;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACT,KAAK;AAAA,MACJ,MAAM,EAAE,SAAS,sBAAsB;AAAA,IAAA;AAAA,EACxC;AAEF,CAAC,GAMYgC,IAAwB9B,EAAM,WAGzC,CAAC,EAAE,WAAAC,GAAW,UAAAV,GAAU,KAAAwC,GAAK,GAAG7B,EAAM,GAAGC,MAAQ;AAClD,QAAMC,IAASyB,EAA4B;AAE3C,SACE,gBAAAG,EAAAC,GAAA,EAAe,KAAA9B,GAAU,mBAAe,IAAC,WAAWC,EAAO,QAAQ,EAAE,WAAAH,GAAW,KAAA8B,EAAK,CAAA,GAAI,GAAG7B,GAC3F,UAAA;AAAA,IAAAX;AAAA,IACA,gBAAAE,EAAAuB,GAAA,EAAkB,WAAWZ,EAAO,aAAc,CAAA;AAAA,EAAA,GACpD;AAEF,CAAC;AAED0B,EAAsB,cAAc;AAEpC,MAAMI,IAAuBpC,EAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAMYmC,IAAiBjC,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAV,GAAU,GAAGW,EAAM,GAAGC,MAAQ;AACvC,QAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB;AAEpC,SACE,gBAAAD,EAAAe,GAAA,EAAc,KAAAL,GAAU,mBAAe,IAAC,WAAW+B,EAAqB,EAAE,WAAAjC,GAAW,OAAAT,EAAO,CAAA,GAAI,GAAGU,GAClG,UAAAX,EACF,CAAA;AAEF,CAAC;AAED0C,EAAe,cAAc;"}

package/dist/hooks.js

@@ -1,5 +1,5 @@
 import { u as a } from "./useItemsKeyboardNavigation-CmeOR30y.js";
-import { g as o, f as r, d as t, b as I, a as i, e as m, u as p, c as b } from "./useBreakpoints-D8wKOvil.js";
+import { g as o, f as r, d as t, b as I, a as i, e as m, u as p, c as b } from "./useBreakpoints-DHvp74UL.js";
 export {
   o as useActiveBreakpoint,
   r as useBreakpoint,