ics-ui-kit 0.1.19 → 1.0.0-alpha.0

package/dist/{treeModel-BlJWP4sc.js → treeModel-CUO1A5s7.js}

@@ -215,7 +215,7 @@ const fe = n({
     // Рамка, фон и скругление — как у `Checkbox`: в строке они стоят рядом и должны
     // читаться одинаково.
     "rounded-sm border border-primary-border bg-secondary-bg text-muted",
-    "hover:text-primary-fg focus-visible:shadow-focus focus-visible:outline-none",
+    "hover:text-primary-fg focus-visible:shadow-focus focus-visible:outline-hidden",
     // Невидимое расширение зоны нажатия до 24px. Именно псевдоэлементом, а не паддингом
     // или размером: квадрат обязан остаться на сетке линий, а промахиваться по 16px
     // на строке высотой 36px легко.
@@ -239,10 +239,10 @@ O.displayName = "TableTreeToggle";
 const I = ({ className: e }) => /* @__PURE__ */ s("span", { "aria-hidden": !0, className: u("shrink-0", e), style: { width: d } });
 I.displayName = "TableTreeSpacer";
 const me = l.forwardRef(
-  ({ row: e, onToggle: a, toggleLabel: t, className: r, style: o, children: i, ...c }, T) => /* @__PURE__ */ m(
+  ({ row: e, onToggle: a, toggleLabel: t, className: r, style: o, children: i, ...c }, h) => /* @__PURE__ */ m(
     C,
     {
-      ref: T,
+      ref: h,
       "data-tree-level": e.level,
       className: u("relative align-top", r),
       style: { paddingLeft: pe(e.level), ...o },
@@ -265,18 +265,18 @@ const me = l.forwardRef(
   )
 );
 me.displayName = "TableTreeCell";
-const Te = (e, a) => [
+const he = (e, a) => [
   ...e.map((t) => t === "pass" || t === "branch" ? "pass" : "none"),
   a ? "end" : "branch"
 ];
 function xe(e, a) {
-  const { getChildren: t, isExpanded: r = () => !0 } = a, o = [], i = (c, T, h, z, B) => {
+  const { getChildren: t, isExpanded: r = () => !0 } = a, o = [], i = (c, h, T, z, B) => {
     c.forEach((b, y) => {
-      const E = y === c.length - 1, v = t(b), R = !!v?.length, g = R && r(b), w = h === 0 ? [] : Te(z, E), x = [...B, y];
+      const E = y === c.length - 1, v = t(b), R = !!v?.length, g = R && r(b), w = T === 0 ? [] : he(z, E), x = [...B, y];
       o.push({
         node: b,
-        parent: T,
-        level: h,
+        parent: h,
+        level: T,
         index: y,
         isLast: E,
         hasChildren: R,
@@ -284,7 +284,7 @@ function xe(e, a) {
         descends: g,
         lines: w,
         path: x
-      }), g && i(v, b, h + 1, w, x);
+      }), g && i(v, b, T + 1, w, x);
     });
   };
   return i(e, null, 0, [], []), o;
@@ -314,6 +314,6 @@ export {
   ce as u,
   be as v,
   xe as w,
-  Te as x
+  he as x
 };
-//# sourceMappingURL=treeModel-BlJWP4sc.js.map
+//# sourceMappingURL=treeModel-CUO1A5s7.js.map

package/dist/treeModel-CUO1A5s7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeModel-CUO1A5s7.js","sources":["../src/components/table/Table.tsx","../src/components/table/tree/treeGeometry.ts","../src/components/table/tree/TableTree.tsx","../src/components/table/tree/treeModel.ts"],"sourcesContent":["import * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { ScrollShadowContainer } from \"../scroll-shadow-container\";\r\nimport { STICKY_FOOTER, STICKY_HEADER } from \"./sticky/stickyCell\";\r\nimport { ScrollShadowContainerProps } from \"../scroll-shadow-container/ScrollShadowContainer\";\r\nimport { TABLE_ROW_TINT_LAYERS } from \"./rowTint\";\r\n\r\nconst tableStyles = tv({\r\n\tslots: {\r\n\t\twrapper: \"relative w-full overflow-x-auto rounded-lg border border-secondary-border\",\r\n\r\n\t\t// Раздельная модель границ вместо схлопнутой (умолчание Tailwind для таблиц).\r\n\t\t// В схлопнутой модели граница принадлежит сетке таблицы, а не ячейке: `position: sticky`\r\n\t\t// и `transform` уносят ячейку, а линия остаётся стоять на старом месте — из-за этого\r\n\t\t// прилипающим шапке и колонке приходилось гасить границу и рисовать её inset-тенью.\r\n\t\t// В раздельной модели граница входит в бокс ячейки и едет вместе с ней.\r\n\t\t//\r\n\t\t// Плата: `border` у групп строк (`thead`, `tbody`, `tfoot`) и у самих `tr` браузер\r\n\t\t// обязан игнорировать, поэтому все разделители живут на ячейках — см. `TABLE_ROW_ANATOMY`,\r\n\t\t// `tableHeaderStyles` и `tableFooterStyles`.\r\n\t\ttable: \"w-full caption-bottom border-separate border-spacing-0 text-xs\"\r\n\t}\r\n});\r\n\r\nexport type TableProps = React.HTMLAttributes<HTMLTableElement> & {\r\n\tcontainerClassName?: string;\r\n\tcontainerRef?: React.Ref<HTMLDivElement>;\r\n};\r\n\r\nexport const Table = React.forwardRef<HTMLTableElement, TableProps>(\r\n\t({ className, containerClassName, containerRef, ...props }, ref) => {\r\n\t\tconst styles = tableStyles();\r\n\r\n\t\treturn (\r\n\t\t\t<div ref={containerRef} className={styles.wrapper({ className: containerClassName })}>\r\n\t\t\t\t<table ref={ref} className={styles.table({ className })} {...props} />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nTable.displayName = \"Table\";\r\n\r\nconst tableHeaderStyles = tv({\r\n\t// Линия под шапкой — на ячейках, а не на `thead`: `border` у групп строк в раздельной\r\n\t// модели игнорируется (см. `tableStyles`). Заодно это ровно то, что нужно прилипающей\r\n\t// шапке: граница ячейки уезжает вместе с ячейкой, а не остаётся в сетке таблицы.\r\n\t//\r\n\t// Ту же нижнюю границу ячейкам шапки даёт и `TableRow`; дубль намеренный — разделитель\r\n\t// шапки и тела это контракт самого `TableHeader`, и он не должен пропадать из-за голого\r\n\t// `<tr>` в разметке потребителя. Одинаковые объявления одного свойства линию не задваивают.\r\n\t//\r\n\tbase: \"bg-primary-bg [&_th]:border-b [&_th]:border-secondary-border [&_tr]:[--table-row-bg-hover:transparent]\",\r\n\tvariants: {\r\n\t\tsticky: {\r\n\t\t\ttrue: STICKY_HEADER\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement> & {\r\n\t/**\r\n\t * Шапка остаётся на месте при вертикальной прокрутке.\r\n\t *\r\n\t * Прокручивается контейнер таблицы, поэтому ему нужна ограниченная высота\r\n\t * (`containerClassName=\"max-h-80\"`): без неё прокручивать нечего и `position: sticky`\r\n\t * ничего не делает.\r\n\t *\r\n\t * Проп, а не набор классов в `className`, потому что вместе со `sticky` требуется\r\n\t * `z-index`, согласованный с закреплёнными колонками, — это знание кита, а не\r\n\t * потребителя (см. `STICKY_HEADER`).\r\n\t */\r\n\tsticky?: boolean;\r\n};\r\n\r\nexport const TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\r\n\t({ className, sticky, ...props }, ref) => (\r\n\t\t<thead ref={ref} className={tableHeaderStyles({ sticky, className })} {...props} />\r\n\t)\r\n);\r\n\r\nTableHeader.displayName = \"TableHeader\";\r\n\r\nconst tableBodyStyles = tv({\r\n\tbase: \"bg-secondary-bg [&_tr:last-child>*]:border-b-0\"\r\n});\r\n\r\nexport const TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n\t({ className, ...props }, ref) => <tbody ref={ref} className={tableBodyStyles({ className })} {...props} />\r\n);\r\n\r\nTableBody.displayName = \"TableBody\";\r\n\r\nconst tableBodyContainerStyles = tv({\r\n\tbase: \"overflow-x-hidden\"\r\n});\r\n\r\nexport type TableBodyContainerProps = React.HTMLAttributes<HTMLTableSectionElement> & {\r\n\tcontainerClassName?: string;\r\n\tshadowSize?: ScrollShadowContainerProps[\"shadowSize\"];\r\n};\r\n\r\nexport const TableBodyContainer = React.forwardRef<HTMLTableSectionElement, TableBodyContainerProps>(\r\n\t({ className, containerClassName, shadowSize, ...props }, ref) => (\r\n\t\t<ScrollShadowContainer\r\n\t\t\tclassName={tableBodyContainerStyles({ className: containerClassName })}\r\n\t\t\tshadowSize={shadowSize}\r\n\t\t>\r\n\t\t\t<tbody ref={ref} className={tableBodyStyles({ className })} {...props} />\r\n\t\t</ScrollShadowContainer>\r\n\t)\r\n);\r\n\r\nTableBodyContainer.displayName = \"TableBodyContainer\";\r\n\r\nconst tableFooterStyles = tv({\r\n\t// Верхняя граница — на ячейках первой строки, нижняя снимается с ячеек последней:\r\n\t// собственный `border` у `tfoot` в раздельной модели игнорируется (см. `tableStyles`).\r\n\tbase: [\r\n\t\t\"bg-primary-bg font-medium\",\r\n\t\t\"[&>tr:first-child>*]:border-t [&>tr:first-child>*]:border-secondary-border\",\r\n\t\t\"[&>tr:last-child>*]:border-b-0\"\r\n\t],\r\n\tvariants: {\r\n\t\tsticky: {\r\n\t\t\ttrue: STICKY_FOOTER\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement> & {\r\n\t/**\r\n\t * Итоги остаются на месте при вертикальной прокрутке.\r\n\t *\r\n\t * Зеркало `sticky` у `TableHeader`, и требует того же: прокручивается контейнер таблицы,\r\n\t * поэтому у него должна быть ограниченная высота — без неё прокручивать нечего.\r\n\t *\r\n\t * Проп, а не классы в `className`, по той же причине, что и у шапки: вместе со `sticky`\r\n\t * нужен `z-index`, согласованный с закреплёнными колонками (см. `STICKY_FOOTER`).\r\n\t */\r\n\tsticky?: boolean;\r\n};\r\n\r\nexport const TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\r\n\t({ className, sticky, ...props }, ref) => (\r\n\t\t<tfoot ref={ref} className={tableFooterStyles({ sticky, className })} {...props} />\r\n\t)\r\n);\r\n\r\nTableFooter.displayName = \"TableFooter\";\r\n\r\nconst TABLE_ROW_ANATOMY = \"[&>*]:border-b [&>*]:border-secondary-border transition-colors\";\r\n\r\n/**\r\n * Строка красится двумя вещами: заливкой и слоями подкраски поверх неё.\r\n *\r\n * **Заливка** — `--table-row-bg` и `--table-row-bg-hover`: обычная строка и наведённая.\r\n * Это всё, что кит знает про цвет строки; ни выделения, ни деактивации у примитива нет —\r\n * что означает подсветка и когда её включать, знает прикладной код (см. `rowTint.ts`).\r\n *\r\n * **Слои подкраски** — `--table-row-tints`, их выставляет потребитель через `tableRowTints()`.\r\n * Полупрозрачные цвета поверх заливки: альфы складываются и между собой, и с заливкой, поэтому\r\n * выделенная деактивированная строка показывает обе подсветки, а не одну.\r\n *\r\n * Заливка и слои разведены не только по смыслу, но и по свойству: `background-color` против\r\n * `background-image`. Поэтому `className=\"bg-…\"` вытесняет заливку — и только её: слои\r\n * останутся на месте и лягут поверх любого цвета, который выбрал потребитель.\r\n */\r\nconst tableRowStyles = tv({\r\n\tbase: [\r\n\t\tTABLE_ROW_ANATOMY,\r\n\r\n\t\t// Заливку читает ровно один класс на состояние — обычный `bg-*` и `hover:bg-*`, —\r\n\t\t// поэтому любой `bg-*` из `className` вытесняет её штатно, без `!important`\r\n\t\t// и без повторения модификаторов.\r\n\t\t\"bg-[color:var(--table-row-bg)] hover:bg-[color:var(--table-row-bg-hover)]\",\r\n\r\n\t\t// Обычная строка: подложку даёт `TableBody`, ховер — нейтральная альфа поверх неё\r\n\t\t// (`alpha/high/97` в макете подписана как состояние строки `hover`).\r\n\t\t\"[--table-row-bg-hover:hsl(var(--alpha-high-hover))] [--table-row-bg:transparent]\",\r\n\r\n\t\tTABLE_ROW_TINT_LAYERS\r\n\t]\r\n});\r\n\r\nexport type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;\r\n\r\n/**\r\n * Строка таблицы.\r\n *\r\n * **Как перекрасить.** Обычными классами: `className=\"bg-… hover:bg-…\"`. Они выигрывают\r\n * штатно — ни `!important`, ни повторения модификаторов не нужно. Кто хочет сохранить\r\n * встроенное наведение и подменить только палитру — выставляет переменные `--table-row-bg`\r\n * и `--table-row-bg-hover`.\r\n *\r\n * **Как подсветить.** Слоями: `style={tableRowTints(…)}`, готовые цвета — в `TABLE_ROW_TINT`.\r\n * Слои складываются друг с другом и ложатся поверх заливки, какой бы она ни была, поэтому\r\n * подсветка и перекраска не конфликтуют. Подробности — в `rowTint.ts`.\r\n *\r\n * **Почему цвет читают отдельные классы, а не состояния.** Раньше `base` красил строку\r\n * четырьмя классами (`hover:bg-*`, `data-[state=selected]:bg-*`,\r\n * `data-[state=selected]:hover:bg-*`), и перебить их снаружи было нечем: `tailwind-merge`\r\n * снимает конфликт только между классами с одинаковым набором модификаторов, поэтому `bg-x`\r\n * из `className` не вытеснял ни один из них, а `data-[state=selected]:bg-*` вдобавок выигрывал\r\n * по специфичности — 0,2,0 против 0,1,0. Потребителю приходилось вручную повторять все четыре\r\n * комбинации модификаторов.\r\n */\r\nexport const TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(({ className, ...props }, ref) => (\r\n\t<tr ref={ref} className={tableRowStyles({ className })} {...props} />\r\n));\r\n\r\nTableRow.displayName = \"TableRow\";\r\n\r\nconst tableHeadStyles = tv({\r\n\tbase: \"border-r border-secondary-border px-3 py-2.5 text-left align-middle font-medium text-muted last:border-r-0\",\r\n\tvariants: {\r\n\t\tinteractive: {\r\n\t\t\ttrue: [\r\n\t\t\t\t\"cursor-pointer p-0 transition-colors\",\r\n\t\t\t\t\"hover:bg-secondary-bg-hover\",\r\n\t\t\t\t\"data-[state=open]:bg-primary-bg-hover [&:has([data-state=open])]:bg-primary-bg-hover\"\r\n\t\t\t]\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & {\r\n\t/**\r\n\t * Вся ячейка — интерактивная зона: меняет фон на наведении и на раскрытом меню,\r\n\t * и снимает собственный паддинг в пользу растянутого на всю ячейку триггера.\r\n\t */\r\n\tinteractive?: boolean;\r\n};\r\n\r\nexport const TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\r\n\t({ className, interactive, ...props }, ref) => (\r\n\t\t<th ref={ref} className={tableHeadStyles({ interactive, className })} {...props} />\r\n\t)\r\n);\r\n\r\nTableHead.displayName = \"TableHead\";\r\n\r\nconst tableCellStyles = tv({\r\n\tbase: \"border-r border-secondary-border px-3 py-2.5 align-middle last:border-r-0 [&:has([role=checkbox])]:pr-0\"\r\n});\r\n\r\nexport const TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(\r\n\t({ className, ...props }, ref) => <td ref={ref} className={tableCellStyles({ className })} {...props} />\r\n);\r\n\r\nTableCell.displayName = \"TableCell\";\r\n\r\nconst tableResizeHandleStyles = tv({\r\n\tbase: [\r\n\t\t\"absolute right-0 top-0 z-10 h-full w-2 translate-x-1/2 cursor-col-resize touch-none select-none\",\r\n\t\t\"after:absolute after:left-1/2 after:top-0 after:h-full after:w-0.5 after:-translate-x-1/2\",\r\n\t\t\"after:bg-primary-border after:opacity-0 after:transition-opacity hover:after:opacity-100\"\r\n\t],\r\n\tvariants: {\r\n\t\tactive: {\r\n\t\t\ttrue: \"after:opacity-100\"\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type TableResizeHandleProps = React.HTMLAttributes<HTMLDivElement> & {\r\n\t/** Держит индикатор подсвеченным во время drag-сессии, когда курсор уже ушёл с ручки. */\r\n\tactive?: boolean;\r\n};\r\n\r\n/**\r\n * Зона захвата для ресайза колонки. Кладётся внутрь `TableHead`, которому нужен `relative`.\r\n * Саму ширину не считает — работает в паре с `useColumnResize` из `./column-resize`.\r\n * Работает только если у `TableHead` нет `overflow: hidden`.\r\n */\r\nexport const TableResizeHandle = React.forwardRef<HTMLDivElement, TableResizeHandleProps>(\r\n\t({ className, active, ...props }, ref) => (\r\n\t\t<div\r\n\t\t\tref={ref}\r\n\t\t\trole=\"separator\"\r\n\t\t\taria-orientation=\"vertical\"\r\n\t\t\tclassName={tableResizeHandleStyles({ active, className })}\r\n\t\t\t{...props}\r\n\t\t/>\r\n\t)\r\n);\r\n\r\nTableResizeHandle.displayName = \"TableResizeHandle\";\r\n\r\nconst tableCaptionStyles = tv({\r\n\tbase: \"mt-4 text-muted\"\r\n});\r\n\r\nexport const TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\r\n\t({ className, ...props }, ref) => <caption ref={ref} className={tableCaptionStyles({ className })} {...props} />\r\n);\r\n\r\nTableCaption.displayName = \"TableCaption\";\r\n","/**\n * Геометрия линий иерархии.\n *\n * Значения связаны между собой — менять их можно только согласованно, поэтому производные\n * выражены формулами, а не числами.\n *\n * ```\n * ┌────────────────────────────────────────┐\n * │   ┌───┐                                │\n * │   │ − │ Родитель                       │\n * │   └─┬─┘                                │\n * ├─────┼──────────────────────────────────┤  ← граница ячеек; линию продлевает TREE_OVERHANG\n * │     │    ┌───┐                         │\n * │     └────┤ + │ Потомок                 │  ← TREE_CONNECTOR_Y (центр первой строки)\n * │          └───┘                         │\n * └────────────────────────────────────────┘\n *\n * ├─────┤           TREE_LINE_OFFSET — до вертикали нулевого уровня\n *       ├──────┤    TREE_INDENT — шаг между вертикалями соседних уровней\n *       ├────┤      TREE_STUB — отвод до левого края раскрывателя\n *            ├───┤  TREE_TOGGLE — сторона квадрата, центр на своей вертикали\n * ```\n *\n * Схема не в масштабе — важны отношения величин, а не пропорции на картинке.\n */\n\n/** Шаг отступа на один уровень вложенности. */\nexport const TREE_INDENT = 18;\n\n/** Отступ от левого края ячейки до вертикали нулевой колонки. */\nexport const TREE_LINE_OFFSET = 13;\n\n/**\n * Сторона квадрата-раскрывателя. Центрируется ровно на вертикали своего уровня.\n *\n * Совпадает с чекбоксом (`size-4`): в одной строке они стоят рядом, и разный размер\n * у двух одинаковых по смыслу квадратов читается как небрежность.\n *\n * Сверху ограничен `2 * TREE_LINE_OFFSET` — иначе `treeCellPaddingLeft(0)` уходит в минус,\n * и раскрыватель корня вылезает за левый край ячейки. Практический потолок ниже:\n * при стороне больше `TREE_INDENT` обнуляется `TREE_STUB` и отвод к узлу исчезает.\n */\nexport const TREE_TOGGLE = 16;\n\n/**\n * Длина горизонтального отвода — от вертикали предка до левого края раскрывателя.\n *\n * Обязана равняться `TREE_INDENT - TREE_TOGGLE / 2`: раскрыватель смещён от своей вертикали\n * влево на половину стороны, и при любом другом значении между отводом и квадратом\n * остаётся щель либо отвод заезжает под квадрат.\n */\nexport const TREE_STUB = TREE_INDENT - TREE_TOGGLE / 2;\n\n/** Вертикальный паддинг ячейки таблицы (`py-2.5`). */\nconst TREE_CELL_PADDING_TOP = 10;\n\n/** Высота строки текста при `text-xs`. */\nconst TREE_TEXT_LINE_HEIGHT = 16;\n\n/**\n * Вертикальная позиция коннектора — центр ПЕРВОЙ строки текста, а не середина ячейки.\n *\n * Это принципиально для строк переменной высоты: при `top: 50%` середина ячейки уезжает вниз\n * от подписи, как только контент переносится, и уголок перестаёт указывать на узел.\n */\nexport const TREE_CONNECTOR_Y = TREE_CELL_PADDING_TOP + TREE_TEXT_LINE_HEIGHT / 2;\n\n/**\n * Насколько линии вылезают за padding-box ячейки сверху и снизу.\n *\n * Нижняя граница ячейки лежит вне её padding-box, и без этого выноса вертикаль обрывалась бы\n * на каждой границе — вместо сплошной линии получался пунктир.\n */\nexport const TREE_OVERHANG = 1;\n\n/**\n * Отступ раскрывателя сверху, при котором его центр совпадает с коннектором.\n *\n * Раньше здесь стоял `mt-0.5`, подобранный под сторону 12px. Теперь это разность:\n * содержимое ячейки начинается на `TREE_CELL_PADDING_TOP`, а центр квадрата должен\n * попасть на `TREE_CONNECTOR_Y`. При достаточно крупном раскрывателе значение\n * становится отрицательным — квадрат заходит в верхний паддинг, и это нормально.\n */\nexport const TREE_TOGGLE_MARGIN_TOP = TREE_CONNECTOR_Y - TREE_CELL_PADDING_TOP - TREE_TOGGLE / 2;\n\n/**\n * Горизонтальная позиция вертикали для колонки отступа.\n *\n * @example\n * treeLineX(0); // 13\n * treeLineX(2); // 49\n */\nexport const treeLineX = (column: number) => TREE_LINE_OFFSET + column * TREE_INDENT;\n\n/**\n * Левый отступ ячейки, при котором раскрыватель встаёт по центру вертикали своего уровня.\n *\n * @example\n * <TableCell style={{ paddingLeft: treeCellPaddingLeft(row.level) }}> // уровень 2 → 41px\n */\nexport const treeCellPaddingLeft = (level: number) => treeLineX(level) - TREE_TOGGLE / 2;\n","import * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Minus, Plus } from \"lucide-react\";\r\nimport { Icon } from \"../../icon/Icon\";\r\nimport { TableCell } from \"../Table\";\r\nimport { cn } from \"../../../lib/utils/cn\";\r\nimport {\r\n\tTREE_CONNECTOR_Y,\r\n\tTREE_OVERHANG,\r\n\tTREE_STUB,\r\n\tTREE_TOGGLE,\r\n\tTREE_TOGGLE_MARGIN_TOP,\r\n\ttreeCellPaddingLeft,\r\n\ttreeLineX\r\n} from \"./treeGeometry\";\r\nimport type { TreeLine, TreeRow } from \"./treeModel\";\r\n\r\nconst treeLineStyles = tv({\r\n\tbase: \"absolute bg-primary-border\",\r\n\tvariants: {\r\n\t\taxis: {\r\n\t\t\tvertical: \"w-px\",\r\n\t\t\thorizontal: \"h-px\"\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type TableTreeLinesProps = {\r\n\t/**\r\n\t * Модель линий, по одному элементу на колонку отступа. Считается `flattenTree`.\r\n\t * Длина массива задаёт глубину узла — отдельный проп `level` не нужен.\r\n\t */\r\n\tlines: TreeLine[];\r\n\t/** Спуск от раскрывателя вниз, к первому потомку. Ставится у раскрытых узлов с потомками. */\r\n\tdescends?: boolean;\r\n\tclassName?: string;\r\n};\r\n\r\n/**\r\n * Линии связи для строки дерева или группы.\r\n *\r\n * Кладётся в ячейку с `position: relative` и `padding-left: treeCellPaddingLeft(level)` —\r\n * обычно этим занимается `TableTreeCell`.\r\n *\r\n * Все линии — абсолютно позиционированные блоки в 1px, а не рамки контейнеров: уровни\r\n * вложенности в таблице не образуют вложенных DOM-узлов, поэтому рисовать `border-left`\r\n * на контейнере уровня попросту негде.\r\n *\r\n * Разметка повторяет модель один в один и размечена data-атрибутами: на обёртке лежит вся\r\n * модель строки (`data-tree-lines=\"pass none end\"`), на каждом элементе — его роль\r\n * (`data-tree-line`) и номер колонки. Это делает отладку в DevTools прямой: видно не только\r\n * то, что нарисовано, но и то, что было велено нарисовать.\r\n *\r\n * @example\r\n * <TableCell className=\"relative\" style={{ paddingLeft: treeCellPaddingLeft(row.level) }}>\r\n *   <TableTreeLines lines={row.lines} descends={row.descends} />\r\n *   {row.node.name}\r\n * </TableCell>\r\n */\r\nexport const TableTreeLines = ({ lines, descends = false, className }: TableTreeLinesProps) => (\r\n\t<span\r\n\t\taria-hidden\r\n\t\tdata-tree-lines={lines.join(\" \")}\r\n\t\tdata-tree-level={lines.length}\r\n\t\tclassName={cn(\"pointer-events-none absolute inset-0\", className)}\r\n\t>\r\n\t\t{lines.map((kind, column) => {\r\n\t\t\tif (kind === \"none\") return null;\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<React.Fragment key={column}>\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tdata-tree-line={kind}\r\n\t\t\t\t\t\tdata-tree-column={column}\r\n\t\t\t\t\t\tclassName={treeLineStyles({ axis: \"vertical\" })}\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\tleft: treeLineX(column),\r\n\t\t\t\t\t\t\ttop: -TREE_OVERHANG,\r\n\t\t\t\t\t\t\t// `end` — уголок: вертикаль обрывается на коннекторе, иначе протекла бы\r\n\t\t\t\t\t\t\t// под следующие строки, где ветки этого предка уже нет.\r\n\t\t\t\t\t\t\t...(kind === \"end\"\r\n\t\t\t\t\t\t\t\t? { height: TREE_CONNECTOR_Y + TREE_OVERHANG }\r\n\t\t\t\t\t\t\t\t: { bottom: -TREE_OVERHANG })\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{kind !== \"pass\" && (\r\n\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\tdata-tree-line=\"stub\"\r\n\t\t\t\t\t\t\tdata-tree-column={column}\r\n\t\t\t\t\t\t\tclassName={treeLineStyles({ axis: \"horizontal\" })}\r\n\t\t\t\t\t\t\tstyle={{ left: treeLineX(column), top: TREE_CONNECTOR_Y, width: TREE_STUB }}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</React.Fragment>\r\n\t\t\t);\r\n\t\t})}\r\n\r\n\t\t{descends && (\r\n\t\t\t<span\r\n\t\t\t\tdata-tree-line=\"spur\"\r\n\t\t\t\tdata-tree-column={lines.length}\r\n\t\t\t\tclassName={treeLineStyles({ axis: \"vertical\" })}\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\tleft: treeLineX(lines.length),\r\n\t\t\t\t\ttop: TREE_CONNECTOR_Y + TREE_TOGGLE / 2,\r\n\t\t\t\t\tbottom: -TREE_OVERHANG\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t)}\r\n\t</span>\r\n);\r\n\r\nTableTreeLines.displayName = \"TableTreeLines\";\r\n\r\nconst tableTreeToggleStyles = tv({\r\n\tbase: [\r\n\t\t// `z-10` поднимает раскрыватель над линиями, непрозрачный фон разрывает вертикаль под ним.\r\n\t\t\"relative z-10 flex shrink-0 items-center justify-center\",\r\n\t\t// Рамка, фон и скругление — как у `Checkbox`: в строке они стоят рядом и должны\r\n\t\t// читаться одинаково.\r\n\t\t\"rounded-sm border border-primary-border bg-secondary-bg text-muted\",\r\n\t\t\"hover:text-primary-fg focus-visible:shadow-focus focus-visible:outline-hidden\",\r\n\t\t// Невидимое расширение зоны нажатия до 24px. Именно псевдоэлементом, а не паддингом\r\n\t\t// или размером: квадрат обязан остаться на сетке линий, а промахиваться по 16px\r\n\t\t// на строке высотой 36px легко.\r\n\t\t\"before:absolute before:left-1/2 before:top-1/2 before:size-6 before:-translate-x-1/2 before:-translate-y-1/2\"\r\n\t]\r\n});\r\n\r\nexport type TableTreeToggleProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> & {\r\n\texpanded: boolean;\r\n};\r\n\r\n/** Квадрат раскрытия ветки. Иконка и `aria-expanded` следуют за `expanded`. */\r\nexport const TableTreeToggle = React.forwardRef<HTMLButtonElement, TableTreeToggleProps>(\r\n\t({ className, expanded, style, ...props }, ref) => (\r\n\t\t<button\r\n\t\t\tref={ref}\r\n\t\t\ttype=\"button\"\r\n\t\t\taria-expanded={expanded}\r\n\t\t\tclassName={tableTreeToggleStyles({ className })}\r\n\t\t\tstyle={{ width: TREE_TOGGLE, height: TREE_TOGGLE, marginTop: TREE_TOGGLE_MARGIN_TOP, ...style }}\r\n\t\t\t{...props}\r\n\t\t>\r\n\t\t\t<Icon icon={expanded ? Minus : Plus} className=\"size-3\" />\r\n\t\t</button>\r\n\t)\r\n);\r\n\r\nTableTreeToggle.displayName = \"TableTreeToggle\";\r\n\r\n/**\r\n * Распорка на месте раскрывателя у листьев.\r\n *\r\n * Нужна, чтобы подписи узлов с потомками и без выравнивались по одной вертикали.\r\n * Отдельным компонентом, а не режимом `TableTreeToggle`, чтобы у листа не было\r\n * ни кнопки, ни `aria-expanded`.\r\n */\r\nexport const TableTreeSpacer = ({ className }: { className?: string }) => (\r\n\t<span aria-hidden className={cn(\"shrink-0\", className)} style={{ width: TREE_TOGGLE }} />\r\n);\r\n\r\nTableTreeSpacer.displayName = \"TableTreeSpacer\";\r\n\r\n/**\r\n * Всё, что ячейка иерархии знает о строке: где она стоит и что у неё с потомками.\r\n *\r\n * Структурный тип, а не generic: ячейке безразличен сам узел, поэтому в неё проходит любой\r\n * `TreeRow<T>` — и любой собранный вручную объект с этими пятью полями. Второе нужно там,\r\n * где дерева в памяти нет: список пришёл плоским, с готовым `level`, а линии считаются\r\n * `childTreeLines`.\r\n *\r\n * Инвариант: `lines.length === level`. Отступ берётся из `level`, а линии расставляются по\r\n * индексам `lines` — при расхождении уголок промахнётся мимо отступа.\r\n */\r\nexport type TableTreeCellRow = Pick<TreeRow<unknown>, \"level\" | \"lines\" | \"descends\" | \"hasChildren\" | \"isExpanded\">;\r\n\r\nexport type TableTreeCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {\r\n\t/**\r\n\t * Положение строки в иерархии: `level` — отступ, `lines` — линии связи, `descends` — спуск\r\n\t * к первому потомку, `hasChildren` — раскрыватель либо распорка на его месте, `isExpanded` —\r\n\t * знак в раскрывателе и `aria-expanded`.\r\n\t */\r\n\trow: TableTreeCellRow;\r\n\t/** Клик по раскрывателю. Без него раскрыватель рисуется, но ничего не делает. */\r\n\tonToggle?: React.MouseEventHandler<HTMLButtonElement>;\r\n\ttoggleLabel?: string;\r\n};\r\n\r\n/**\r\n * Ячейка с отступом, линиями и раскрывателем — весь столбец иерархии целиком.\r\n *\r\n * Собирает три вещи, которые иначе пришлось бы согласовывать вручную в каждой таблице:\r\n * `padding-left` по глубине, линии и раскрыватель либо распорку на его месте. Содержимое\r\n * остаётся за потребителем — внутрь идёт что угодно, от подписи до бейджей.\r\n *\r\n * `align-top` не косметика: при переносе текста в соседних колонках содержимое, выровненное\r\n * по центру, уедет вниз от коннектора, который привязан к первой строке.\r\n *\r\n * @example\r\n * <TableTreeCell row={row} onToggle={() => toggle(row.node.id)}>\r\n *   {row.node.name}\r\n * </TableTreeCell>\r\n */\r\nexport const TableTreeCell = React.forwardRef<HTMLTableCellElement, TableTreeCellProps>(\r\n\t({ row, onToggle, toggleLabel, className, style, children, ...props }, ref) => (\r\n\t\t<TableCell\r\n\t\t\tref={ref}\r\n\t\t\tdata-tree-level={row.level}\r\n\t\t\tclassName={cn(\"relative align-top\", className)}\r\n\t\t\tstyle={{ paddingLeft: treeCellPaddingLeft(row.level), ...style }}\r\n\t\t\t{...props}\r\n\t\t>\r\n\t\t\t<TableTreeLines lines={row.lines} descends={row.descends} />\r\n\t\t\t<span className=\"flex items-start gap-1.5\">\r\n\t\t\t\t{row.hasChildren ? (\r\n\t\t\t\t\t<TableTreeToggle\r\n\t\t\t\t\t\texpanded={row.isExpanded}\r\n\t\t\t\t\t\taria-label={toggleLabel ?? (row.isExpanded ? \"Свернуть\" : \"Развернуть\")}\r\n\t\t\t\t\t\tonClick={onToggle}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<TableTreeSpacer />\r\n\t\t\t\t)}\r\n\t\t\t\t{children}\r\n\t\t\t</span>\r\n\t\t</TableCell>\r\n\t)\r\n);\r\n\r\nTableTreeCell.displayName = \"TableTreeCell\";\r\n","/**\n * Модель строки дерева: что рисовать в каждой колонке отступа.\n *\n * Ровно эти четыре состояния использует классический вывод `tree` и почти все табличные\n * гриды (AG Grid, TanStack Table, rc-tree) — набор проверен и закрывает все случаи:\n *\n * - `pass` — сквозная вертикаль `│`: ветка предка продолжается ниже этой строки;\n * - `branch` — `├`: отвод к узлу, и у узла есть следующие соседи;\n * - `end` — `└`: отвод к последнему соседу, вертикаль обрывается на уголке;\n * - `none` — пусто: ветка предка закончилась выше.\n *\n * Ключевой инвариант: **индекс в массиве равен номеру колонки**, а `lines.length` равно\n * глубине узла. `branch`/`end` встречается только в последней колонке, `pass`/`none` — только\n * в предыдущих. Именно этот инвариант убирает класс ошибок «сдвиг на единицу»: раньше\n * массив хранил флаги предков, и колонка `level - 1` управлялась флагом родителя, хотя\n * должна была — признаком `isLast` самого узла. Сравнивать модель с картинкой теперь можно\n * глазами: `[\"pass\", \"none\", \"end\"]` читается как `│ └`.\n */\nexport type TreeLine = \"none\" | \"pass\" | \"branch\" | \"end\";\n\n/** Строка плоского списка со всем, что нужно для отрисовки узла дерева. */\nexport type TreeRow<T> = {\n\tnode: T;\n\t/** Родительский узел, `null` у корней. */\n\tparent: T | null;\n\t/** Глубина, 0 — корень. Равна `lines.length`. */\n\tlevel: number;\n\t/** Позиция среди соседей. */\n\tindex: number;\n\t/** Последний ли среди соседей — от этого зависит `└` вместо `├`. */\n\tisLast: boolean;\n\thasChildren: boolean;\n\t/** Раскрыт ли узел. У листьев всегда `false`. */\n\tisExpanded: boolean;\n\t/**\n\t * Нужен ли спуск от раскрывателя вниз, к первому потомку.\n\t *\n\t * Вертикаль потомка начинается от его собственной строки, поэтому участок между\n\t * раскрывателем и низом строки родителя рисует именно родитель.\n\t */\n\tdescends: boolean;\n\tlines: TreeLine[];\n\t/** Индексы от корня: `[0, 2, 1]`. Годится как стабильный ключ и как «1.3.2» в интерфейсе. */\n\tpath: number[];\n};\n\nexport type FlattenTreeOptions<T> = {\n\t/**\n\t * Потомки узла. Это функция поиска, а не имя поля: плоскому списку с `parentId` хватит\n\t * индекса `Map<parentId, T[]>`, перекладывать данные в узлы с `children` не нужно.\n\t */\n\tgetChildren: (node: T) => T[] | undefined;\n\t/** Раскрыт ли узел. Свёрнутые не отдают потомков. По умолчанию раскрыты все. */\n\tisExpanded?: (node: T) => boolean;\n};\n\n/**\n * Линии потомка, выведенные из линий родителя.\n *\n * Весь алгоритм — в двух строчках: у предков уголок превращается в продолжение (`branch` →\n * `pass`), а обрыв — в пустоту (`end` → `none`); своя колонка получает уголок по `isLast`.\n * Экспортируется отдельно, чтобы линии можно было считать и без обхода дерева — например,\n * для виртуализованного или подгружаемого списка, где полного дерева в памяти нет.\n *\n * Родительские линии в плоском списке удобно держать бегущим массивом `linesByLevel[level]`:\n * в списке, упорядоченном как при выводе, родитель всегда встречается раньше потомка.\n *\n * @example\n * childTreeLines([\"pass\", \"branch\"], false); // [\"pass\", \"pass\", \"branch\"]\n * childTreeLines([\"pass\", \"branch\"], true); // [\"pass\", \"pass\", \"end\"]\n */\nexport const childTreeLines = (parentLines: TreeLine[], isLast: boolean): TreeLine[] => [\n\t...parentLines.map((line): TreeLine => (line === \"pass\" || line === \"branch\" ? \"pass\" : \"none\")),\n\tisLast ? \"end\" : \"branch\"\n];\n\n/**\n * Разворачивает дерево в плоский список строк и попутно считает модель линий.\n *\n * Порядок — как при отображении: узел, затем его раскрытые потомки.\n *\n * @example\n * const rows = flattenTree(nodes, {\n *   getChildren: (node) => node.children,\n *   isExpanded: (node) => expanded.has(node.id)\n * });\n *\n * rows.map((row) => (\n *   <TableRow key={row.path.join(\".\")}>\n *     <TableTreeCell row={row} onToggle={() => toggle(row.node.id)}>{row.node.name}</TableTreeCell>\n *   </TableRow>\n * ));\n */\nexport function flattenTree<T>(roots: T[], options: FlattenTreeOptions<T>): TreeRow<T>[] {\n\tconst { getChildren, isExpanded = () => true } = options;\n\tconst rows: TreeRow<T>[] = [];\n\n\tconst walk = (nodes: T[], parent: T | null, level: number, parentLines: TreeLine[], parentPath: number[]) => {\n\t\tnodes.forEach((node, index) => {\n\t\t\tconst isLast = index === nodes.length - 1;\n\t\t\tconst children = getChildren(node);\n\t\t\tconst hasChildren = Boolean(children?.length);\n\t\t\tconst expanded = hasChildren && isExpanded(node);\n\t\t\t// У корней нет предка — значит, нет и колонок отступа.\n\t\t\tconst lines = level === 0 ? [] : childTreeLines(parentLines, isLast);\n\t\t\tconst path = [...parentPath, index];\n\n\t\t\trows.push({\n\t\t\t\tnode,\n\t\t\t\tparent,\n\t\t\t\tlevel,\n\t\t\t\tindex,\n\t\t\t\tisLast,\n\t\t\t\thasChildren,\n\t\t\t\tisExpanded: expanded,\n\t\t\t\tdescends: expanded,\n\t\t\t\tlines,\n\t\t\t\tpath\n\t\t\t});\n\n\t\t\tif (expanded) walk(children!, node, level + 1, lines, path);\n\t\t});\n\t};\n\n\twalk(roots, null, 0, [], []);\n\treturn rows;\n}\n"],"names":["tableStyles","tv","Table","React","className","containerClassName","containerRef","props","ref","styles","jsx","tableHeaderStyles","STICKY_HEADER","TableHeader","sticky","tableBodyStyles","TableBody","tableBodyContainerStyles","TableBodyContainer","shadowSize","ScrollShadowContainer","tableFooterStyles","STICKY_FOOTER","TableFooter","TABLE_ROW_ANATOMY","tableRowStyles","TABLE_ROW_TINT_LAYERS","TableRow","tableHeadStyles","TableHead","interactive","tableCellStyles","TableCell","tableResizeHandleStyles","TableResizeHandle","active","tableCaptionStyles","TableCaption","TREE_INDENT","TREE_LINE_OFFSET","TREE_TOGGLE","TREE_STUB","TREE_CELL_PADDING_TOP","TREE_TEXT_LINE_HEIGHT","TREE_CONNECTOR_Y","TREE_OVERHANG","TREE_TOGGLE_MARGIN_TOP","treeLineX","column","treeCellPaddingLeft","level","treeLineStyles","TableTreeLines","lines","descends","jsxs","cn","kind","tableTreeToggleStyles","TableTreeToggle","expanded","style","Icon","Minus","Plus","TableTreeSpacer","TableTreeCell","row","onToggle","toggleLabel","children","childTreeLines","parentLines","isLast","line","flattenTree","roots","options","getChildren","isExpanded","rows","walk","nodes","parent","parentPath","node","index","hasChildren","path"],"mappings":"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"}

package/dist/types/css.d.ts

@@ -1,4 +1,4 @@
-declare module "*.css" {
-	const content: { [className: string]: string };
-	export default content;
-}
+declare module "*.css" {
+	const content: { [className: string]: string };
+	export default content;
+}

package/dist/useBreakpoints-DHvp74UL.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoints-DHvp74UL.js","sources":["../node_modules/.pnpm/@siberiacancode+reactuse@1.0.17_@types+react@18.3.20_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@siberiacancode/reactuse/dist/esm/hooks/useMediaQuery/useMediaQuery.mjs","../src/hooks/useBreakpoints.ts"],"sourcesContent":["import { useCallback as e, useSyncExternalStore as t } from \"react\";\n//#region src/hooks/useMediaQuery/useMediaQuery.ts\nvar n = () => !1, r = (r) => {\n\tlet i = e((e) => {\n\t\tlet t = window.matchMedia(r);\n\t\treturn t.addEventListener(\"change\", e), () => {\n\t\t\tt.removeEventListener(\"change\", e);\n\t\t};\n\t}, [r]);\n\treturn t(i, () => window.matchMedia(r).matches, n);\n};\n//#endregion\nexport { r as useMediaQuery };\n\n//# sourceMappingURL=useMediaQuery.mjs.map","import { useMediaQuery } from \"@siberiacancode/reactuse\";\n\n// Брейкпоинты Tailwind CSS\nconst breakpoints = {\n\tsm: \"640px\",\n\tmd: \"768px\",\n\tlg: \"1024px\",\n\txl: \"1280px\",\n\t\"2xl\": \"1536px\"\n} as const;\n\ntype Breakpoint = keyof typeof breakpoints;\n\nconst useMinWidth = (bp: Breakpoint) => useMediaQuery(`(min-width: ${breakpoints[bp]})`);\n\n/** min-width: 640px */\nexport const useIsSm = () => useMinWidth(\"sm\");\n/** min-width: 768px */\nexport const useIsMd = () => useMinWidth(\"md\");\n/** min-width: 1024px */\nexport const useIsLg = () => useMinWidth(\"lg\");\n/** min-width: 1280px */\nexport const useIsXl = () => useMinWidth(\"xl\");\n/** min-width: 1536px */\nexport const useIs2Xl = () => useMinWidth(\"2xl\");\n\n/** max-width: 1024px */\nexport const useIsMobile = () => !useIsLg();\n\nexport const useBreakpoint = (breakpoint: Breakpoint) => useMinWidth(breakpoint);\n\nexport const useActiveBreakpoint = (): Breakpoint | null => {\n\tconst is2Xl = useIs2Xl();\n\tconst isXl = useIsXl();\n\tconst isLg = useIsLg();\n\tconst isMd = useIsMd();\n\tconst isSm = useIsSm();\n\n\tif (is2Xl) return \"2xl\";\n\tif (isXl) return \"xl\";\n\tif (isLg) return \"lg\";\n\tif (isMd) return \"md\";\n\tif (isSm) return \"sm\";\n\treturn null;\n};\n"],"names":["n","r","e","t","breakpoints","useMinWidth","bp","useMediaQuery","useIsSm","useIsMd","useIsLg","useIsXl","useIs2Xl","useIsMobile","useBreakpoint","breakpoint","useActiveBreakpoint","is2Xl","isXl","isLg","isMd","isSm"],"mappings":";AAEA,IAAIA,IAAI,MAAM,IAAIC,IAAI,CAACA,MAAM;AAC5B,MAAI,IAAIC,EAAE,CAACA,MAAM;AAChB,QAAIC,IAAI,OAAO,WAAWF,CAAC;AAC3B,WAAOE,EAAE,iBAAiB,UAAUD,CAAC,GAAG,MAAM;AAC7C,MAAAC,EAAE,oBAAoB,UAAUD,CAAC;AAAA,IACjC;AAAA,EACH,GAAI,CAACD,CAAC,CAAC;AACN,SAAOE,EAAE,GAAG,MAAM,OAAO,WAAWF,CAAC,EAAE,SAASD,CAAC;AAClD;ACPA,MAAMI,IAAc;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACR,GAIMC,IAAc,CAACC,MAAmBC,EAAc,eAAeH,EAAYE,CAAE,CAAC,GAAG,GAG1EE,IAAU,MAAMH,EAAY,IAAI,GAEhCI,IAAU,MAAMJ,EAAY,IAAI,GAEhCK,IAAU,MAAML,EAAY,IAAI,GAEhCM,IAAU,MAAMN,EAAY,IAAI,GAEhCO,IAAW,MAAMP,EAAY,KAAK,GAGlCQ,IAAc,MAAM,CAACH,EAAQ,GAE7BI,IAAgB,CAACC,MAA2BV,EAAYU,CAAU,GAElEC,IAAsB,MAAyB;AAC3D,QAAMC,IAAQL,EAAS,GACjBM,IAAOP,EAAQ,GACfQ,IAAOT,EAAQ,GACfU,IAAOX,EAAQ,GACfY,IAAOb,EAAQ;AAErB,SAAIS,IAAc,QACdC,IAAa,OACbC,IAAa,OACbC,IAAa,OACbC,IAAa,OACV;AACR;","x_google_ignoreList":[0]}
+{"version":3,"file":"useBreakpoints-DHvp74UL.js","sources":["../node_modules/.pnpm/@siberiacancode+reactuse@1._bf416ade0e115e4d99ab4218282881cc/node_modules/@siberiacancode/reactuse/dist/esm/hooks/useMediaQuery/useMediaQuery.mjs","../src/hooks/useBreakpoints.ts"],"sourcesContent":["import { useCallback as e, useSyncExternalStore as t } from \"react\";\n//#region src/hooks/useMediaQuery/useMediaQuery.ts\nvar n = () => !1, r = (r) => {\n\tlet i = e((e) => {\n\t\tlet t = window.matchMedia(r);\n\t\treturn t.addEventListener(\"change\", e), () => {\n\t\t\tt.removeEventListener(\"change\", e);\n\t\t};\n\t}, [r]);\n\treturn t(i, () => window.matchMedia(r).matches, n);\n};\n//#endregion\nexport { r as useMediaQuery };\n\n//# sourceMappingURL=useMediaQuery.mjs.map","import { useMediaQuery } from \"@siberiacancode/reactuse\";\r\n\r\n// Брейкпоинты Tailwind CSS\r\nconst breakpoints = {\r\n\tsm: \"640px\",\r\n\tmd: \"768px\",\r\n\tlg: \"1024px\",\r\n\txl: \"1280px\",\r\n\t\"2xl\": \"1536px\"\r\n} as const;\r\n\r\ntype Breakpoint = keyof typeof breakpoints;\r\n\r\nconst useMinWidth = (bp: Breakpoint) => useMediaQuery(`(min-width: ${breakpoints[bp]})`);\r\n\r\n/** min-width: 640px */\r\nexport const useIsSm = () => useMinWidth(\"sm\");\r\n/** min-width: 768px */\r\nexport const useIsMd = () => useMinWidth(\"md\");\r\n/** min-width: 1024px */\r\nexport const useIsLg = () => useMinWidth(\"lg\");\r\n/** min-width: 1280px */\r\nexport const useIsXl = () => useMinWidth(\"xl\");\r\n/** min-width: 1536px */\r\nexport const useIs2Xl = () => useMinWidth(\"2xl\");\r\n\r\n/** max-width: 1024px */\r\nexport const useIsMobile = () => !useIsLg();\r\n\r\nexport const useBreakpoint = (breakpoint: Breakpoint) => useMinWidth(breakpoint);\r\n\r\nexport const useActiveBreakpoint = (): Breakpoint | null => {\r\n\tconst is2Xl = useIs2Xl();\r\n\tconst isXl = useIsXl();\r\n\tconst isLg = useIsLg();\r\n\tconst isMd = useIsMd();\r\n\tconst isSm = useIsSm();\r\n\r\n\tif (is2Xl) return \"2xl\";\r\n\tif (isXl) return \"xl\";\r\n\tif (isLg) return \"lg\";\r\n\tif (isMd) return \"md\";\r\n\tif (isSm) return \"sm\";\r\n\treturn null;\r\n};\r\n"],"names":["n","r","e","t","breakpoints","useMinWidth","bp","useMediaQuery","useIsSm","useIsMd","useIsLg","useIsXl","useIs2Xl","useIsMobile","useBreakpoint","breakpoint","useActiveBreakpoint","is2Xl","isXl","isLg","isMd","isSm"],"mappings":";AAEA,IAAIA,IAAI,MAAM,IAAIC,IAAI,CAACA,MAAM;AAC5B,MAAI,IAAIC,EAAE,CAACA,MAAM;AAChB,QAAIC,IAAI,OAAO,WAAWF,CAAC;AAC3B,WAAOE,EAAE,iBAAiB,UAAUD,CAAC,GAAG,MAAM;AAC7C,MAAAC,EAAE,oBAAoB,UAAUD,CAAC;AAAA,IACjC;AAAA,EACH,GAAI,CAACD,CAAC,CAAC;AACN,SAAOE,EAAE,GAAG,MAAM,OAAO,WAAWF,CAAC,EAAE,SAASD,CAAC;AAClD;ACPA,MAAMI,IAAc;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACR,GAIMC,IAAc,CAACC,MAAmBC,EAAc,eAAeH,EAAYE,CAAE,CAAC,GAAG,GAG1EE,IAAU,MAAMH,EAAY,IAAI,GAEhCI,IAAU,MAAMJ,EAAY,IAAI,GAEhCK,IAAU,MAAML,EAAY,IAAI,GAEhCM,IAAU,MAAMN,EAAY,IAAI,GAEhCO,IAAW,MAAMP,EAAY,KAAK,GAGlCQ,IAAc,MAAM,CAACH,EAAQ,GAE7BI,IAAgB,CAACC,MAA2BV,EAAYU,CAAU,GAElEC,IAAsB,MAAyB;AAC3D,QAAMC,IAAQL,EAAS,GACjBM,IAAOP,EAAQ,GACfQ,IAAOT,EAAQ,GACfU,IAAOX,EAAQ,GACfY,IAAOb,EAAQ;AAErB,SAAIS,IAAc,QACdC,IAAa,OACbC,IAAa,OACbC,IAAa,OACbC,IAAa,OACV;AACR;","x_google_ignoreList":[0]}

package/dist/useDebounce-BRah78CF.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce-BRah78CF.js","sources":["../src/hooks/useDebounce.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n/**\n * Хук для дебаунса значения\n * @param value - значение для дебаунса\n * @param delay - задержка в миллисекундах\n * @returns дебаунсированное значение\n */\nexport function useDebounce<T>(value: T, delay: number): T {\n\tconst [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n\tuseEffect(() => {\n\t\tconst timer = setTimeout(() => {\n\t\t\tsetDebouncedValue(value);\n\t\t}, delay);\n\n\t\treturn () => {\n\t\t\tclearTimeout(timer);\n\t\t};\n\t}, [value, delay]);\n\n\treturn debouncedValue;\n}\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timer"],"mappings":";AAQgB,SAAAA,EAAeC,GAAUC,GAAkB;AAC1D,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAYJ,CAAK;AAE7D,SAAAK,EAAU,MAAM;AACT,UAAAC,IAAQ,WAAW,MAAM;AAC9B,MAAAH,EAAkBH,CAAK;AAAA,OACrBC,CAAK;AAER,WAAO,MAAM;AACZ,mBAAaK,CAAK;AAAA,IACnB;AAAA,EAAA,GACE,CAACN,GAAOC,CAAK,CAAC,GAEVC;AACR;"}
+{"version":3,"file":"useDebounce-BRah78CF.js","sources":["../src/hooks/useDebounce.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\n\r\n/**\r\n * Хук для дебаунса значения\r\n * @param value - значение для дебаунса\r\n * @param delay - задержка в миллисекундах\r\n * @returns дебаунсированное значение\r\n */\r\nexport function useDebounce<T>(value: T, delay: number): T {\r\n\tconst [debouncedValue, setDebouncedValue] = useState<T>(value);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst timer = setTimeout(() => {\r\n\t\t\tsetDebouncedValue(value);\r\n\t\t}, delay);\r\n\r\n\t\treturn () => {\r\n\t\t\tclearTimeout(timer);\r\n\t\t};\r\n\t}, [value, delay]);\r\n\r\n\treturn debouncedValue;\r\n}\r\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timer"],"mappings":";AAQgB,SAAAA,EAAeC,GAAUC,GAAkB;AAC1D,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAYJ,CAAK;AAE7D,SAAAK,EAAU,MAAM;AACT,UAAAC,IAAQ,WAAW,MAAM;AAC9B,MAAAH,EAAkBH,CAAK;AAAA,OACrBC,CAAK;AAER,WAAO,MAAM;AACZ,mBAAaK,CAAK;AAAA,IACnB;AAAA,EAAA,GACE,CAACN,GAAOC,CAAK,CAAC,GAEVC;AACR;"}

package/dist/useFileUpload-Bnl3P8mP.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFileUpload-Bnl3P8mP.js","sources":["../src/hooks/use-file-upload/errorMessages.ts","../src/hooks/use-file-upload/useFileUpload.ts"],"sourcesContent":["import { formatBytes } from \"@/lib/utils/file/formatBytes\";\n\n/**\n * Интерфейс для кастомизации сообщений об ошибках в useFileUpload\n */\nexport interface FileUploadErrorMessages {\n\t/**\n\t * Сообщение когда файл превышает максимальный размер\n\t * @param fileName - имя файла\n\t * @param maxSizeBytes - максимальный размер в байтах\n\t */\n\tfileTooLarge?: (fileName: string, maxSizeBytes: number) => string;\n\n\t/**\n\t * Сообщение когда тип файла не разрешен\n\t * @param fileName - имя файла\n\t */\n\tinvalidFileType?: (fileName: string) => string;\n\n\t/**\n\t * Сообщение когда превышено максимальное количество файлов\n\t * @param maxFiles - максимальное количество файлов\n\t */\n\ttooManyFiles?: (maxFiles: number) => string;\n\n\t/**\n\t * Сообщение когда некоторые файлы превышают максимальный размер (для множественной загрузки)\n\t * @param maxSizeBytes - максимальный размер в байтах\n\t */\n\tsomeFilesTooLarge?: (maxSizeBytes: number) => string;\n\n\t/**\n\t * Сообщение когда файл превышает максимальный размер (для одиночной загрузки)\n\t * @param maxSizeBytes - максимальный размер в байтах\n\t */\n\tsingleFileTooLarge?: (maxSizeBytes: number) => string;\n}\n\n/**\n * Сообщения об ошибках по умолчанию\n */\nexport const defaultErrorMessages: Required<FileUploadErrorMessages> = {\n\tfileTooLarge: (fileName, maxSizeBytes) =>\n\t\t`File \"${fileName}\" exceeds the maximum size of ${formatBytes(maxSizeBytes)}.`,\n\tinvalidFileType: (fileName) => `File \"${fileName}\" is not an accepted file type.`,\n\ttooManyFiles: (maxFiles) => `You can only upload a maximum of ${maxFiles} files.`,\n\tsomeFilesTooLarge: (maxSizeBytes) => `Some files exceed the maximum size of ${formatBytes(maxSizeBytes)}.`,\n\tsingleFileTooLarge: (maxSizeBytes) => `File exceeds the maximum size of ${formatBytes(maxSizeBytes)}.`\n};\n\n/**\n * Сообщения об ошибках на русском языке\n */\nexport const defaultErrorMessagesRu: Required<FileUploadErrorMessages> = {\n\tfileTooLarge: (fileName, maxSizeBytes) =>\n\t\t`Файл \"${fileName}\" превышает максимальный размер ${formatBytes(maxSizeBytes)}`,\n\tinvalidFileType: (fileName) => `Файл \"${fileName}\" имеет недопустимый тип`,\n\ttooManyFiles: (maxFiles) => `Можно загрузить максимум ${maxFiles} файлов`,\n\tsomeFilesTooLarge: (maxSizeBytes) => `Некоторые файлы превышают максимальный размер ${formatBytes(maxSizeBytes)}`,\n\tsingleFileTooLarge: (maxSizeBytes) => `Файл превышает максимальный размер ${formatBytes(maxSizeBytes)}`\n};\n","import {\n\tuseCallback,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\ttype ChangeEvent,\n\ttype DragEvent,\n\ttype InputHTMLAttributes\n} from \"react\";\nimport { defaultErrorMessages, type FileUploadErrorMessages } from \"./errorMessages\";\n\nexport type FileData = {\n\tname: string;\n\tsize: number;\n\ttype: string;\n\tid?: string;\n};\n\nexport type FileMetadata = FileData & {\n\turl: string;\n\tid: string;\n};\n\nexport type FileValue = File | FileData;\n\nexport type FileWithPreview = {\n\tfile: FileValue;\n\tid: string;\n\tpreview?: string;\n};\n\n/**\n * Ограничения для загрузки файлов\n */\nexport type FileUploadConstraints = {\n\t/**\n\t * Максимальное количество файлов\n\t * Используется только когда multiple=true\n\t * @default Infinity\n\t */\n\tmaxFiles?: number;\n\n\t/**\n\t * Максимальный размер файла в байтах\n\t * @default Infinity\n\t */\n\tmaxSize?: number;\n\n\t/**\n\t * Допустимые типы файлов (строка MIME-типов или расширений через запятую)\n\t * @example \"image/jpeg,image/png,.pdf,.doc\"\n\t * @example \"*.jpg,*.png\"\n\t * @example \"image/*\"\n\t * @default \"*\"\n\t */\n\taccept?: string;\n\n\t/**\n\t * Разрешить выбор нескольких файлов\n\t * @default false\n\t */\n\tmultiple?: boolean;\n};\n\nexport type FileUploadOptions = FileUploadConstraints & {\n\tinitialFiles?: FileMetadata[];\n\tonFilesChange?: (files: FileWithPreview[]) => void;\n\tonFilesAdded?: (addedFiles: FileWithPreview[]) => void;\n\t/**\n\t * Кастомные сообщения об ошибках\n\t * Можно переопределить только нужные сообщения\n\t */\n\terrorMessages?: Partial<FileUploadErrorMessages>;\n};\n\nexport type FileUploadState = {\n\tfiles: FileWithPreview[];\n\tisDragging: boolean;\n\terrors: string[];\n};\n\nexport type FileUploadActions = {\n\taddFiles: (files: FileList | File[]) => void;\n\tremoveFile: (id: string) => void;\n\tclearFiles: () => void;\n\tclearErrors: () => void;\n\thandleDragEnter: (e: DragEvent<HTMLElement>) => void;\n\thandleDragLeave: (e: DragEvent<HTMLElement>) => void;\n\thandleDragOver: (e: DragEvent<HTMLElement>) => void;\n\thandleDrop: (e: DragEvent<HTMLElement>) => void;\n\thandleFileChange: (e: ChangeEvent<HTMLInputElement>) => void;\n\topenFileDialog: () => void;\n\tgetInputProps: (props?: InputHTMLAttributes<HTMLInputElement>) => InputHTMLAttributes<HTMLInputElement> & {\n\t\tref: React.Ref<HTMLInputElement>;\n\t};\n};\n\n/** Хук был взять из библиотеки originui.\n * Код можно посмотреть по ссылке: https://github.com/origin-space/originui/blob/main/docs/use-file-upload.md\n */\nexport const useFileUpload = (options: FileUploadOptions = {}): [FileUploadState, FileUploadActions] => {\n\tconst {\n\t\tmaxFiles = Infinity,\n\t\tmaxSize = Infinity,\n\t\taccept = \"*\",\n\t\tmultiple = false,\n\t\tinitialFiles = [],\n\t\tonFilesChange,\n\t\tonFilesAdded,\n\t\terrorMessages: customErrorMessages\n\t} = options;\n\n\t// Объединяем дефолтные и кастомные сообщения\n\tconst errorMessages = useMemo(() => ({ ...defaultErrorMessages, ...customErrorMessages }), [customErrorMessages]);\n\n\tconst [state, setState] = useState<FileUploadState>({\n\t\tfiles: initialFiles.map((file) => ({\n\t\t\tfile,\n\t\t\tid: file.id,\n\t\t\tpreview: file.url\n\t\t})),\n\t\tisDragging: false,\n\t\terrors: []\n\t});\n\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\n\tconst validateFile = useCallback(\n\t\t(file: FileValue): string | null => {\n\t\t\tconst fileName = file instanceof File ? file.name : file.name;\n\n\t\t\tif (file.size > maxSize) {\n\t\t\t\treturn errorMessages.fileTooLarge(fileName, maxSize);\n\t\t\t}\n\n\t\t\tif (accept !== \"*\") {\n\t\t\t\tconst acceptedTypes = accept.split(\",\").map((type) => type.trim());\n\t\t\t\tconst fileType = file instanceof File ? file.type || \"\" : file.type;\n\t\t\t\tconst fileExtension = `.${fileName.split(\".\").pop()}`;\n\n\t\t\t\tconst isAccepted = acceptedTypes.some((type) => {\n\t\t\t\t\tif (type.startsWith(\".\")) {\n\t\t\t\t\t\treturn fileExtension.toLowerCase() === type.toLowerCase();\n\t\t\t\t\t}\n\t\t\t\t\tif (type.endsWith(\"/*\")) {\n\t\t\t\t\t\tconst baseType = type.split(\"/\")[0];\n\t\t\t\t\t\treturn fileType.startsWith(`${baseType}/`);\n\t\t\t\t\t}\n\t\t\t\t\treturn fileType === type;\n\t\t\t\t});\n\n\t\t\t\tif (!isAccepted) {\n\t\t\t\t\treturn errorMessages.invalidFileType(fileName);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn null;\n\t\t},\n\t\t[accept, maxSize, errorMessages]\n\t);\n\n\tconst createPreview = useCallback((file: File | FileMetadata): string | undefined => {\n\t\tif (file instanceof File) {\n\t\t\treturn URL.createObjectURL(file);\n\t\t}\n\t\treturn file.url;\n\t}, []);\n\n\tconst generateUniqueId = useCallback((file: File | FileMetadata): string => {\n\t\tif (file instanceof File) {\n\t\t\treturn `${file.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\n\t\t}\n\t\treturn file.id;\n\t}, []);\n\n\tconst clearFiles = useCallback(() => {\n\t\tsetState((prev) => {\n\t\t\t// Clean up object URLs\n\t\t\tprev.files.forEach((file) => {\n\t\t\t\tif (file.preview && file.file instanceof File && file.file.type.startsWith(\"image/\")) {\n\t\t\t\t\tURL.revokeObjectURL(file.preview);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tif (inputRef.current) {\n\t\t\t\tinputRef.current.value = \"\";\n\t\t\t}\n\n\t\t\tconst newState = {\n\t\t\t\t...prev,\n\t\t\t\tfiles: [],\n\t\t\t\terrors: []\n\t\t\t};\n\n\t\t\tonFilesChange?.(newState.files);\n\t\t\treturn newState;\n\t\t});\n\t}, [onFilesChange]);\n\n\tconst addFiles = useCallback(\n\t\t(newFiles: FileList | File[]) => {\n\t\t\tif (!newFiles || newFiles.length === 0) return;\n\n\t\t\tconst newFilesArray = Array.from(newFiles);\n\t\t\tconst errors: string[] = [];\n\n\t\t\t// Clear existing errors when new files are uploaded\n\t\t\tsetState((prev) => ({ ...prev, errors: [] }));\n\n\t\t\t// In single file mode, clear existing files first\n\t\t\tif (!multiple) {\n\t\t\t\tclearFiles();\n\t\t\t}\n\n\t\t\t// Check if adding these files would exceed maxFiles (only in multiple mode)\n\t\t\tif (multiple && maxFiles !== Infinity && state.files.length + newFilesArray.length > maxFiles) {\n\t\t\t\terrors.push(errorMessages.tooManyFiles(maxFiles));\n\t\t\t\tsetState((prev) => ({ ...prev, errors }));\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst validFiles: FileWithPreview[] = [];\n\n\t\t\tnewFilesArray.forEach((file) => {\n\t\t\t\t// Only check for duplicates if multiple files are allowed\n\t\t\t\tif (multiple) {\n\t\t\t\t\tconst isDuplicate = state.files.some(\n\t\t\t\t\t\t(existingFile) => existingFile.file.name === file.name && existingFile.file.size === file.size\n\t\t\t\t\t);\n\n\t\t\t\t\t// Skip duplicate files silently\n\t\t\t\t\tif (isDuplicate) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Check file size\n\t\t\t\tif (file.size > maxSize) {\n\t\t\t\t\terrors.push(\n\t\t\t\t\t\tmultiple ? errorMessages.someFilesTooLarge(maxSize) : errorMessages.singleFileTooLarge(maxSize)\n\t\t\t\t\t);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst error = validateFile(file);\n\t\t\t\tif (error) {\n\t\t\t\t\terrors.push(error);\n\t\t\t\t} else {\n\t\t\t\t\tvalidFiles.push({\n\t\t\t\t\t\tfile,\n\t\t\t\t\t\tid: generateUniqueId(file),\n\t\t\t\t\t\tpreview: createPreview(file)\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// Only update state if we have valid files to add\n\t\t\tif (validFiles.length > 0) {\n\t\t\t\t// Call the onFilesAdded callback with the newly added valid files\n\t\t\t\tonFilesAdded?.(validFiles);\n\n\t\t\t\tsetState((prev) => {\n\t\t\t\t\tconst newFiles = !multiple ? validFiles : [...prev.files, ...validFiles];\n\t\t\t\t\tonFilesChange?.(newFiles);\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prev,\n\t\t\t\t\t\tfiles: newFiles,\n\t\t\t\t\t\terrors\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t} else if (errors.length > 0) {\n\t\t\t\tsetState((prev) => ({\n\t\t\t\t\t...prev,\n\t\t\t\t\terrors\n\t\t\t\t}));\n\t\t\t}\n\n\t\t\t// Reset input value after handling files\n\t\t\tif (inputRef.current) {\n\t\t\t\tinputRef.current.value = \"\";\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tstate.files,\n\t\t\tmaxFiles,\n\t\t\tmultiple,\n\t\t\tmaxSize,\n\t\t\tvalidateFile,\n\t\t\tcreatePreview,\n\t\t\tgenerateUniqueId,\n\t\t\tclearFiles,\n\t\t\tonFilesChange,\n\t\t\tonFilesAdded,\n\t\t\terrorMessages\n\t\t]\n\t);\n\n\tconst removeFile = useCallback(\n\t\t(id: string) => {\n\t\t\tsetState((prev) => {\n\t\t\t\tconst fileToRemove = prev.files.find((file) => file.id === id);\n\t\t\t\tif (\n\t\t\t\t\tfileToRemove &&\n\t\t\t\t\tfileToRemove.preview &&\n\t\t\t\t\tfileToRemove.file instanceof File &&\n\t\t\t\t\tfileToRemove.file.type.startsWith(\"image/\")\n\t\t\t\t) {\n\t\t\t\t\tURL.revokeObjectURL(fileToRemove.preview);\n\t\t\t\t}\n\n\t\t\t\tconst newFiles = prev.files.filter((file) => file.id !== id);\n\t\t\t\tonFilesChange?.(newFiles);\n\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\tfiles: newFiles,\n\t\t\t\t\terrors: []\n\t\t\t\t};\n\t\t\t});\n\t\t},\n\t\t[onFilesChange]\n\t);\n\n\tconst clearErrors = useCallback(() => {\n\t\tsetState((prev) => ({\n\t\t\t...prev,\n\t\t\terrors: []\n\t\t}));\n\t}, []);\n\n\tconst handleDragEnter = useCallback((e: DragEvent<HTMLElement>) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tsetState((prev) => ({ ...prev, isDragging: true }));\n\t}, []);\n\n\tconst handleDragLeave = useCallback((e: DragEvent<HTMLElement>) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tif (e.currentTarget.contains(e.relatedTarget as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetState((prev) => ({ ...prev, isDragging: false }));\n\t}, []);\n\n\tconst handleDragOver = useCallback((e: DragEvent<HTMLElement>) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t}, []);\n\n\tconst handleDrop = useCallback(\n\t\t(e: DragEvent<HTMLElement>) => {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t\tsetState((prev) => ({ ...prev, isDragging: false }));\n\n\t\t\t// Don't process files if the input is disabled\n\t\t\tif (inputRef.current?.disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n\t\t\t\t// In single file mode, only use the first file\n\t\t\t\tif (!multiple) {\n\t\t\t\t\tconst file = e.dataTransfer.files[0];\n\t\t\t\t\taddFiles([file]);\n\t\t\t\t} else {\n\t\t\t\t\taddFiles(e.dataTransfer.files);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[addFiles, multiple]\n\t);\n\n\tconst handleFileChange = useCallback(\n\t\t(e: ChangeEvent<HTMLInputElement>) => {\n\t\t\tif (e.target.files && e.target.files.length > 0) {\n\t\t\t\taddFiles(e.target.files);\n\t\t\t}\n\t\t},\n\t\t[addFiles]\n\t);\n\n\tconst openFileDialog = useCallback(() => {\n\t\tif (inputRef.current) {\n\t\t\tinputRef.current.click();\n\t\t}\n\t}, []);\n\n\tconst getInputProps = useCallback(\n\t\t(props: InputHTMLAttributes<HTMLInputElement> = {}) => {\n\t\t\treturn {\n\t\t\t\t...props,\n\t\t\t\ttype: \"file\" as const,\n\t\t\t\tonChange: handleFileChange,\n\t\t\t\taccept: props.accept || accept,\n\t\t\t\tmultiple: props.multiple !== undefined ? props.multiple : multiple,\n\t\t\t\tref: inputRef\n\t\t\t};\n\t\t},\n\t\t[accept, multiple, handleFileChange]\n\t);\n\n\treturn [\n\t\tstate,\n\t\t{\n\t\t\taddFiles,\n\t\t\tremoveFile,\n\t\t\tclearFiles,\n\t\t\tclearErrors,\n\t\t\thandleDragEnter,\n\t\t\thandleDragLeave,\n\t\t\thandleDragOver,\n\t\t\thandleDrop,\n\t\t\thandleFileChange,\n\t\t\topenFileDialog,\n\t\t\tgetInputProps\n\t\t}\n\t];\n};\n"],"names":["defaultErrorMessages","fileName","maxSizeBytes","formatBytes","maxFiles","defaultErrorMessagesRu","useFileUpload","options","maxSize","accept","multiple","initialFiles","onFilesChange","onFilesAdded","customErrorMessages","errorMessages","useMemo","state","setState","useState","file","inputRef","useRef","validateFile","useCallback","acceptedTypes","type","fileType","fileExtension","baseType","createPreview","generateUniqueId","clearFiles","prev","newState","addFiles","newFiles","newFilesArray","errors","validFiles","existingFile","error","removeFile","id","fileToRemove","clearErrors","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleFileChange","openFileDialog","getInputProps","props"],"mappings":";;AAyCO,MAAMA,IAA0D;AAAA,EACtE,cAAc,CAACC,GAAUC,MACxB,SAASD,CAAQ,iCAAiCE,EAAYD,CAAY,CAAC;AAAA,EAC5E,iBAAiB,CAACD,MAAa,SAASA,CAAQ;AAAA,EAChD,cAAc,CAACG,MAAa,oCAAoCA,CAAQ;AAAA,EACxE,mBAAmB,CAACF,MAAiB,yCAAyCC,EAAYD,CAAY,CAAC;AAAA,EACvG,oBAAoB,CAACA,MAAiB,oCAAoCC,EAAYD,CAAY,CAAC;AACpG,GAKaG,IAA4D;AAAA,EACxE,cAAc,CAACJ,GAAUC,MACxB,SAASD,CAAQ,mCAAmCE,EAAYD,CAAY,CAAC;AAAA,EAC9E,iBAAiB,CAACD,MAAa,SAASA,CAAQ;AAAA,EAChD,cAAc,CAACG,MAAa,4BAA4BA,CAAQ;AAAA,EAChE,mBAAmB,CAACF,MAAiB,iDAAiDC,EAAYD,CAAY,CAAC;AAAA,EAC/G,oBAAoB,CAACA,MAAiB,sCAAsCC,EAAYD,CAAY,CAAC;AACtG,GCwCaI,IAAgB,CAACC,IAA6B,OAA6C;AACjG,QAAA;AAAA,IACL,UAAAH,IAAW;AAAA,IACX,SAAAI,IAAU;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,cAAAC,IAAe,CAAC;AAAA,IAChB,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAeC;AAAA,EAAA,IACZP,GAGEQ,IAAgBC,EAAQ,OAAO,EAAE,GAAGhB,GAAsB,GAAGc,EAAoB,IAAI,CAACA,CAAmB,CAAC,GAE1G,CAACG,GAAOC,CAAQ,IAAIC,EAA0B;AAAA,IACnD,OAAOR,EAAa,IAAI,CAACS,OAAU;AAAA,MAClC,MAAAA;AAAA,MACA,IAAIA,EAAK;AAAA,MACT,SAASA,EAAK;AAAA,IAAA,EACb;AAAA,IACF,YAAY;AAAA,IACZ,QAAQ,CAAA;AAAA,EAAC,CACT,GAEKC,IAAWC,EAAyB,IAAI,GAExCC,IAAeC;AAAA,IACpB,CAACJ,MAAmC;AACnC,YAAMnB,KAAWmB,aAAgB,MAAOA,EAAK;AAEzC,UAAAA,EAAK,OAAOZ;AACR,eAAAO,EAAc,aAAad,GAAUO,CAAO;AAGpD,UAAIC,MAAW,KAAK;AACb,cAAAgB,IAAgBhB,EAAO,MAAM,GAAG,EAAE,IAAI,CAACiB,MAASA,EAAK,MAAM,GAC3DC,IAAWP,aAAgB,OAAOA,EAAK,QAAQ,KAAKA,EAAK,MACzDQ,IAAgB,IAAI3B,EAAS,MAAM,GAAG,EAAE,KAAK;AAanD,YAAI,CAXewB,EAAc,KAAK,CAACC,MAAS;AAC3C,cAAAA,EAAK,WAAW,GAAG;AACtB,mBAAOE,EAAc,kBAAkBF,EAAK,YAAY;AAErD,cAAAA,EAAK,SAAS,IAAI,GAAG;AACxB,kBAAMG,IAAWH,EAAK,MAAM,GAAG,EAAE,CAAC;AAClC,mBAAOC,EAAS,WAAW,GAAGE,CAAQ,GAAG;AAAA,UAAA;AAE1C,iBAAOF,MAAaD;AAAA,QAAA,CACpB;AAGO,iBAAAX,EAAc,gBAAgBd,CAAQ;AAAA,MAC9C;AAGM,aAAA;AAAA,IACR;AAAA,IACA,CAACQ,GAAQD,GAASO,CAAa;AAAA,EAChC,GAEMe,IAAgBN,EAAY,CAACJ,MAC9BA,aAAgB,OACZ,IAAI,gBAAgBA,CAAI,IAEzBA,EAAK,KACV,EAAE,GAECW,IAAmBP,EAAY,CAACJ,MACjCA,aAAgB,OACZ,GAAGA,EAAK,IAAI,IAAI,KAAK,KAAK,IAAI,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,CAAC,CAAC,KAEzEA,EAAK,IACV,EAAE,GAECY,IAAaR,EAAY,MAAM;AACpC,IAAAN,EAAS,CAACe,MAAS;AAEb,MAAAA,EAAA,MAAM,QAAQ,CAACb,MAAS;AACxB,QAAAA,EAAK,WAAWA,EAAK,gBAAgB,QAAQA,EAAK,KAAK,KAAK,WAAW,QAAQ,KAC9E,IAAA,gBAAgBA,EAAK,OAAO;AAAA,MACjC,CACA,GAEGC,EAAS,YACZA,EAAS,QAAQ,QAAQ;AAG1B,YAAMa,IAAW;AAAA,QAChB,GAAGD;AAAA,QACH,OAAO,CAAC;AAAA,QACR,QAAQ,CAAA;AAAA,MACT;AAEA,aAAArB,IAAgBsB,EAAS,KAAK,GACvBA;AAAA,IAAA,CACP;AAAA,EAAA,GACC,CAACtB,CAAa,CAAC,GAEZuB,IAAWX;AAAA,IAChB,CAACY,MAAgC;AAChC,UAAI,CAACA,KAAYA,EAAS,WAAW,EAAG;AAElC,YAAAC,IAAgB,MAAM,KAAKD,CAAQ,GACnCE,IAAmB,CAAC;AAWtB,UARKpB,EAAA,CAACe,OAAU,EAAE,GAAGA,GAAM,QAAQ,KAAK,GAGvCvB,KACOsB,EAAA,GAIRtB,KAAYN,MAAa,SAAYa,EAAM,MAAM,SAASoB,EAAc,SAASjC,GAAU;AAC9F,QAAAkC,EAAO,KAAKvB,EAAc,aAAaX,CAAQ,CAAC,GAChDc,EAAS,CAACe,OAAU,EAAE,GAAGA,GAAM,QAAAK,EAAS,EAAA;AACxC;AAAA,MAAA;AAGD,YAAMC,IAAgC,CAAC;AAEzB,MAAAF,EAAA,QAAQ,CAACjB,MAAS;AAE/B,YAAIV,KACiBO,EAAM,MAAM;AAAA,UAC/B,CAACuB,MAAiBA,EAAa,KAAK,SAASpB,EAAK,QAAQoB,EAAa,KAAK,SAASpB,EAAK;AAAA,QAC3F;AAIC;AAKE,YAAAA,EAAK,OAAOZ,GAAS;AACjB,UAAA8B,EAAA;AAAA,YACN5B,IAAWK,EAAc,kBAAkBP,CAAO,IAAIO,EAAc,mBAAmBP,CAAO;AAAA,UAC/F;AACA;AAAA,QAAA;AAGK,cAAAiC,IAAQlB,EAAaH,CAAI;AAC/B,QAAIqB,IACHH,EAAO,KAAKG,CAAK,IAEjBF,EAAW,KAAK;AAAA,UACf,MAAAnB;AAAA,UACA,IAAIW,EAAiBX,CAAI;AAAA,UACzB,SAASU,EAAcV,CAAI;AAAA,QAAA,CAC3B;AAAA,MACF,CACA,GAGGmB,EAAW,SAAS,KAEvB1B,IAAe0B,CAAU,GAEzBrB,EAAS,CAACe,MAAS;AACZG,cAAAA,IAAY1B,IAAwB,CAAC,GAAGuB,EAAK,OAAO,GAAGM,CAAU,IAA1CA;AAC7B,eAAA3B,IAAgBwB,CAAQ,GACjB;AAAA,UACN,GAAGH;AAAA,UACH,OAAOG;AAAAA,UACP,QAAAE;AAAA,QACD;AAAA,MAAA,CACA,KACSA,EAAO,SAAS,KAC1BpB,EAAS,CAACe,OAAU;AAAA,QACnB,GAAGA;AAAA,QACH,QAAAK;AAAA,MAAA,EACC,GAICjB,EAAS,YACZA,EAAS,QAAQ,QAAQ;AAAA,IAE3B;AAAA,IACA;AAAA,MACCJ,EAAM;AAAA,MACNb;AAAA,MACAM;AAAA,MACAF;AAAA,MACAe;AAAA,MACAO;AAAA,MACAC;AAAA,MACAC;AAAA,MACApB;AAAA,MACAC;AAAA,MACAE;AAAA,IAAA;AAAA,EAEF,GAEM2B,IAAalB;AAAA,IAClB,CAACmB,MAAe;AACf,MAAAzB,EAAS,CAACe,MAAS;AACZ,cAAAW,IAAeX,EAAK,MAAM,KAAK,CAACb,MAASA,EAAK,OAAOuB,CAAE;AAE5D,QAAAC,KACAA,EAAa,WACbA,EAAa,gBAAgB,QAC7BA,EAAa,KAAK,KAAK,WAAW,QAAQ,KAEtC,IAAA,gBAAgBA,EAAa,OAAO;AAGnC,cAAAR,IAAWH,EAAK,MAAM,OAAO,CAACb,MAASA,EAAK,OAAOuB,CAAE;AAC3D,eAAA/B,IAAgBwB,CAAQ,GAEjB;AAAA,UACN,GAAGH;AAAA,UACH,OAAOG;AAAA,UACP,QAAQ,CAAA;AAAA,QACT;AAAA,MAAA,CACA;AAAA,IACF;AAAA,IACA,CAACxB,CAAa;AAAA,EACf,GAEMiC,IAAcrB,EAAY,MAAM;AACrC,IAAAN,EAAS,CAACe,OAAU;AAAA,MACnB,GAAGA;AAAA,MACH,QAAQ,CAAA;AAAA,IAAC,EACR;AAAA,EACH,GAAG,EAAE,GAECa,IAAkBtB,EAAY,CAAC,MAA8B;AAClE,MAAE,eAAe,GACjB,EAAE,gBAAgB,GAClBN,EAAS,CAACe,OAAU,EAAE,GAAGA,GAAM,YAAY,KAAO;AAAA,EACnD,GAAG,EAAE,GAECc,IAAkBvB,EAAY,CAAC,MAA8B;AAIlE,IAHA,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAEd,GAAE,cAAc,SAAS,EAAE,aAAqB,KAIpDN,EAAS,CAACe,OAAU,EAAE,GAAGA,GAAM,YAAY,KAAQ;AAAA,EACpD,GAAG,EAAE,GAECe,IAAiBxB,EAAY,CAAC,MAA8B;AACjE,MAAE,eAAe,GACjB,EAAE,gBAAgB;AAAA,EACnB,GAAG,EAAE,GAECyB,IAAazB;AAAA,IAClB,CAAC,MAA8B;AAM1B,UALJ,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAClBN,EAAS,CAACe,OAAU,EAAE,GAAGA,GAAM,YAAY,KAAQ,GAG/C,CAAAZ,EAAS,SAAS,YAIlB,EAAE,aAAa,SAAS,EAAE,aAAa,MAAM,SAAS;AAEzD,YAAKX;AAIK,UAAAyB,EAAA,EAAE,aAAa,KAAK;AAAA,aAJf;AACd,gBAAMf,IAAO,EAAE,aAAa,MAAM,CAAC;AAC1B,UAAAe,EAAA,CAACf,CAAI,CAAC;AAAA,QAAA;AAAA,IAKlB;AAAA,IACA,CAACe,GAAUzB,CAAQ;AAAA,EACpB,GAEMwC,IAAmB1B;AAAA,IACxB,CAAC,MAAqC;AACrC,MAAI,EAAE,OAAO,SAAS,EAAE,OAAO,MAAM,SAAS,KACpCW,EAAA,EAAE,OAAO,KAAK;AAAA,IAEzB;AAAA,IACA,CAACA,CAAQ;AAAA,EACV,GAEMgB,IAAiB3B,EAAY,MAAM;AACxC,IAAIH,EAAS,WACZA,EAAS,QAAQ,MAAM;AAAA,EAEzB,GAAG,EAAE,GAEC+B,IAAgB5B;AAAA,IACrB,CAAC6B,IAA+C,CAAA,OACxC;AAAA,MACN,GAAGA;AAAA,MACH,MAAM;AAAA,MACN,UAAUH;AAAA,MACV,QAAQG,EAAM,UAAU5C;AAAA,MACxB,UAAU4C,EAAM,aAAa,SAAYA,EAAM,WAAW3C;AAAA,MAC1D,KAAKW;AAAA,IACN;AAAA,IAED,CAACZ,GAAQC,GAAUwC,CAAgB;AAAA,EACpC;AAEO,SAAA;AAAA,IACNjC;AAAA,IACA;AAAA,MACC,UAAAkB;AAAA,MACA,YAAAO;AAAA,MACA,YAAAV;AAAA,MACA,aAAAa;AAAA,MACA,iBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,EAEF;AACD;"}
+{"version":3,"file":"useFileUpload-Bnl3P8mP.js","sources":["../src/hooks/use-file-upload/errorMessages.ts","../src/hooks/use-file-upload/useFileUpload.ts"],"sourcesContent":["import { formatBytes } from \"@/lib/utils/file/formatBytes\";\r\n\r\n/**\r\n * Интерфейс для кастомизации сообщений об ошибках в useFileUpload\r\n */\r\nexport interface FileUploadErrorMessages {\r\n\t/**\r\n\t * Сообщение когда файл превышает максимальный размер\r\n\t * @param fileName - имя файла\r\n\t * @param maxSizeBytes - максимальный размер в байтах\r\n\t */\r\n\tfileTooLarge?: (fileName: string, maxSizeBytes: number) => string;\r\n\r\n\t/**\r\n\t * Сообщение когда тип файла не разрешен\r\n\t * @param fileName - имя файла\r\n\t */\r\n\tinvalidFileType?: (fileName: string) => string;\r\n\r\n\t/**\r\n\t * Сообщение когда превышено максимальное количество файлов\r\n\t * @param maxFiles - максимальное количество файлов\r\n\t */\r\n\ttooManyFiles?: (maxFiles: number) => string;\r\n\r\n\t/**\r\n\t * Сообщение когда некоторые файлы превышают максимальный размер (для множественной загрузки)\r\n\t * @param maxSizeBytes - максимальный размер в байтах\r\n\t */\r\n\tsomeFilesTooLarge?: (maxSizeBytes: number) => string;\r\n\r\n\t/**\r\n\t * Сообщение когда файл превышает максимальный размер (для одиночной загрузки)\r\n\t * @param maxSizeBytes - максимальный размер в байтах\r\n\t */\r\n\tsingleFileTooLarge?: (maxSizeBytes: number) => string;\r\n}\r\n\r\n/**\r\n * Сообщения об ошибках по умолчанию\r\n */\r\nexport const defaultErrorMessages: Required<FileUploadErrorMessages> = {\r\n\tfileTooLarge: (fileName, maxSizeBytes) =>\r\n\t\t`File \"${fileName}\" exceeds the maximum size of ${formatBytes(maxSizeBytes)}.`,\r\n\tinvalidFileType: (fileName) => `File \"${fileName}\" is not an accepted file type.`,\r\n\ttooManyFiles: (maxFiles) => `You can only upload a maximum of ${maxFiles} files.`,\r\n\tsomeFilesTooLarge: (maxSizeBytes) => `Some files exceed the maximum size of ${formatBytes(maxSizeBytes)}.`,\r\n\tsingleFileTooLarge: (maxSizeBytes) => `File exceeds the maximum size of ${formatBytes(maxSizeBytes)}.`\r\n};\r\n\r\n/**\r\n * Сообщения об ошибках на русском языке\r\n */\r\nexport const defaultErrorMessagesRu: Required<FileUploadErrorMessages> = {\r\n\tfileTooLarge: (fileName, maxSizeBytes) =>\r\n\t\t`Файл \"${fileName}\" превышает максимальный размер ${formatBytes(maxSizeBytes)}`,\r\n\tinvalidFileType: (fileName) => `Файл \"${fileName}\" имеет недопустимый тип`,\r\n\ttooManyFiles: (maxFiles) => `Можно загрузить максимум ${maxFiles} файлов`,\r\n\tsomeFilesTooLarge: (maxSizeBytes) => `Некоторые файлы превышают максимальный размер ${formatBytes(maxSizeBytes)}`,\r\n\tsingleFileTooLarge: (maxSizeBytes) => `Файл превышает максимальный размер ${formatBytes(maxSizeBytes)}`\r\n};\r\n","import {\r\n\tuseCallback,\r\n\tuseMemo,\r\n\tuseRef,\r\n\tuseState,\r\n\ttype ChangeEvent,\r\n\ttype DragEvent,\r\n\ttype InputHTMLAttributes\r\n} from \"react\";\r\nimport { defaultErrorMessages, type FileUploadErrorMessages } from \"./errorMessages\";\r\n\r\nexport type FileData = {\r\n\tname: string;\r\n\tsize: number;\r\n\ttype: string;\r\n\tid?: string;\r\n};\r\n\r\nexport type FileMetadata = FileData & {\r\n\turl: string;\r\n\tid: string;\r\n};\r\n\r\nexport type FileValue = File | FileData;\r\n\r\nexport type FileWithPreview = {\r\n\tfile: FileValue;\r\n\tid: string;\r\n\tpreview?: string;\r\n};\r\n\r\n/**\r\n * Ограничения для загрузки файлов\r\n */\r\nexport type FileUploadConstraints = {\r\n\t/**\r\n\t * Максимальное количество файлов\r\n\t * Используется только когда multiple=true\r\n\t * @default Infinity\r\n\t */\r\n\tmaxFiles?: number;\r\n\r\n\t/**\r\n\t * Максимальный размер файла в байтах\r\n\t * @default Infinity\r\n\t */\r\n\tmaxSize?: number;\r\n\r\n\t/**\r\n\t * Допустимые типы файлов (строка MIME-типов или расширений через запятую)\r\n\t * @example \"image/jpeg,image/png,.pdf,.doc\"\r\n\t * @example \"*.jpg,*.png\"\r\n\t * @example \"image/*\"\r\n\t * @default \"*\"\r\n\t */\r\n\taccept?: string;\r\n\r\n\t/**\r\n\t * Разрешить выбор нескольких файлов\r\n\t * @default false\r\n\t */\r\n\tmultiple?: boolean;\r\n};\r\n\r\nexport type FileUploadOptions = FileUploadConstraints & {\r\n\tinitialFiles?: FileMetadata[];\r\n\tonFilesChange?: (files: FileWithPreview[]) => void;\r\n\tonFilesAdded?: (addedFiles: FileWithPreview[]) => void;\r\n\t/**\r\n\t * Кастомные сообщения об ошибках\r\n\t * Можно переопределить только нужные сообщения\r\n\t */\r\n\terrorMessages?: Partial<FileUploadErrorMessages>;\r\n};\r\n\r\nexport type FileUploadState = {\r\n\tfiles: FileWithPreview[];\r\n\tisDragging: boolean;\r\n\terrors: string[];\r\n};\r\n\r\nexport type FileUploadActions = {\r\n\taddFiles: (files: FileList | File[]) => void;\r\n\tremoveFile: (id: string) => void;\r\n\tclearFiles: () => void;\r\n\tclearErrors: () => void;\r\n\thandleDragEnter: (e: DragEvent<HTMLElement>) => void;\r\n\thandleDragLeave: (e: DragEvent<HTMLElement>) => void;\r\n\thandleDragOver: (e: DragEvent<HTMLElement>) => void;\r\n\thandleDrop: (e: DragEvent<HTMLElement>) => void;\r\n\thandleFileChange: (e: ChangeEvent<HTMLInputElement>) => void;\r\n\topenFileDialog: () => void;\r\n\tgetInputProps: (props?: InputHTMLAttributes<HTMLInputElement>) => InputHTMLAttributes<HTMLInputElement> & {\r\n\t\tref: React.Ref<HTMLInputElement>;\r\n\t};\r\n};\r\n\r\n/** Хук был взять из библиотеки originui.\r\n * Код можно посмотреть по ссылке: https://github.com/origin-space/originui/blob/main/docs/use-file-upload.md\r\n */\r\nexport const useFileUpload = (options: FileUploadOptions = {}): [FileUploadState, FileUploadActions] => {\r\n\tconst {\r\n\t\tmaxFiles = Infinity,\r\n\t\tmaxSize = Infinity,\r\n\t\taccept = \"*\",\r\n\t\tmultiple = false,\r\n\t\tinitialFiles = [],\r\n\t\tonFilesChange,\r\n\t\tonFilesAdded,\r\n\t\terrorMessages: customErrorMessages\r\n\t} = options;\r\n\r\n\t// Объединяем дефолтные и кастомные сообщения\r\n\tconst errorMessages = useMemo(() => ({ ...defaultErrorMessages, ...customErrorMessages }), [customErrorMessages]);\r\n\r\n\tconst [state, setState] = useState<FileUploadState>({\r\n\t\tfiles: initialFiles.map((file) => ({\r\n\t\t\tfile,\r\n\t\t\tid: file.id,\r\n\t\t\tpreview: file.url\r\n\t\t})),\r\n\t\tisDragging: false,\r\n\t\terrors: []\r\n\t});\r\n\r\n\tconst inputRef = useRef<HTMLInputElement>(null);\r\n\r\n\tconst validateFile = useCallback(\r\n\t\t(file: FileValue): string | null => {\r\n\t\t\tconst fileName = file instanceof File ? file.name : file.name;\r\n\r\n\t\t\tif (file.size > maxSize) {\r\n\t\t\t\treturn errorMessages.fileTooLarge(fileName, maxSize);\r\n\t\t\t}\r\n\r\n\t\t\tif (accept !== \"*\") {\r\n\t\t\t\tconst acceptedTypes = accept.split(\",\").map((type) => type.trim());\r\n\t\t\t\tconst fileType = file instanceof File ? file.type || \"\" : file.type;\r\n\t\t\t\tconst fileExtension = `.${fileName.split(\".\").pop()}`;\r\n\r\n\t\t\t\tconst isAccepted = acceptedTypes.some((type) => {\r\n\t\t\t\t\tif (type.startsWith(\".\")) {\r\n\t\t\t\t\t\treturn fileExtension.toLowerCase() === type.toLowerCase();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (type.endsWith(\"/*\")) {\r\n\t\t\t\t\t\tconst baseType = type.split(\"/\")[0];\r\n\t\t\t\t\t\treturn fileType.startsWith(`${baseType}/`);\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn fileType === type;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (!isAccepted) {\r\n\t\t\t\t\treturn errorMessages.invalidFileType(fileName);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t},\r\n\t\t[accept, maxSize, errorMessages]\r\n\t);\r\n\r\n\tconst createPreview = useCallback((file: File | FileMetadata): string | undefined => {\r\n\t\tif (file instanceof File) {\r\n\t\t\treturn URL.createObjectURL(file);\r\n\t\t}\r\n\t\treturn file.url;\r\n\t}, []);\r\n\r\n\tconst generateUniqueId = useCallback((file: File | FileMetadata): string => {\r\n\t\tif (file instanceof File) {\r\n\t\t\treturn `${file.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\r\n\t\t}\r\n\t\treturn file.id;\r\n\t}, []);\r\n\r\n\tconst clearFiles = useCallback(() => {\r\n\t\tsetState((prev) => {\r\n\t\t\t// Clean up object URLs\r\n\t\t\tprev.files.forEach((file) => {\r\n\t\t\t\tif (file.preview && file.file instanceof File && file.file.type.startsWith(\"image/\")) {\r\n\t\t\t\t\tURL.revokeObjectURL(file.preview);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif (inputRef.current) {\r\n\t\t\t\tinputRef.current.value = \"\";\r\n\t\t\t}\r\n\r\n\t\t\tconst newState = {\r\n\t\t\t\t...prev,\r\n\t\t\t\tfiles: [],\r\n\t\t\t\terrors: []\r\n\t\t\t};\r\n\r\n\t\t\tonFilesChange?.(newState.files);\r\n\t\t\treturn newState;\r\n\t\t});\r\n\t}, [onFilesChange]);\r\n\r\n\tconst addFiles = useCallback(\r\n\t\t(newFiles: FileList | File[]) => {\r\n\t\t\tif (!newFiles || newFiles.length === 0) return;\r\n\r\n\t\t\tconst newFilesArray = Array.from(newFiles);\r\n\t\t\tconst errors: string[] = [];\r\n\r\n\t\t\t// Clear existing errors when new files are uploaded\r\n\t\t\tsetState((prev) => ({ ...prev, errors: [] }));\r\n\r\n\t\t\t// In single file mode, clear existing files first\r\n\t\t\tif (!multiple) {\r\n\t\t\t\tclearFiles();\r\n\t\t\t}\r\n\r\n\t\t\t// Check if adding these files would exceed maxFiles (only in multiple mode)\r\n\t\t\tif (multiple && maxFiles !== Infinity && state.files.length + newFilesArray.length > maxFiles) {\r\n\t\t\t\terrors.push(errorMessages.tooManyFiles(maxFiles));\r\n\t\t\t\tsetState((prev) => ({ ...prev, errors }));\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst validFiles: FileWithPreview[] = [];\r\n\r\n\t\t\tnewFilesArray.forEach((file) => {\r\n\t\t\t\t// Only check for duplicates if multiple files are allowed\r\n\t\t\t\tif (multiple) {\r\n\t\t\t\t\tconst isDuplicate = state.files.some(\r\n\t\t\t\t\t\t(existingFile) => existingFile.file.name === file.name && existingFile.file.size === file.size\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t\t// Skip duplicate files silently\r\n\t\t\t\t\tif (isDuplicate) {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Check file size\r\n\t\t\t\tif (file.size > maxSize) {\r\n\t\t\t\t\terrors.push(\r\n\t\t\t\t\t\tmultiple ? errorMessages.someFilesTooLarge(maxSize) : errorMessages.singleFileTooLarge(maxSize)\r\n\t\t\t\t\t);\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst error = validateFile(file);\r\n\t\t\t\tif (error) {\r\n\t\t\t\t\terrors.push(error);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tvalidFiles.push({\r\n\t\t\t\t\t\tfile,\r\n\t\t\t\t\t\tid: generateUniqueId(file),\r\n\t\t\t\t\t\tpreview: createPreview(file)\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\t// Only update state if we have valid files to add\r\n\t\t\tif (validFiles.length > 0) {\r\n\t\t\t\t// Call the onFilesAdded callback with the newly added valid files\r\n\t\t\t\tonFilesAdded?.(validFiles);\r\n\r\n\t\t\t\tsetState((prev) => {\r\n\t\t\t\t\tconst newFiles = !multiple ? validFiles : [...prev.files, ...validFiles];\r\n\t\t\t\t\tonFilesChange?.(newFiles);\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\t...prev,\r\n\t\t\t\t\t\tfiles: newFiles,\r\n\t\t\t\t\t\terrors\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t} else if (errors.length > 0) {\r\n\t\t\t\tsetState((prev) => ({\r\n\t\t\t\t\t...prev,\r\n\t\t\t\t\terrors\r\n\t\t\t\t}));\r\n\t\t\t}\r\n\r\n\t\t\t// Reset input value after handling files\r\n\t\t\tif (inputRef.current) {\r\n\t\t\t\tinputRef.current.value = \"\";\r\n\t\t\t}\r\n\t\t},\r\n\t\t[\r\n\t\t\tstate.files,\r\n\t\t\tmaxFiles,\r\n\t\t\tmultiple,\r\n\t\t\tmaxSize,\r\n\t\t\tvalidateFile,\r\n\t\t\tcreatePreview,\r\n\t\t\tgenerateUniqueId,\r\n\t\t\tclearFiles,\r\n\t\t\tonFilesChange,\r\n\t\t\tonFilesAdded,\r\n\t\t\terrorMessages\r\n\t\t]\r\n\t);\r\n\r\n\tconst removeFile = useCallback(\r\n\t\t(id: string) => {\r\n\t\t\tsetState((prev) => {\r\n\t\t\t\tconst fileToRemove = prev.files.find((file) => file.id === id);\r\n\t\t\t\tif (\r\n\t\t\t\t\tfileToRemove &&\r\n\t\t\t\t\tfileToRemove.preview &&\r\n\t\t\t\t\tfileToRemove.file instanceof File &&\r\n\t\t\t\t\tfileToRemove.file.type.startsWith(\"image/\")\r\n\t\t\t\t) {\r\n\t\t\t\t\tURL.revokeObjectURL(fileToRemove.preview);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst newFiles = prev.files.filter((file) => file.id !== id);\r\n\t\t\t\tonFilesChange?.(newFiles);\r\n\r\n\t\t\t\treturn {\r\n\t\t\t\t\t...prev,\r\n\t\t\t\t\tfiles: newFiles,\r\n\t\t\t\t\terrors: []\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t},\r\n\t\t[onFilesChange]\r\n\t);\r\n\r\n\tconst clearErrors = useCallback(() => {\r\n\t\tsetState((prev) => ({\r\n\t\t\t...prev,\r\n\t\t\terrors: []\r\n\t\t}));\r\n\t}, []);\r\n\r\n\tconst handleDragEnter = useCallback((e: DragEvent<HTMLElement>) => {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\t\tsetState((prev) => ({ ...prev, isDragging: true }));\r\n\t}, []);\r\n\r\n\tconst handleDragLeave = useCallback((e: DragEvent<HTMLElement>) => {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\r\n\t\tif (e.currentTarget.contains(e.relatedTarget as Node)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetState((prev) => ({ ...prev, isDragging: false }));\r\n\t}, []);\r\n\r\n\tconst handleDragOver = useCallback((e: DragEvent<HTMLElement>) => {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\t}, []);\r\n\r\n\tconst handleDrop = useCallback(\r\n\t\t(e: DragEvent<HTMLElement>) => {\r\n\t\t\te.preventDefault();\r\n\t\t\te.stopPropagation();\r\n\t\t\tsetState((prev) => ({ ...prev, isDragging: false }));\r\n\r\n\t\t\t// Don't process files if the input is disabled\r\n\t\t\tif (inputRef.current?.disabled) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (e.dataTransfer.files && e.dataTransfer.files.length > 0) {\r\n\t\t\t\t// In single file mode, only use the first file\r\n\t\t\t\tif (!multiple) {\r\n\t\t\t\t\tconst file = e.dataTransfer.files[0];\r\n\t\t\t\t\taddFiles([file]);\r\n\t\t\t\t} else {\r\n\t\t\t\t\taddFiles(e.dataTransfer.files);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\t[addFiles, multiple]\r\n\t);\r\n\r\n\tconst handleFileChange = useCallback(\r\n\t\t(e: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\tif (e.target.files && e.target.files.length > 0) {\r\n\t\t\t\taddFiles(e.target.files);\r\n\t\t\t}\r\n\t\t},\r\n\t\t[addFiles]\r\n\t);\r\n\r\n\tconst openFileDialog = useCallback(() => {\r\n\t\tif (inputRef.current) {\r\n\t\t\tinputRef.current.click();\r\n\t\t}\r\n\t}, []);\r\n\r\n\tconst getInputProps = useCallback(\r\n\t\t(props: InputHTMLAttributes<HTMLInputElement> = {}) => {\r\n\t\t\treturn {\r\n\t\t\t\t...props,\r\n\t\t\t\ttype: \"file\" as const,\r\n\t\t\t\tonChange: handleFileChange,\r\n\t\t\t\taccept: props.accept || accept,\r\n\t\t\t\tmultiple: props.multiple !== undefined ? props.multiple : multiple,\r\n\t\t\t\tref: inputRef\r\n\t\t\t};\r\n\t\t},\r\n\t\t[accept, multiple, handleFileChange]\r\n\t);\r\n\r\n\treturn [\r\n\t\tstate,\r\n\t\t{\r\n\t\t\taddFiles,\r\n\t\t\tremoveFile,\r\n\t\t\tclearFiles,\r\n\t\t\tclearErrors,\r\n\t\t\thandleDragEnter,\r\n\t\t\thandleDragLeave,\r\n\t\t\thandleDragOver,\r\n\t\t\thandleDrop,\r\n\t\t\thandleFileChange,\r\n\t\t\topenFileDialog,\r\n\t\t\tgetInputProps\r\n\t\t}\r\n\t];\r\n};\r\n"],"names":["defaultErrorMessages","fileName","maxSizeBytes","formatBytes","maxFiles","defaultErrorMessagesRu","useFileUpload","options","maxSize","accept","multiple","initialFiles","onFilesChange","onFilesAdded","customErrorMessages","errorMessages","useMemo","state","setState","useState","file","inputRef","useRef","validateFile","useCallback","acceptedTypes","type","fileType","fileExtension","baseType","createPreview","generateUniqueId","clearFiles","prev","newState","addFiles","newFiles","newFilesArray","errors","validFiles","existingFile","error","removeFile","id","fileToRemove","clearErrors","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleFileChange","openFileDialog","getInputProps","props"],"mappings":"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"}

package/dist/useItemsKeyboardNavigation-CmeOR30y.js.map

@@ -1 +1 @@
-{"version":3,"file":"useItemsKeyboardNavigation-CmeOR30y.js","sources":["../src/hooks/useItemsKeyboardNavigation.ts"],"sourcesContent":["import { useCallback, useState, KeyboardEvent, useEffect } from \"react\";\n\n/**\n * Хук для навигации по элементам с помощью клавиатуры\n *\n * @example\n * ```tsx\n * function TagList({ tags, onTagSelect, onTagDelete }) {\n *   const containerRef = useRef(null);\n *\n *   const {\n *     focusedIndex,\n *     handleKeyDown,\n *     handleFocus,\n *     handleBlur,\n *     isFocused\n *   } = useItemsKeyboardNavigation({\n *     items: tags,\n *     onEnter: onTagSelect,\n *     onDelete: onTagDelete\n *   });\n *\n *   return (\n *     <div\n *       ref={containerRef}\n *       tabIndex={0}\n *       onKeyDown={handleKeyDown}\n *       onFocus={handleFocus}\n *       onBlur={handleBlur}\n *     >\n *       {tags.map((tag, index) => (\n *         <div key={tag.id} className={isFocused(index) ? \"focused\" : \"\"}>\n *           {tag.label}\n *         </div>\n *       ))}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useItemsKeyboardNavigation<T>({\n\titems,\n\tonEnter,\n\tonDelete,\n\tcycleNavigation = false\n}: {\n\t/** Массив элементов для навигации */\n\titems: T[];\n\t/** Функция, вызываемая при нажатии Enter на элементе */\n\tonEnter?: (item: T, index: number) => void;\n\t/** Функция, вызываемая при нажатии Delete/Backspace на элементе */\n\tonDelete?: (item: T, index: number) => void;\n\t/** Включает циклическую навигацию (с последнего элемента на первый и наоборот) */\n\tcycleNavigation?: boolean;\n}) {\n\t/** Индекс текущего элемента с фокусом */\n\tconst [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n\n\t/**\n\t * Следим за изменениями в items и корректируем focusedIndex при необходимости\n\t */\n\tuseEffect(() => {\n\t\tif (focusedIndex !== null && items.length > 0) {\n\t\t\t// Если текущий индекс выходит за границы массива\n\t\t\tif (focusedIndex >= items.length) {\n\t\t\t\t// Устанавливаем индекс на последний элемент\n\t\t\t\tsetFocusedIndex(items.length - 1);\n\t\t\t}\n\t\t} else if (items.length === 0) {\n\t\t\t// Если элементов нет, сбрасываем фокус\n\t\t\tsetFocusedIndex(null);\n\t\t} else if (focusedIndex === null && items.length > 0) {\n\t\t\tsetFocusedIndex(0);\n\t\t}\n\t}, [items, focusedIndex]);\n\n\t/**\n\t * Обработчик нажатия клавиш для навигации по элементам\n\t */\n\tconst handleKeyDown = useCallback(\n\t\t(e: KeyboardEvent<HTMLElement>) => {\n\t\t\t// Проверяем, есть ли элементы для навигации\n\t\t\tif (!items.length) return;\n\n\t\t\tswitch (e.key) {\n\t\t\t\tcase \"ArrowLeft\":\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetFocusedIndex((prev) => {\n\t\t\t\t\t\tif (prev === null) return 0;\n\t\t\t\t\t\tif (prev > 0) return prev - 1;\n\t\t\t\t\t\treturn cycleNavigation ? items.length - 1 : prev;\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"ArrowRight\":\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetFocusedIndex((prev) => {\n\t\t\t\t\t\tif (prev === null) return 0;\n\t\t\t\t\t\tif (prev < items.length - 1) return prev + 1;\n\t\t\t\t\t\treturn cycleNavigation ? 0 : prev;\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"Home\":\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetFocusedIndex(0);\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"End\":\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetFocusedIndex(items.length - 1);\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"Enter\":\n\t\t\t\t\tif (focusedIndex !== null && items[focusedIndex] && onEnter) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tonEnter(items[focusedIndex], focusedIndex);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"Delete\":\n\t\t\t\tcase \"Backspace\":\n\t\t\t\t\tif (focusedIndex !== null && items[focusedIndex] && onDelete) {\n\t\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\t\t// Сохраняем текущий индекс перед удалением\n\t\t\t\t\t\tconst currentIndex = focusedIndex;\n\n\t\t\t\t\t\tonDelete(items[focusedIndex], focusedIndex);\n\n\t\t\t\t\t\t// Корректируем индекс после удаления\n\t\t\t\t\t\t// Это сработает корректно, если items обновится синхронно\n\t\t\t\t\t\t// В противном случае, корректировку нужно делать в эффекте\n\t\t\t\t\t\tif (currentIndex >= items.length - 1) {\n\t\t\t\t\t\t\tsetFocusedIndex(Math.max(0, items.length - 2));\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\n\t\t\t\tdefault:\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\t[items, focusedIndex, onEnter, onDelete, cycleNavigation]\n\t);\n\n\t/**\n\t * Обработчик получения фокуса контейнером\n\t */\n\tconst handleFocus = useCallback(() => {\n\t\tif (items.length) {\n\t\t\tsetFocusedIndex(0);\n\t\t}\n\t}, [items]);\n\n\t/**\n\t * Обработчик потери фокуса контейнером\n\t */\n\tconst handleBlur = useCallback(() => {\n\t\tsetFocusedIndex(null);\n\t}, []);\n\n\t/**\n\t * Проверяет, находится ли элемент с указанным индексом в фокусе\n\t */\n\tconst isFocused = useCallback((index: number) => focusedIndex === index, [focusedIndex]);\n\n\t/**\n\t * Безопасно устанавливает фокус на элемент по индексу\n\t * @param index Индекс элемента для фокусировки\n\t * @returns Возвращает true, если индекс был установлен успешно\n\t */\n\tconst focusItemAtIndex = useCallback(\n\t\t(index: number) => {\n\t\t\tif (index >= 0 && index < items.length) {\n\t\t\t\tsetFocusedIndex(index);\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn false;\n\t\t},\n\t\t[items.length]\n\t);\n\n\treturn {\n\t\tfocusedIndex,\n\t\thandleKeyDown,\n\t\thandleFocus,\n\t\thandleBlur,\n\t\tisFocused,\n\t\tfocusItemAtIndex\n\t};\n}\n"],"names":["useItemsKeyboardNavigation","items","onEnter","onDelete","cycleNavigation","focusedIndex","setFocusedIndex","useState","useEffect","handleKeyDown","useCallback","e","prev","currentIndex","handleFocus","handleBlur","isFocused","index","focusItemAtIndex"],"mappings":";AAwCO,SAASA,EAA8B;AAAA,EAC7C,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC,IAAkB;AACnB,GASG;AAEF,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAwB,IAAI;AAKpE,EAAAC,EAAU,MAAM;AACf,IAAIH,MAAiB,QAAQJ,EAAM,SAAS,IAEvCI,KAAgBJ,EAAM,UAETK,EAAAL,EAAM,SAAS,CAAC,IAEvBA,EAAM,WAAW,IAE3BK,EAAgB,IAAI,IACVD,MAAiB,QAAQJ,EAAM,SAAS,KAClDK,EAAgB,CAAC;AAAA,EAClB,GACE,CAACL,GAAOI,CAAY,CAAC;AAKxB,QAAMI,IAAgBC;AAAA,IACrB,CAACC,MAAkC;AAE9B,UAACV,EAAM;AAEX,gBAAQU,EAAE,KAAK;AAAA,UACd,KAAK;AACJ,YAAAA,EAAE,eAAe,GACjBL,EAAgB,CAACM,MACZA,MAAS,OAAa,IACtBA,IAAO,IAAUA,IAAO,IACrBR,IAAkBH,EAAM,SAAS,IAAIW,CAC5C;AACD;AAAA,UAED,KAAK;AACJ,YAAAD,EAAE,eAAe,GACjBL,EAAgB,CAACM,MACZA,MAAS,OAAa,IACtBA,IAAOX,EAAM,SAAS,IAAUW,IAAO,IACpCR,IAAkB,IAAIQ,CAC7B;AACD;AAAA,UAED,KAAK;AACJ,YAAAD,EAAE,eAAe,GACjBL,EAAgB,CAAC;AACjB;AAAA,UAED,KAAK;AACJ,YAAAK,EAAE,eAAe,GACDL,EAAAL,EAAM,SAAS,CAAC;AAChC;AAAA,UAED,KAAK;AACJ,YAAII,MAAiB,QAAQJ,EAAMI,CAAY,KAAKH,MACnDS,EAAE,eAAe,GACTT,EAAAD,EAAMI,CAAY,GAAGA,CAAY;AAE1C;AAAA,UAED,KAAK;AAAA,UACL,KAAK;AACJ,gBAAIA,MAAiB,QAAQJ,EAAMI,CAAY,KAAKF,GAAU;AAC7D,cAAAQ,EAAE,eAAe;AAGjB,oBAAME,IAAeR;AAEZ,cAAAF,EAAAF,EAAMI,CAAY,GAAGA,CAAY,GAKtCQ,KAAgBZ,EAAM,SAAS,KAClCK,EAAgB,KAAK,IAAI,GAAGL,EAAM,SAAS,CAAC,CAAC;AAAA,YAC9C;AAED;AAAA,QAGA;AAAA,IAEH;AAAA,IACA,CAACA,GAAOI,GAAcH,GAASC,GAAUC,CAAe;AAAA,EACzD,GAKMU,IAAcJ,EAAY,MAAM;AACrC,IAAIT,EAAM,UACTK,EAAgB,CAAC;AAAA,EAClB,GACE,CAACL,CAAK,CAAC,GAKJc,IAAaL,EAAY,MAAM;AACpC,IAAAJ,EAAgB,IAAI;AAAA,EACrB,GAAG,EAAE,GAKCU,IAAYN,EAAY,CAACO,MAAkBZ,MAAiBY,GAAO,CAACZ,CAAY,CAAC,GAOjFa,IAAmBR;AAAA,IACxB,CAACO,MACIA,KAAS,KAAKA,IAAQhB,EAAM,UAC/BK,EAAgBW,CAAK,GACd,MAED;AAAA,IAER,CAAChB,EAAM,MAAM;AAAA,EACd;AAEO,SAAA;AAAA,IACN,cAAAI;AAAA,IACA,eAAAI;AAAA,IACA,aAAAK;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAE;AAAA,EACD;AACD;"}
+{"version":3,"file":"useItemsKeyboardNavigation-CmeOR30y.js","sources":["../src/hooks/useItemsKeyboardNavigation.ts"],"sourcesContent":["import { useCallback, useState, KeyboardEvent, useEffect } from \"react\";\r\n\r\n/**\r\n * Хук для навигации по элементам с помощью клавиатуры\r\n *\r\n * @example\r\n * ```tsx\r\n * function TagList({ tags, onTagSelect, onTagDelete }) {\r\n *   const containerRef = useRef(null);\r\n *\r\n *   const {\r\n *     focusedIndex,\r\n *     handleKeyDown,\r\n *     handleFocus,\r\n *     handleBlur,\r\n *     isFocused\r\n *   } = useItemsKeyboardNavigation({\r\n *     items: tags,\r\n *     onEnter: onTagSelect,\r\n *     onDelete: onTagDelete\r\n *   });\r\n *\r\n *   return (\r\n *     <div\r\n *       ref={containerRef}\r\n *       tabIndex={0}\r\n *       onKeyDown={handleKeyDown}\r\n *       onFocus={handleFocus}\r\n *       onBlur={handleBlur}\r\n *     >\r\n *       {tags.map((tag, index) => (\r\n *         <div key={tag.id} className={isFocused(index) ? \"focused\" : \"\"}>\r\n *           {tag.label}\r\n *         </div>\r\n *       ))}\r\n *     </div>\r\n *   );\r\n * }\r\n * ```\r\n */\r\nexport function useItemsKeyboardNavigation<T>({\r\n\titems,\r\n\tonEnter,\r\n\tonDelete,\r\n\tcycleNavigation = false\r\n}: {\r\n\t/** Массив элементов для навигации */\r\n\titems: T[];\r\n\t/** Функция, вызываемая при нажатии Enter на элементе */\r\n\tonEnter?: (item: T, index: number) => void;\r\n\t/** Функция, вызываемая при нажатии Delete/Backspace на элементе */\r\n\tonDelete?: (item: T, index: number) => void;\r\n\t/** Включает циклическую навигацию (с последнего элемента на первый и наоборот) */\r\n\tcycleNavigation?: boolean;\r\n}) {\r\n\t/** Индекс текущего элемента с фокусом */\r\n\tconst [focusedIndex, setFocusedIndex] = useState<number | null>(null);\r\n\r\n\t/**\r\n\t * Следим за изменениями в items и корректируем focusedIndex при необходимости\r\n\t */\r\n\tuseEffect(() => {\r\n\t\tif (focusedIndex !== null && items.length > 0) {\r\n\t\t\t// Если текущий индекс выходит за границы массива\r\n\t\t\tif (focusedIndex >= items.length) {\r\n\t\t\t\t// Устанавливаем индекс на последний элемент\r\n\t\t\t\tsetFocusedIndex(items.length - 1);\r\n\t\t\t}\r\n\t\t} else if (items.length === 0) {\r\n\t\t\t// Если элементов нет, сбрасываем фокус\r\n\t\t\tsetFocusedIndex(null);\r\n\t\t} else if (focusedIndex === null && items.length > 0) {\r\n\t\t\tsetFocusedIndex(0);\r\n\t\t}\r\n\t}, [items, focusedIndex]);\r\n\r\n\t/**\r\n\t * Обработчик нажатия клавиш для навигации по элементам\r\n\t */\r\n\tconst handleKeyDown = useCallback(\r\n\t\t(e: KeyboardEvent<HTMLElement>) => {\r\n\t\t\t// Проверяем, есть ли элементы для навигации\r\n\t\t\tif (!items.length) return;\r\n\r\n\t\t\tswitch (e.key) {\r\n\t\t\t\tcase \"ArrowLeft\":\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tsetFocusedIndex((prev) => {\r\n\t\t\t\t\t\tif (prev === null) return 0;\r\n\t\t\t\t\t\tif (prev > 0) return prev - 1;\r\n\t\t\t\t\t\treturn cycleNavigation ? items.length - 1 : prev;\r\n\t\t\t\t\t});\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"ArrowRight\":\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tsetFocusedIndex((prev) => {\r\n\t\t\t\t\t\tif (prev === null) return 0;\r\n\t\t\t\t\t\tif (prev < items.length - 1) return prev + 1;\r\n\t\t\t\t\t\treturn cycleNavigation ? 0 : prev;\r\n\t\t\t\t\t});\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Home\":\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tsetFocusedIndex(0);\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"End\":\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tsetFocusedIndex(items.length - 1);\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Enter\":\r\n\t\t\t\t\tif (focusedIndex !== null && items[focusedIndex] && onEnter) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tonEnter(items[focusedIndex], focusedIndex);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Delete\":\r\n\t\t\t\tcase \"Backspace\":\r\n\t\t\t\t\tif (focusedIndex !== null && items[focusedIndex] && onDelete) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\t\t\t// Сохраняем текущий индекс перед удалением\r\n\t\t\t\t\t\tconst currentIndex = focusedIndex;\r\n\r\n\t\t\t\t\t\tonDelete(items[focusedIndex], focusedIndex);\r\n\r\n\t\t\t\t\t\t// Корректируем индекс после удаления\r\n\t\t\t\t\t\t// Это сработает корректно, если items обновится синхронно\r\n\t\t\t\t\t\t// В противном случае, корректировку нужно делать в эффекте\r\n\t\t\t\t\t\tif (currentIndex >= items.length - 1) {\r\n\t\t\t\t\t\t\tsetFocusedIndex(Math.max(0, items.length - 2));\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t},\r\n\t\t[items, focusedIndex, onEnter, onDelete, cycleNavigation]\r\n\t);\r\n\r\n\t/**\r\n\t * Обработчик получения фокуса контейнером\r\n\t */\r\n\tconst handleFocus = useCallback(() => {\r\n\t\tif (items.length) {\r\n\t\t\tsetFocusedIndex(0);\r\n\t\t}\r\n\t}, [items]);\r\n\r\n\t/**\r\n\t * Обработчик потери фокуса контейнером\r\n\t */\r\n\tconst handleBlur = useCallback(() => {\r\n\t\tsetFocusedIndex(null);\r\n\t}, []);\r\n\r\n\t/**\r\n\t * Проверяет, находится ли элемент с указанным индексом в фокусе\r\n\t */\r\n\tconst isFocused = useCallback((index: number) => focusedIndex === index, [focusedIndex]);\r\n\r\n\t/**\r\n\t * Безопасно устанавливает фокус на элемент по индексу\r\n\t * @param index Индекс элемента для фокусировки\r\n\t * @returns Возвращает true, если индекс был установлен успешно\r\n\t */\r\n\tconst focusItemAtIndex = useCallback(\r\n\t\t(index: number) => {\r\n\t\t\tif (index >= 0 && index < items.length) {\r\n\t\t\t\tsetFocusedIndex(index);\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\t[items.length]\r\n\t);\r\n\r\n\treturn {\r\n\t\tfocusedIndex,\r\n\t\thandleKeyDown,\r\n\t\thandleFocus,\r\n\t\thandleBlur,\r\n\t\tisFocused,\r\n\t\tfocusItemAtIndex\r\n\t};\r\n}\r\n"],"names":["useItemsKeyboardNavigation","items","onEnter","onDelete","cycleNavigation","focusedIndex","setFocusedIndex","useState","useEffect","handleKeyDown","useCallback","e","prev","currentIndex","handleFocus","handleBlur","isFocused","index","focusItemAtIndex"],"mappings":";AAwCO,SAASA,EAA8B;AAAA,EAC7C,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC,IAAkB;AACnB,GASG;AAEF,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAwB,IAAI;AAKpE,EAAAC,EAAU,MAAM;AACf,IAAIH,MAAiB,QAAQJ,EAAM,SAAS,IAEvCI,KAAgBJ,EAAM,UAETK,EAAAL,EAAM,SAAS,CAAC,IAEvBA,EAAM,WAAW,IAE3BK,EAAgB,IAAI,IACVD,MAAiB,QAAQJ,EAAM,SAAS,KAClDK,EAAgB,CAAC;AAAA,EAClB,GACE,CAACL,GAAOI,CAAY,CAAC;AAKxB,QAAMI,IAAgBC;AAAA,IACrB,CAACC,MAAkC;AAE9B,UAACV,EAAM;AAEX,gBAAQU,EAAE,KAAK;AAAA,UACd,KAAK;AACJ,YAAAA,EAAE,eAAe,GACjBL,EAAgB,CAACM,MACZA,MAAS,OAAa,IACtBA,IAAO,IAAUA,IAAO,IACrBR,IAAkBH,EAAM,SAAS,IAAIW,CAC5C;AACD;AAAA,UAED,KAAK;AACJ,YAAAD,EAAE,eAAe,GACjBL,EAAgB,CAACM,MACZA,MAAS,OAAa,IACtBA,IAAOX,EAAM,SAAS,IAAUW,IAAO,IACpCR,IAAkB,IAAIQ,CAC7B;AACD;AAAA,UAED,KAAK;AACJ,YAAAD,EAAE,eAAe,GACjBL,EAAgB,CAAC;AACjB;AAAA,UAED,KAAK;AACJ,YAAAK,EAAE,eAAe,GACDL,EAAAL,EAAM,SAAS,CAAC;AAChC;AAAA,UAED,KAAK;AACJ,YAAII,MAAiB,QAAQJ,EAAMI,CAAY,KAAKH,MACnDS,EAAE,eAAe,GACTT,EAAAD,EAAMI,CAAY,GAAGA,CAAY;AAE1C;AAAA,UAED,KAAK;AAAA,UACL,KAAK;AACJ,gBAAIA,MAAiB,QAAQJ,EAAMI,CAAY,KAAKF,GAAU;AAC7D,cAAAQ,EAAE,eAAe;AAGjB,oBAAME,IAAeR;AAEZ,cAAAF,EAAAF,EAAMI,CAAY,GAAGA,CAAY,GAKtCQ,KAAgBZ,EAAM,SAAS,KAClCK,EAAgB,KAAK,IAAI,GAAGL,EAAM,SAAS,CAAC,CAAC;AAAA,YAC9C;AAED;AAAA,QAGA;AAAA,IAEH;AAAA,IACA,CAACA,GAAOI,GAAcH,GAASC,GAAUC,CAAe;AAAA,EACzD,GAKMU,IAAcJ,EAAY,MAAM;AACrC,IAAIT,EAAM,UACTK,EAAgB,CAAC;AAAA,EAClB,GACE,CAACL,CAAK,CAAC,GAKJc,IAAaL,EAAY,MAAM;AACpC,IAAAJ,EAAgB,IAAI;AAAA,EACrB,GAAG,EAAE,GAKCU,IAAYN,EAAY,CAACO,MAAkBZ,MAAiBY,GAAO,CAACZ,CAAY,CAAC,GAOjFa,IAAmBR;AAAA,IACxB,CAACO,MACIA,KAAS,KAAKA,IAAQhB,EAAM,UAC/BK,EAAgBW,CAAK,GACd,MAED;AAAA,IAER,CAAChB,EAAM,MAAM;AAAA,EACd;AAEO,SAAA;AAAA,IACN,cAAAI;AAAA,IACA,eAAAI;AAAA,IACA,aAAAK;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAE;AAAA,EACD;AACD;"}

package/dist/useMergeRefs-qoKniYqT.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergeRefs-qoKniYqT.js","sources":["../src/hooks/useMergeRefs.ts"],"sourcesContent":["import { useCallback } from \"react\";\n\ntype ReactRef<T> = React.RefCallback<T> | React.RefObject<T> | null;\n\nfunction assignRef<T>(ref: ReactRef<T>, value: T | null) {\n\tif (typeof ref === \"function\") {\n\t\tref(value);\n\t} else if (ref !== null && \"current\" in ref) {\n\t\t(ref as React.MutableRefObject<T | null>).current = value;\n\t}\n}\n\nexport function useMergeRefs<T>(...refs: ReactRef<T>[]) {\n\treturn useCallback(\n\t\t(value: T | null) => {\n\t\t\trefs.forEach((ref) => {\n\t\t\t\tassignRef(ref, value);\n\t\t\t});\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[...refs]\n\t);\n}\n"],"names":["assignRef","ref","value","useMergeRefs","refs","useCallback"],"mappings":";AAIA,SAASA,EAAaC,GAAkBC,GAAiB;AACpD,EAAA,OAAOD,KAAQ,aAClBA,EAAIC,CAAK,IACCD,MAAQ,QAAQ,aAAaA,MACtCA,EAAyC,UAAUC;AAEtD;AAEO,SAASC,KAAmBC,GAAqB;AAChD,SAAAC;AAAA,IACN,CAACH,MAAoB;AACf,MAAAE,EAAA,QAAQ,CAACH,MAAQ;AACrB,QAAAD,EAAUC,GAAKC,CAAK;AAAA,MAAA,CACpB;AAAA,IACF;AAAA;AAAA,IAEA,CAAC,GAAGE,CAAI;AAAA,EACT;AACD;"}
+{"version":3,"file":"useMergeRefs-qoKniYqT.js","sources":["../src/hooks/useMergeRefs.ts"],"sourcesContent":["import { useCallback } from \"react\";\r\n\r\ntype ReactRef<T> = React.RefCallback<T> | React.RefObject<T> | null;\r\n\r\nfunction assignRef<T>(ref: ReactRef<T>, value: T | null) {\r\n\tif (typeof ref === \"function\") {\r\n\t\tref(value);\r\n\t} else if (ref !== null && \"current\" in ref) {\r\n\t\t(ref as React.MutableRefObject<T | null>).current = value;\r\n\t}\r\n}\r\n\r\nexport function useMergeRefs<T>(...refs: ReactRef<T>[]) {\r\n\treturn useCallback(\r\n\t\t(value: T | null) => {\r\n\t\t\trefs.forEach((ref) => {\r\n\t\t\t\tassignRef(ref, value);\r\n\t\t\t});\r\n\t\t},\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t\t[...refs]\r\n\t);\r\n}\r\n"],"names":["assignRef","ref","value","useMergeRefs","refs","useCallback"],"mappings":";AAIA,SAASA,EAAaC,GAAkBC,GAAiB;AACpD,EAAA,OAAOD,KAAQ,aAClBA,EAAIC,CAAK,IACCD,MAAQ,QAAQ,aAAaA,MACtCA,EAAyC,UAAUC;AAEtD;AAEO,SAASC,KAAmBC,GAAqB;AAChD,SAAAC;AAAA,IACN,CAACH,MAAoB;AACf,MAAAE,EAAA,QAAQ,CAACH,MAAQ;AACrB,QAAAD,EAAUC,GAAKC,CAAK;AAAA,MAAA,CACpB;AAAA,IACF;AAAA;AAAA,IAEA,CAAC,GAAGE,CAAI;AAAA,EACT;AACD;"}

