triafly-ui-kit 1.0.12 → 1.0.14

package/dist/assets/Tabs.css

@@ -0,0 +1 @@
+.tabs .tabs-bar{display:flex}.tabs .tab-button{height:44px;padding:0 12px;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-border-primary-default);background-color:var(--color-bg-neutral-basic-default);cursor:pointer}.tabs .tab-button:not(:last-of-type){border-right:0 solid}.tabs .tab-button:first-of-type{border-radius:8px 0 0 8px}.tabs .tab-button:last-of-type{border-radius:0 8px 8px 0}.tabs .tab-button:hover{background:#ddd}.tabs .tab-button.active{background:var(--color-bg-neutral-light-default);font-weight:600}.tabs .tab-button.disabled{pointer-events:none}

package/dist/components/Ui/Tabs/Tabs.js

@@ -0,0 +1,24 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useState as v } from "react";
+import '../../../assets/Tabs.css';const f = ({ items: s, defaultActiveKey: t, onChange: d }) => {
+  var c, b;
+  const [l, i] = v(t || ((c = s[0]) == null ? void 0 : c.key)), n = (a) => {
+    s.some((r) => r.key === a && !r.disabled) && (i(a), d == null || d(a));
+  };
+  return /* @__PURE__ */ o("div", { className: "tabs", children: [
+    /* @__PURE__ */ e("div", { className: "tabs-bar", children: s.map((a) => /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: () => !a.disabled && n(a.key),
+        className: `tab-button ${l === a.key ? "active" : ""} ${a.disabled ? "disabled" : ""}`,
+        disabled: a.disabled,
+        children: a.label
+      },
+      a.key
+    )) }),
+    /* @__PURE__ */ e("div", { className: "tabs-content", children: (b = s.find((a) => a.key === l)) == null ? void 0 : b.children })
+  ] });
+};
+export {
+  f as Tabs
+};

package/dist/components/Ui/Tabs/Tabs.stories.js

@@ -0,0 +1,67 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Tabs as t } from "./Tabs.js";
+const n = {
+  title: "UIKit/Tabs",
+  component: t,
+  tags: ["autodocs"],
+  argTypes: {
+    items: {
+      control: "object",
+      description: "Массив объектов вкладок {label: string, content: ReactNode}"
+    }
+  }
+}, s = {
+  args: {
+    items: [
+      {
+        key: "profile",
+        label: "Профиль",
+        children: /* @__PURE__ */ e("div", { children: "Информация о пользователе" })
+      },
+      {
+        key: "settings",
+        label: "Настройки",
+        children: /* @__PURE__ */ e("div", { children: "Параметры аккаунта" })
+      },
+      {
+        key: "notifications",
+        label: "Уведомления",
+        children: /* @__PURE__ */ e("div", { children: "Настройки уведомлений" })
+      }
+    ]
+  }
+}, a = {
+  args: {
+    items: [
+      {
+        key: "favorites",
+        label: "Избранное",
+        children: /* @__PURE__ */ e("div", { children: "Ваши избранные элементы" })
+      },
+      {
+        key: "projects",
+        label: "Проекты",
+        children: /* @__PURE__ */ e("div", { children: "Список ваших проектов" })
+      }
+    ]
+  },
+  decorators: [
+    (i) => /* @__PURE__ */ e("div", { style: { maxWidth: "500px", margin: "0 auto" }, children: /* @__PURE__ */ e(i, {}) })
+  ]
+}, c = {
+  args: {
+    items: [
+      {
+        key: "single",
+        label: "Единственная вкладка",
+        children: /* @__PURE__ */ e("div", { children: "Контент единственной вкладки" })
+      }
+    ]
+  }
+};
+export {
+  s as Basic,
+  c as SingleTab,
+  a as StyledTabs,
+  n as default
+};

package/dist/components/Ui/Tabs/index.js

@@ -0,0 +1,4 @@
+import { Tabs as a } from "./Tabs.js";
+export {
+  a as Tabs
+};

package/dist/main.d.ts

@@ -1047,6 +1047,13 @@ declare type SwitchProps = {
     name?: string;
 };
 