package/dist/usePortalContainer-B1xla842.js

@@ -0,0 +1,33 @@
+var a = Object.defineProperty;
+var u = (e, t, n) => t in e ? a(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var r = (e, t, n) => u(e, typeof t != "symbol" ? t + "" : t, n);
+import { useState as l, useEffect as d, useCallback as c } from "react";
+class f {
+  constructor() {
+    r(this, "listeners", /* @__PURE__ */ new Set());
+    r(this, "isContainerMounted", !1);
+  }
+  subscribe(t) {
+    return this.listeners.add(t), () => {
+      this.listeners.delete(t);
+    };
+  }
+  notify(t = !0) {
+    if (t && this.isContainerMounted)
+      throw new Error(
+        "PortalContainer уже смонтирован. В приложении может быть только один экземпляр PortalContainer."
+      );
+    this.isContainerMounted = t, this.listeners.forEach((n) => n(t));
+  }
+}
+const o = new f(), p = (e) => {
+  const [t, n] = l(o.isContainerMounted);
+  return d(() => o.subscribe((i) => {
+    n(i);
+  }), []), c(() => e !== void 0 ? e || void 0 : t === !1 ? void 0 : document.querySelector("[data-portal-container]") || void 0, [e, t])();
+};
+export {
+  o as p,
+  p as u
+};
+//# sourceMappingURL=usePortalContainer-B1xla842.js.map

package/dist/usePortalContainer-B1xla842.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePortalContainer-B1xla842.js","sources":["../src/components/portal-container/portalContainerEvents.ts","../src/components/portal-container/usePortalContainer.ts"],"sourcesContent":["type Listener = (mount: boolean) => void;\r\n\r\n/**\r\n * Простой EventEmitter для синхронизации PortalContainer и usePortalContainer\r\n */\r\nclass PortalContainerEvents {\r\n\tprivate listeners = new Set<Listener>();\r\n\tisContainerMounted = false;\r\n\r\n\tsubscribe(listener: Listener) {\r\n\t\tthis.listeners.add(listener);\r\n\t\treturn () => {\r\n\t\t\tthis.listeners.delete(listener);\r\n\t\t};\r\n\t}\r\n\r\n\tnotify(mount: boolean = true) {\r\n\t\tif (mount && this.isContainerMounted) {\r\n\t\t\tthrow new Error(\r\n\t\t\t\t\"PortalContainer уже смонтирован. В приложении может быть только один экземпляр PortalContainer.\"\r\n\t\t\t);\r\n\t\t}\r\n\t\tthis.isContainerMounted = mount;\r\n\t\tthis.listeners.forEach((listener) => listener(mount));\r\n\t}\r\n}\r\n\r\nexport const portalContainerEvents = new PortalContainerEvents();\r\n","import { useCallback, useEffect, useState } from \"react\";\r\nimport { portalContainerEvents } from \"./portalContainerEvents\";\r\n\r\n/**\r\n * Хук для определения контейнера портала.\r\n *\r\n * Если передан customContainer, возвращает его.\r\n * Иначе ищет элемент с атрибутом 'data-portal-container' — при условии,\r\n * что PortalContainer действительно смонтирован.\r\n *\r\n * @param customContainer - Кастомный контейнер для портала\r\n * @returns HTMLElement для портала или undefined\r\n */\r\nexport const usePortalContainer = (customContainer?: HTMLElement | null) => {\r\n\tconst [isMounted, setIsMounted] = useState(portalContainerEvents.isContainerMounted);\r\n\r\n\tuseEffect(() => {\r\n\t\t// Подписываемся на события монтирования/размонтирования PortalContainer\r\n\t\tconst unsubscribe = portalContainerEvents.subscribe((mount) => {\r\n\t\t\tsetIsMounted(mount);\r\n\t\t});\r\n\t\treturn unsubscribe;\r\n\t}, []);\r\n\r\n\tconst findPortalContainer = useCallback((): HTMLElement | undefined => {\r\n\t\tif (customContainer !== undefined) {\r\n\t\t\treturn customContainer || undefined;\r\n\t\t}\r\n\t\tif (isMounted === false) return undefined;\r\n\r\n\t\tconst portalContainer = document.querySelector(\"[data-portal-container]\") as HTMLElement;\r\n\t\treturn portalContainer || undefined;\r\n\t}, [customContainer, isMounted]);\r\n\r\n\treturn findPortalContainer();\r\n};\r\n"],"names":["PortalContainerEvents","__publicField","listener","mount","portalContainerEvents","usePortalContainer","customContainer","isMounted","setIsMounted","useState","useEffect","useCallback"],"mappings":";;;;AAKA,MAAMA,EAAsB;AAAA,EAA5B;AACS,IAAAC,EAAA,uCAAgB,IAAc;AACtC,IAAAA,EAAA,4BAAqB;AAAA;AAAA,EAErB,UAAUC,GAAoB;AACxB,gBAAA,UAAU,IAAIA,CAAQ,GACpB,MAAM;AACP,WAAA,UAAU,OAAOA,CAAQ;AAAA,IAC/B;AAAA,EAAA;AAAA,EAGD,OAAOC,IAAiB,IAAM;AACzB,QAAAA,KAAS,KAAK;AACjB,YAAM,IAAI;AAAA,QACT;AAAA,MACD;AAED,SAAK,qBAAqBA,GAC1B,KAAK,UAAU,QAAQ,CAACD,MAAaA,EAASC,CAAK,CAAC;AAAA,EAAA;AAEtD;AAEa,MAAAC,IAAwB,IAAIJ,EAAsB,GCdlDK,IAAqB,CAACC,MAAyC;AAC3E,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASL,EAAsB,kBAAkB;AAEnF,SAAAM,EAAU,MAEWN,EAAsB,UAAU,CAACD,MAAU;AAC9D,IAAAK,EAAaL,CAAK;AAAA,EAAA,CAClB,GAEC,EAAE,GAEuBQ,EAAY,MACnCL,MAAoB,SAChBA,KAAmB,SAEvBC,MAAc,KAAc,SAER,SAAS,cAAc,yBAAyB,KAC9C,QACxB,CAACD,GAAiBC,CAAS,CAAC,EAEJ;AAC5B;"}