+export declare interface TabItem {
+    key: string;
+    label: string;
+    children: ReactNode;
+    disabled?: boolean;
+}
+
 export declare const Table: <T extends object>(props: TablesProps<T>) => JSX.Element;
 
 declare type TablesProps<T extends object = Record<string, unknown>> = {
@@ -1073,6 +1080,14 @@ declare type TablesProps<T extends object = Record<string, unknown>> = {
     loading?: boolean;
 };
 
+export declare const Tabs: React.FC<TabsProps>;
+
+export declare interface TabsProps {
+    items: TabItem[];
+    defaultActiveKey?: string;
+    onChange?: (activeKey: string) => void;
+}
+
 export declare const TextareaInput: ForwardRefExoticComponent<TextareaInputProps & RefAttributes<HTMLTextAreaElement>>;
 
 declare type TextareaInputProps = {
@@ -1131,30 +1146,6 @@ declare interface TooltipProps {
     className?: string;
 }
 
-export declare const Tree: <T extends TreeNodeBase>({ data, childrenKey, idKey, nameKey, typeKey, onSelect, defaultExpandedKeys, autoExpandParent, expandedKeys: externalExpandedKeys, onExpandedKeysChange, selectedKey: controlledSelectedKey, isFetching, isAllExpanded, wrapperTreeClassName, TreeItemClassName, TreeItemContentClassName, }: TreeProps<T>) => JSX.Element;
-
-declare type TreeNodeBase = Record<string, unknown>;
-
-declare type TreeProps<T extends TreeNodeBase> = {
-    data: T[];
-    childrenKey?: keyof T | string;
-    idKey?: keyof T | string;
-    nameKey?: keyof T | string;
-    typeKey?: keyof T | string;
-    onSelect?: (node: T) => void;
-    defaultExpandedKeys?: (string | number)[];
-    expandedKeys?: (string | number)[];
-    onExpandedKeysChange?: (keys: (string | number)[]) => void;
-    autoExpandParent?: boolean;
-    selectedKey?: string | number | null;
-    setSectedKey?: (value: string | number | null) => void;
-    isFetching?: boolean;
-    isAllExpanded?: boolean;
-    wrapperTreeClassName?: string;
-    TreeItemClassName?: string;
-    TreeItemContentClassName?: string;
-};
-
 export declare const TriaflyContext: Context<TriaflyContextType | undefined>;
 
 declare interface TriaflyContextType {

package/dist/main.js

@@ -22,7 +22,7 @@ import { Table as E } from "./components/Ui/Table/Table.js";
 import { TextInput as V } from "./components/Ui/TextInput/TextInput.js";
 import { TextareaInput as z } from "./components/Ui/TextareaInput/TextareaInput.js";
 import { Tooltip as Y } from "./components/Ui/Tooltip/Tooltip.js";
-import { Tree as q } from "./components/Ui/Tree/TreeEl/Tree.js";
+import { Tabs as q } from "./components/Ui/Tabs/Tabs.js";
 import { IconArrowBendUpRight as Z, IconArrowClockwise as _, IconArrowDown as $, IconArrowLeft as oo, IconArrowLineDown as no, IconArrowLineLeft as ro, IconArrowLineRight as eo, IconArrowLineUp as co, IconArrowRight as Io, IconArrowUp as to, IconArrowsOut as io, IconArticle as ao, IconAt as po, IconBellSimple as lo, IconBookOpenText as fo, IconCalendarBlank as mo, IconCaretDown as xo, IconCaretLeft as so, IconCaretRight as uo, IconCaretUp as Co, IconCaretUpDown as ho, IconChartPieSlice as wo, IconChatText as So, IconCheck as To, IconCheckCircle as go, IconChecks as Ao, IconCircleNotch as Lo, IconCopy as ko, IconCornersOut as Do, IconCsv as Po, IconCube as Uo, IconDatabase as yo, IconDotsNine as Fo, IconDotsThreeVertical as Bo, IconExport as vo, IconEye as Mo, IconEyeSlash as Ro, IconFile as Xo, IconFiles as bo, IconFloppyDisk as Ho, IconFolderSimple as No, IconFolderSimpleX as Oo, IconFunnel as Qo, IconGauge as Eo, IconGear as Go, IconGoogleDrive as Vo, IconHand as Wo, IconHeadCircuit as zo, IconHouse as Jo, IconIcon as Yo, IconInfo as jo, IconJoin as qo, IconLanguage as Ko, IconLink as Zo, IconList as _o, IconLock as $o, IconLockOpen as on, IconMariaDB as nn, IconMinus as rn, IconMongoDB as en, IconMoon as cn, IconMySQL as In, IconNavigationArrow as tn, IconNotePencil as an, IconPassword as pn, IconPen as ln, IconPlay as fn, IconPlugsX as mn, IconPlus as xn, IconPorsgteSQL as sn, IconPresentationChart as un, IconQuestion as Cn, IconQuestionFullfilled as dn, IconRedo as hn, IconRoleX as wn, IconSearch as Sn, IconSearchX as Tn, IconSelection as gn, IconServer as An, IconSlidersHorizontal as Ln, IconSticker as kn, IconSun as Dn, IconThreeDot as Pn, IconTrash as Un, IconTriangleDown as yn, IconTriangleUp as Fn, IconUndo as Bn, IconUploadSimple as vn, IconUser as Mn, IconUserX as Rn, IconWarningCircle as Xn, IconWrench as bn, IconX as Hn, IconYandexDisk as Nn } from "./components/Ui/Icons/Icons.js";
 import { ToastProvider as Qn } from "./context/ToastContext/ToastContext.js";
 import { TriaflyContext as Gn, TriaflyProvider as Vn, useTriafly as Wn } from "./context/TriaflyContext/TriaflyProvider.js";
@@ -143,11 +143,11 @@ export {
   H as Skeleton,
   O as Switch,
   E as Table,
+  q as Tabs,
   V as TextInput,
   z as TextareaInput,
   Qn as ToastProvider,
   Y as Tooltip,
-  q as Tree,
   Gn as TriaflyContext,
   Vn as TriaflyProvider,
   Jn as useBreakpointValueTriafly,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "triafly-ui-kit",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "UI Kit from Triafly",
   "main": "./dist/main.js",
   "module": "./dist/main.js",

package/dist/TreeList-Z1F3eQH6.js

@@ -1,113 +0,0 @@
-import { jsxs as b, jsx as e, Fragment as $ } from "react/jsx-runtime";
-import { memo as w, useCallback as u } from "react";
-import { IconCaretDown as D, IconCaretRight as O, IconFolderSimple as R, IconFile as q } from "./components/Ui/Icons/Icons.js";
-import { Loader as z } from "./components/Ui/Loader/Loader.js";
-import { c as v } from "./index-2QXL0WYc.js";
-import './assets/TreeList.css';const A = "_selected_1oo5t_114", r = {
-  "tree-item": "_tree-item_1oo5t_76",
-  "tree-item-toggle": "_tree-item-toggle_1oo5t_83",
-  "tree-item-toggle-placeholder": "_tree-item-toggle-placeholder_1oo5t_86",
-  "tree-item-loader": "_tree-item-loader_1oo5t_89",
-  "tree-item-toggle-icon-folder": "_tree-item-toggle-icon-folder_1oo5t_97",
-  "tree-item-content": "_tree-item-content_1oo5t_103",
-  selected: A,
-  "tree-item-lebal": "_tree-item-lebal_1oo5t_118"
-}, B = ({
-  node: o,
-  onSelect: l,
-  level: h = 0,
-  childrenKey: m = "children",
-  idKey: c = "id",
-  nameKey: g = "name",
-  typeKey: s = "type",
-  expandedKeys: d = [],
-  onExpand: i,
-  selectedKey: a,
-  isFetching: _ = !1,
-  TreeItemClassName: p = "",
-  TreeItemContentClassName: f = ""
-}) => {
-  var T;
-  const n = o[c], k = o[g], L = o[s], N = d.includes(n), I = ((T = o[m]) == null ? void 0 : T.filter((t) => t[s] === "directory").length) > 0, j = a === n, C = a === n && _, F = u(
-    (t) => {
-      t.stopPropagation(), i == null || i(n);
-    },
-    [n, i]
-  ), P = u(
-    (t) => {
-      t.stopPropagation(), l == null || l(o);
-    },
-    [o, l]
-  );
-  return /* @__PURE__ */ b("div", { className: v(r["tree-item"], p), children: [
-    /* @__PURE__ */ b(
-      "div",
-      {
-        className: v(
-          r["tree-item-content"],
-          j ? r.selected : "",
-          f
-        ),
-        onClick: P,
-        children: [
-          C && /* @__PURE__ */ e("div", { className: r["tree-item-loader"], children: /* @__PURE__ */ e(z, {}) }),
-          I && !C ? /* @__PURE__ */ e("span", { onClick: F, className: r["tree-item-toggle"], children: N ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(O, {}) }) : /* @__PURE__ */ e("span", { className: r["tree-item-toggle-placeholder"] }),
-          /* @__PURE__ */ e("span", { className: r["tree-item-toggle-icon-folder"], children: L === "directory" ? /* @__PURE__ */ e(R, { color: "gray" }) : /* @__PURE__ */ e(q, {}) }),
-          /* @__PURE__ */ e("span", { className: `${r["tree-item-lebal"]}`, children: k })
-        ]
-      }
-    ),
-    N && I && /* @__PURE__ */ e($, { children: o[m].filter((t) => t[s] === "directory").map((t) => /* @__PURE__ */ e(
-      H,
-      {
-        node: t,
-        isFetching: _,
-        level: h + 1,
-        onSelect: l,
-        selectedKey: a,
-        childrenKey: m,
-        idKey: c,
-        nameKey: g,
-        typeKey: s,
-        expandedKeys: d,
-        onExpand: i
-      },
-      t[c]
-    )) })
-  ] });
-}, G = w(B), H = ({
-  node: o,
-  onSelect: l,
-  childrenKey: h = "children",
-  expandedKeys: m = [],
-  onExpand: c,
-  level: g = 0,
-  selectedKey: s,
-  idKey: d = "id",
-  nameKey: i = "name",
-  typeKey: a = "type",
-  isFetching: _,
-  TreeItemClassName: p = "",
-  TreeItemContentClassName: f = ""
-}) => /* @__PURE__ */ e(
-  G,
-  {
-    node: o,
-    isFetching: _,
-    level: g,
-    onSelect: l,
-    selectedKey: s,
-    childrenKey: h,
-    expandedKeys: m,
-    onExpand: c,
-    idKey: d,
-    nameKey: i,
-    typeKey: a,
-    TreeItemClassName: p,
-    TreeItemContentClassName: f
-  }
-);
-export {
-  H as T,
-  G as a
-};

package/dist/assets/Tree.css

@@ -1 +0,0 @@
-._tree-wrapper_1yvw0_1{max-height:100%;width:100%;overflow-y:auto}

package/dist/assets/TreeList.css

@@ -1 +0,0 @@
-@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}._tree-item_1oo5t_76{padding:4px;border-radius:4px;cursor:pointer;margin-left:10px;width:100%}._tree-item_1oo5t_76 ._tree-item-toggle_1oo5t_83{cursor:pointer}._tree-item_1oo5t_76 ._tree-item-toggle-placeholder_1oo5t_86{background-color:red}._tree-item_1oo5t_76 ._tree-item-loader_1oo5t_89{width:20px;height:20px;display:flex;align-items:center;justify-content:flex-end;position:relative}._tree-item_1oo5t_76 ._tree-item-toggle-icon-folder_1oo5t_97{color:var(--color-icon-secondary-default)}._tree-item_1oo5t_76 ._test_1oo5t_100{fill:var(--color-icon-secondary-default)}._tree-item_1oo5t_76 ._tree-item-content_1oo5t_103{display:flex;gap:8px;align-items:center;cursor:pointer;padding:9.5px 16px}._tree-item_1oo5t_76 ._tree-item-content_1oo5t_103 span{font-size:14px;font-weight:400}._tree-item_1oo5t_76 ._tree-item-content_1oo5t_103._selected_1oo5t_114{background-color:var(--color-bg-island-selected);border-radius:4px}._tree-item_1oo5t_76 ._tree-item-lebal_1oo5t_118{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;-webkit-hyphens:auto;hyphens:auto;max-width:100px}

package/dist/components/Ui/Tree/Tree.stories.js

@@ -1,241 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Tree as i } from "./TreeEl/Tree.js";
-const m = {
-  title: "Components/Tree",
-  component: i,
-  parameters: {
-    layout: "centered"
-  },
-  argTypes: {
-    data: { control: "object" },
-    onSelect: { action: "selected" },
-    defaultExpandedKeys: { control: "object" },
-    selectedKey: { control: "text" },
-    autoExpandParent: { control: "boolean" },
-    idKey: { control: "text" },
-    nameKey: { control: "text" },
-    typeKey: { control: "text" },
-    childrenKey: { control: "text" }
-  }
-}, o = (d) => /* @__PURE__ */ t(i, { ...d }), a = o.bind({});
-a.args = {
-  data: [
-    {
-      id: "1",
-      name: "Работа",
-      type: "folder",
-      modifiedAt: "05-02-2025 12:00",
-      size: "-",
-      branches: [
-        {
-          id: "1-1",
-          name: "Документы",
-          type: "folder",
-          modifiedAt: "05-02-2025 12:10",
-          size: "-",
-          branches: [
-            ...Array.from({ length: 50 }, (d, e) => ({
-              id: `1-1-${e}`,
-              name: `Файл ${e + 1}.docx`,
-              type: "file",
-              modifiedAt: "05-02-2025 13:00",
-              size: `${(Math.random() * 2 + 0.5).toFixed(2)} MB`,
-              fileType: "docx"
-            })),
-            {
-              id: "1-1-51",
-              name: "Проекты",
-              type: "folder",
-              modifiedAt: "05-02-2025 13:10",
-              size: "-",
-              branches: Array.from({ length: 20 }, (d, e) => ({
-                id: `1-1-51-${e}`,
-                name: `Проект_${e + 1}.pptx`,
-                type: "file",
-                modifiedAt: "05-02-2025 14:00",
-                size: `${(Math.random() * 5 + 1).toFixed(2)} MB`,
-                fileType: "pptx"
-              }))
-            },
-            {
-              id: "1-1-52",
-              name: "Исследования",
-              type: "folder",
-              modifiedAt: "05-02-2025 14:20",
-              size: "-",
-              branches: [
-                {
-                  id: "1-1-52-1",
-                  name: "2023",
-                  type: "folder",
-                  modifiedAt: "05-02-2025 14:30",
-                  size: "-",
-                  branches: Array.from({ length: 15 }, (d, e) => ({
-                    id: `1-1-52-1-${e}`,
-                    name: `Отчет_2023_${e + 1}.pdf`,
-                    type: "file",
-                    modifiedAt: "05-02-2025 15:00",
-                    size: `${(Math.random() * 3 + 1).toFixed(2)} MB`,
-                    fileType: "pdf"
-                  }))
-                },
-                {
-                  id: "1-1-52-2",
-                  name: "2024",
-                  type: "folder",
-                  modifiedAt: "05-02-2025 15:10",
-                  size: "-",
-                  branches: Array.from({ length: 15 }, (d, e) => ({
-                    id: `1-1-52-2-${e}`,
-                    name: `Отчет_2024_${e + 1}.pdf`,
-                    type: "file",
-                    modifiedAt: "05-02-2025 15:20",
-                    size: `${(Math.random() * 3 + 1).toFixed(2)} MB`,
-                    fileType: "pdf"
-                  }))
-                }
-              ]
-            }
-          ]
-        },
-        {
-          id: "1-2",
-          name: "Продажи",
-          type: "folder",
-          modifiedAt: "05-02-2025 12:20",
-          size: "-",
-          branches: [
-            ...Array.from({ length: 30 }, (d, e) => ({
-              id: `1-2-${e}`,
-              name: `Отчет_${e + 1}.xlsx`,
-              type: "file",
-              modifiedAt: "05-02-2025 13:40",
-              size: `${(Math.random() * 1.5 + 0.2).toFixed(2)} MB`,
-              fileType: "xlsx"
-            })),
-            {
-              id: "1-2-31",
-              name: "Контракты",
-              type: "folder",
-              modifiedAt: "05-02-2025 14:40",
-              size: "-",
-              branches: Array.from({ length: 10 }, (d, e) => ({
-                id: `1-2-31-${e}`,
-                name: `Контракт_${e + 1}.pdf`,
-                type: "file",
-                modifiedAt: "05-02-2025 15:50",
-                size: `${(Math.random() * 4 + 1).toFixed(2)} MB`,
-                fileType: "pdf"
-              }))
-            }
-          ]
-        }
-      ]
-    },
-    {
-      id: "2",
-      name: "Личное",
-      type: "folder",
-      modifiedAt: "05-02-2025 11:00",
-      size: "-",
-      branches: [
-        {
-          id: "2-1",
-          name: "Фото",
-          type: "folder",
-          modifiedAt: "05-02-2025 11:20",
-          size: "-",
-          branches: [
-            ...Array.from({ length: 20 }, (d, e) => ({
-              id: `2-1-${e}`,
-              name: `Фото_${e + 1}.jpg`,
-              type: "file",
-              modifiedAt: "05-02-2025 12:30",
-              size: `${(Math.random() * 5 + 1).toFixed(2)} MB`,
-              fileType: "jpg"
-            })),
-            {
-              id: "2-1-21",
-              name: "Путешествия",
-              type: "folder",
-              modifiedAt: "05-02-2025 13:50",
-              size: "-",
-              branches: [
-                {
-                  id: "2-1-21-1",
-                  name: "Италия",
-                  type: "folder",
-                  modifiedAt: "05-02-2025 14:00",
-                  size: "-",
-                  branches: Array.from({ length: 10 }, (d, e) => ({
-                    id: `2-1-21-1-${e}`,
-                    name: `Италия_${e + 1}.jpg`,
-                    type: "file",
-                    modifiedAt: "05-02-2025 14:10",
-                    size: `${(Math.random() * 5 + 1).toFixed(2)} MB`,
-                    fileType: "jpg"
-                  }))
-                },
-                {
-                  id: "2-1-21-2",
-                  name: "Япония",
-                  type: "folder",
-                  modifiedAt: "05-02-2025 14:20",
-                  size: "-",
-                  branches: Array.from({ length: 10 }, (d, e) => ({
-                    id: `2-1-21-2-${e}`,
-                    name: `Япония_${e + 1}.jpg`,
-                    type: "file",
-                    modifiedAt: "05-02-2025 14:30",
-                    size: `${(Math.random() * 5 + 1).toFixed(2)} MB`,
-                    fileType: "jpg"
-                  }))
-                }
-              ]
-            }
-          ]
-        },
-        {
-          id: "2-2",
-          name: "Видео",
-          type: "folder",
-          modifiedAt: "05-02-2025 12:40",
-          size: "-",
-          branches: [
-            ...Array.from({ length: 15 }, (d, e) => ({
-              id: `2-2-${e}`,
-              name: `Видео_${e + 1}.mp4`,
-              type: "file",
-              modifiedAt: "05-02-2025 14:50",
-              size: `${(Math.random() * 100 + 10).toFixed(2)} MB`,
-              fileType: "mp4"
-            })),
-            {
-              id: "2-2-16",
-              name: "Семейные Видео",
-              type: "folder",
-              modifiedAt: "05-02-2025 15:00",
-              size: "-",
-              branches: Array.from({ length: 10 }, (d, e) => ({
-                id: `2-2-16-${e}`,
-                name: `Семья_${e + 1}.mp4`,
-                type: "file",
-                modifiedAt: "05-02-2025 15:10",
-                size: `${(Math.random() * 50 + 5).toFixed(2)} MB`,
-                fileType: "mp4"
-              }))
-            }
-          ]
-        }
-      ]
-    }
-  ],
-  idKey: "id",
-  nameKey: "name",
-  typeKey: "type",
-  childrenKey: "branches"
-};
-export {
-  a as WithCustomKeys,
-  m as default
-};

package/dist/components/Ui/Tree/TreeEl/Tree.js

@@ -1,76 +0,0 @@
-import { jsx as I } from "react/jsx-runtime";
-import { useState as T, useEffect as _, useCallback as x } from "react";
-import { T as H } from "../../../../TreeList-Z1F3eQH6.js";
-import { c as J } from "../../../../index-2QXL0WYc.js";
-import '../../../../assets/Tree.css';const M = {
-  "tree-wrapper": "_tree-wrapper_1yvw0_1"
-}, U = ({
-  data: n = [],
-  childrenKey: p = "children",
-  idKey: t = "id",
-  // ключ по умолчанию
-  nameKey: i = "name",
-  // ключ по умолчанию
-  typeKey: f = "type",
-  // ключ по умолчанию
-  onSelect: r,
-  defaultExpandedKeys: N = [],
-  // открытые элементы
-  autoExpandParent: b = !1,
-  // Автоматически раскрывать родительские элементы
-  expandedKeys: o,
-  // Управление извне
-  onExpandedKeysChange: u,
-  // Колбэк для изменения expandedKeys
-  selectedKey: a,
-  isFetching: j,
-  isAllExpanded: w = !1,
-  wrapperTreeClassName: l = "",
-  TreeItemClassName: D = "",
-  TreeItemContentClassName: L = ""
-}) => {
-  const [q, c] = T(N), [z, e] = T(null), m = o !== void 0 ? o : q, B = a !== void 0 ? a : z;
-  _(() => {
-    a !== void 0 && e(a);
-  }, [a]), _(() => {
-    if (!w) return;
-    const s = A(n, t, f, p);
-    u ? u(s) : c(s);
-  }, [w]);
-  const E = x(
-    (s) => {
-      const v = m.includes(s) ? m.filter((G) => G !== s) : [...m, s];
-      u ? u(v) : c(v);
-    },
-    [m, u]
-  ), F = x(
-    (s) => {
-      const v = s[t];
-      a === void 0 && e(v), r == null || r(s);
-    },
-    [a, r, t]
-  );
-  return /* @__PURE__ */ I("div", { className: J(M["tree-wrapper"], l), children: n.map((s) => /* @__PURE__ */ I(
-    H,
-    {
-      node: s,
-      level: 0,
-      isFetching: j,
-      onSelect: F,
-      selectedKey: B,
-      childrenKey: p,
-      idKey: t,
-      nameKey: i,
-      typeKey: f,
-      expandedKeys: m,
-      onExpand: E,
-      autoExpandParent: b,
-      TreeItemClassName: D,
-      TreeItemContentClassName: L
-    },
-    s[t]
-  )) });
-}, A = (n, p, t, i) => n.reduce((f, r) => (r[t] === "directory" && (f.push(r[p]), r[i] && Array.isArray(r[i]) && f.push(...A(r[i], p, t, i))), f), []);
-export {
-  U as Tree
-};

package/dist/components/Ui/Tree/TreeEl/index.js

@@ -1,4 +0,0 @@
-import { Tree as o } from "./Tree.js";
-export {
-  o as Tree
-};

package/dist/components/Ui/Tree/TreeEl/tree-types.js

@@ -1 +0,0 @@
-

package/dist/components/Ui/Tree/TreeItem/TreeItem.js

@@ -1,9 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import "../../Icons/Icons.js";
-import { a as e } from "../../../../TreeList-Z1F3eQH6.js";
-import "../../Loader/Loader.js";
-import "../../../../index-2QXL0WYc.js";
-export {
-  e as default
-};

package/dist/components/Ui/Tree/TreeItem/treeItem-types.js

@@ -1 +0,0 @@
-

package/dist/components/Ui/Tree/TreeList/TreeList.js

@@ -1,5 +0,0 @@
-import "react/jsx-runtime";
-import { T as a } from "../../../../TreeList-Z1F3eQH6.js";
-export {
-  a as default
-};

package/dist/components/Ui/Tree/TreeList/treeList-types.js

@@ -1 +0,0 @@
-

package/dist/components/Ui/Tree/index.js

@@ -1,4 +0,0 @@
-import { Tree as o } from "./TreeEl/Tree.js";
-export {
-  o as Tree
-};

package/dist/components/Ui/Tree/types-tree.js

@@ -1 +0,0 @@
-