triafly-ui-kit 1.0.14 → 1.0.16

package/dist/assets/ButtonsArray.css

@@ -0,0 +1 @@
+.buttons .buttons-bar{display:flex}.buttons .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}.buttons .button:not(:last-of-type){border-right:0 solid}.buttons .button:first-of-type{border-radius:8px 0 0 8px}.buttons .button:last-of-type{border-radius:0 8px 8px 0}.buttons .button:hover{background:#ddd}.buttons .button.active{background:var(--color-bg-neutral-light-default);font-weight:600}

package/dist/assets/Tabs.css

@@ -1 +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}
+.tabs .tabs-bar{display:flex}.tabs .tab-button{padding:0 8px 4px;display:flex;justify-content:center;align-items:center;border:none;border-bottom:1px solid var(--color-border-primary-default);background-color:transparent;cursor:pointer}.tabs .tab-button:first-of-type{padding:0 8px 4px 0}.tabs .tab-button:last-of-type{padding:0 0 4px 8px}.tabs .tab-button:hover,.tabs .tab-button.active{color:var(--color-border-brand-default);border-bottom:1px solid var(--color-border-brand-default)}.tabs .tab-button.disabled{pointer-events:none}

package/dist/components/Ui/ButtonsArray/ButtonsArray.js

@@ -0,0 +1,20 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import { useState as r } from "react";
+import '../../../assets/ButtonsArray.css';const m = ({ buttonsArray: e }) => {
+  const [a, c] = r(0);
+  return /* @__PURE__ */ o("div", { className: "buttons", children: [
+    /* @__PURE__ */ s("div", { className: "buttons-bar", children: e.map((n, t) => /* @__PURE__ */ s(
+      "button",
+      {
+        onClick: () => c(t),
+        className: `button ${t === a ? "active" : ""}`,
+        children: n.label
+      },
+      t
+    )) }),
+    /* @__PURE__ */ s("div", { className: "buttons-content", children: e[a].content })
+  ] });
+};
+export {
+  m as ButtonsArray
+};

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

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

package/dist/main.d.ts

@@ -56,6 +56,11 @@ declare type BreakpointValuesTriafly<T> = {
 
 export declare const Button: default_2.FC<ButtonProps>;
 
+declare interface Button_2 {
+    label: string;
+    content: React.ReactNode;
+}
+
 declare type ButtonProps = {
     style?: default_2.CSSProperties;
     label?: string;
@@ -71,6 +76,12 @@ declare type ButtonProps = {
     iconTail?: ReactElement;
 };
 
+export declare const ButtonsArray: React.FC<ButtonsArrayProps>;
+
+export declare interface ButtonsArrayProps {
+    buttonsArray: Button_2[];
+}
+
 export declare const Checkbox: React.FC<CheckboxProps>;
 
 declare type CheckboxProps = {

package/dist/main.js

@@ -3,156 +3,158 @@ import { Alert as I } from "./components/Ui/Alert/Alert.js";
 import { Avatar as i } from "./components/Ui/Avatar/Avatar.js";
 import { Badge as p } from "./components/Ui/Badge/Badge.js";
 import { Button as f } from "./components/Ui/Button/Button.js";
-import { Checkbox as x } from "./components/Ui/Checkbox/Checkbox.js";
-import { CliTextareaInput as u } from "./components/Ui/CliTextareaInput/CliTextareaInput.js";
+import { ButtonsArray as x } from "./components/Ui/ButtonsArray/ButtonsArray.js";
+import { Checkbox as u } from "./components/Ui/Checkbox/Checkbox.js";
+import { CliTextareaInput as d } from "./components/Ui/CliTextareaInput/CliTextareaInput.js";
 import "react";
-import { CustomLink as d } from "./components/Ui/CustomLink/CustomLink.js";
-import { DropdownInput as w } from "./components/Ui/DropdownInput/DropdownInput.js";
-import { DropdownMenu as T } from "./components/Ui/DropdownMenu/DropdownMenu.js";
-import { FileUpload as A } from "./components/Ui/FileUpload/FileUpload.js";
-import { Form as k } from "./components/Ui/Form/FormRoot/FormRoot.js";
-import { useForm as P } from "./components/Ui/Form/useForm/useForm.js";
-import { Loader as y } from "./components/Ui/Loader/Loader.js";
-import { Pagination as B } from "./components/Ui/Pagination/Pagination.js";
-import { Radio as M } from "./components/Ui/Radio/Radio.js";
-import { SearchInput as X } from "./components/Ui/SearchInput/SearchInput.js";
-import { Skeleton as H } from "./components/Ui/Skeleton/Skeleton.js";
-import { Switch as O } from "./components/Ui/Switch/Switch.js";
-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 { 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";
-import { useBreakpointValueTriafly as Jn } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
-import { useThemeLogic as jn } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
-import { useModalState as Kn } from "./context/TriaflyContext/hooks/useModal/useModal.js";
+import { CustomLink as w } from "./components/Ui/CustomLink/CustomLink.js";
+import { DropdownInput as T } from "./components/Ui/DropdownInput/DropdownInput.js";
+import { DropdownMenu as A } from "./components/Ui/DropdownMenu/DropdownMenu.js";
+import { FileUpload as k } from "./components/Ui/FileUpload/FileUpload.js";
+import { Form as P } from "./components/Ui/Form/FormRoot/FormRoot.js";
+import { useForm as U } from "./components/Ui/Form/useForm/useForm.js";
+import { Loader as F } from "./components/Ui/Loader/Loader.js";
+import { Pagination as M } from "./components/Ui/Pagination/Pagination.js";
+import { Radio as X } from "./components/Ui/Radio/Radio.js";
+import { SearchInput as H } from "./components/Ui/SearchInput/SearchInput.js";
+import { Skeleton as O } from "./components/Ui/Skeleton/Skeleton.js";
+import { Switch as E } from "./components/Ui/Switch/Switch.js";
+import { Table as V } from "./components/Ui/Table/Table.js";
+import { TextInput as z } from "./components/Ui/TextInput/TextInput.js";
+import { TextareaInput as Y } from "./components/Ui/TextareaInput/TextareaInput.js";
+import { Tooltip as q } from "./components/Ui/Tooltip/Tooltip.js";
+import { Tabs as Z } from "./components/Ui/Tabs/Tabs.js";
+import { IconArrowBendUpRight as $, IconArrowClockwise as oo, IconArrowDown as no, IconArrowLeft as ro, IconArrowLineDown as eo, IconArrowLineLeft as co, IconArrowLineRight as Io, IconArrowLineUp as to, IconArrowRight as io, IconArrowUp as ao, IconArrowsOut as po, IconArticle as lo, IconAt as fo, IconBellSimple as mo, IconBookOpenText as xo, IconCalendarBlank as so, IconCaretDown as uo, IconCaretLeft as Co, IconCaretRight as ho, IconCaretUp as wo, IconCaretUpDown as So, IconChartPieSlice as To, IconChatText as go, IconCheck as Ao, IconCheckCircle as Lo, IconChecks as ko, IconCircleNotch as Do, IconCopy as Po, IconCornersOut as yo, IconCsv as Uo, IconCube as Bo, IconDatabase as Fo, IconDotsNine as vo, IconDotsThreeVertical as Mo, IconExport as Ro, IconEye as Xo, IconEyeSlash as bo, IconFile as Ho, IconFiles as No, IconFloppyDisk as Oo, IconFolderSimple as Qo, IconFolderSimpleX as Eo, IconFunnel as Go, IconGauge as Vo, IconGear as Wo, IconGoogleDrive as zo, IconHand as Jo, IconHeadCircuit as Yo, IconHouse as jo, IconIcon as qo, IconInfo as Ko, IconJoin as Zo, IconLanguage as _o, IconLink as $o, IconList as on, IconLock as nn, IconLockOpen as rn, IconMariaDB as en, IconMinus as cn, IconMongoDB as In, IconMoon as tn, IconMySQL as an, IconNavigationArrow as pn, IconNotePencil as ln, IconPassword as fn, IconPen as mn, IconPlay as xn, IconPlugsX as sn, IconPlus as un, IconPorsgteSQL as Cn, IconPresentationChart as dn, IconQuestion as hn, IconQuestionFullfilled as wn, IconRedo as Sn, IconRoleX as Tn, IconSearch as gn, IconSearchX as An, IconSelection as Ln, IconServer as kn, IconSlidersHorizontal as Dn, IconSticker as Pn, IconSun as yn, IconThreeDot as Un, IconTrash as Bn, IconTriangleDown as Fn, IconTriangleUp as vn, IconUndo as Mn, IconUploadSimple as Rn, IconUser as Xn, IconUserX as bn, IconWarningCircle as Hn, IconWrench as Nn, IconX as On, IconYandexDisk as Qn } from "./components/Ui/Icons/Icons.js";
+import { ToastProvider as Gn } from "./context/ToastContext/ToastContext.js";
+import { TriaflyContext as Wn, TriaflyProvider as zn, useTriafly as Jn } from "./context/TriaflyContext/TriaflyProvider.js";
+import { useBreakpointValueTriafly as jn } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
+import { useThemeLogic as Kn } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
+import { useModalState as _n } from "./context/TriaflyContext/hooks/useModal/useModal.js";
 export {
   e as Accordeon,
   I as Alert,
   i as Avatar,
   p as Badge,
   f as Button,
-  x as Checkbox,
-  u as CliTextareaInput,
-  d as CustomLink,
-  w as DropdownInput,
-  T as DropdownMenu,
-  A as FileUpload,
-  k as Form,
-  Z as IconArrowBendUpRight,
-  _ as IconArrowClockwise,
-  $ as IconArrowDown,
-  oo as IconArrowLeft,
-  no as IconArrowLineDown,
-  ro as IconArrowLineLeft,
-  eo as IconArrowLineRight,
-  co as IconArrowLineUp,
-  Io as IconArrowRight,
-  to as IconArrowUp,
-  io as IconArrowsOut,
-  ao as IconArticle,
-  po as IconAt,
-  lo as IconBellSimple,
-  fo as IconBookOpenText,
-  mo as IconCalendarBlank,
-  xo as IconCaretDown,
-  so as IconCaretLeft,
-  uo as IconCaretRight,
-  Co as IconCaretUp,
-  ho as IconCaretUpDown,
-  wo as IconChartPieSlice,
-  So as IconChatText,
-  To as IconCheck,
-  go as IconCheckCircle,
-  Ao as IconChecks,
-  Lo as IconCircleNotch,
-  ko as IconCopy,
-  Do as IconCornersOut,
-  Po as IconCsv,
-  Uo as IconCube,
-  yo as IconDatabase,
-  Fo as IconDotsNine,
-  Bo as IconDotsThreeVertical,
-  vo as IconExport,
-  Mo as IconEye,
-  Ro as IconEyeSlash,
-  Xo as IconFile,
-  bo as IconFiles,
-  Ho as IconFloppyDisk,
-  No as IconFolderSimple,
-  Oo as IconFolderSimpleX,
-  Qo as IconFunnel,
-  Eo as IconGauge,
-  Go as IconGear,
-  Vo as IconGoogleDrive,
-  Wo as IconHand,
-  zo as IconHeadCircuit,
-  Jo as IconHouse,
-  Yo as IconIcon,
-  jo as IconInfo,
-  qo as IconJoin,
-  Ko as IconLanguage,
-  Zo as IconLink,
-  _o as IconList,
-  $o as IconLock,
-  on as IconLockOpen,
-  nn as IconMariaDB,
-  rn as IconMinus,
-  en as IconMongoDB,
-  cn as IconMoon,
-  In as IconMySQL,
-  tn as IconNavigationArrow,
-  an as IconNotePencil,
-  pn as IconPassword,
-  ln as IconPen,
-  fn as IconPlay,
-  mn as IconPlugsX,
-  xn as IconPlus,
-  sn as IconPorsgteSQL,
-  un as IconPresentationChart,
-  Cn as IconQuestion,
-  dn as IconQuestionFullfilled,
-  hn as IconRedo,
-  wn as IconRoleX,
-  Sn as IconSearch,
-  Tn as IconSearchX,
-  gn as IconSelection,
-  An as IconServer,
-  Ln as IconSlidersHorizontal,
-  kn as IconSticker,
-  Dn as IconSun,
-  Pn as IconThreeDot,
-  Un as IconTrash,
-  yn as IconTriangleDown,
-  Fn as IconTriangleUp,
-  Bn as IconUndo,
-  vn as IconUploadSimple,
-  Mn as IconUser,
-  Rn as IconUserX,
-  Xn as IconWarningCircle,
-  bn as IconWrench,
-  Hn as IconX,
-  Nn as IconYandexDisk,
-  y as Loader,
-  B as Pagination,
-  M as Radio,
-  X as SearchInput,
-  H as Skeleton,
-  O as Switch,
-  E as Table,
-  q as Tabs,
-  V as TextInput,
-  z as TextareaInput,
-  Qn as ToastProvider,
-  Y as Tooltip,
-  Gn as TriaflyContext,
-  Vn as TriaflyProvider,
-  Jn as useBreakpointValueTriafly,
-  P as useForm,
-  Kn as useModalState,
-  jn as useThemeLogic,
-  Wn as useTriafly
+  x as ButtonsArray,
+  u as Checkbox,
+  d as CliTextareaInput,
+  w as CustomLink,
+  T as DropdownInput,
+  A as DropdownMenu,
+  k as FileUpload,
+  P as Form,
+  $ as IconArrowBendUpRight,
+  oo as IconArrowClockwise,
+  no as IconArrowDown,
+  ro as IconArrowLeft,
+  eo as IconArrowLineDown,
+  co as IconArrowLineLeft,
+  Io as IconArrowLineRight,
+  to as IconArrowLineUp,
+  io as IconArrowRight,
+  ao as IconArrowUp,
+  po as IconArrowsOut,
+  lo as IconArticle,
+  fo as IconAt,
+  mo as IconBellSimple,
+  xo as IconBookOpenText,
+  so as IconCalendarBlank,
+  uo as IconCaretDown,
+  Co as IconCaretLeft,
+  ho as IconCaretRight,
+  wo as IconCaretUp,
+  So as IconCaretUpDown,
+  To as IconChartPieSlice,
+  go as IconChatText,
+  Ao as IconCheck,
+  Lo as IconCheckCircle,
+  ko as IconChecks,
+  Do as IconCircleNotch,
+  Po as IconCopy,
+  yo as IconCornersOut,
+  Uo as IconCsv,
+  Bo as IconCube,
+  Fo as IconDatabase,
+  vo as IconDotsNine,
+  Mo as IconDotsThreeVertical,
+  Ro as IconExport,
+  Xo as IconEye,
+  bo as IconEyeSlash,
+  Ho as IconFile,
+  No as IconFiles,
+  Oo as IconFloppyDisk,
+  Qo as IconFolderSimple,
+  Eo as IconFolderSimpleX,
+  Go as IconFunnel,
+  Vo as IconGauge,
+  Wo as IconGear,
+  zo as IconGoogleDrive,
+  Jo as IconHand,
+  Yo as IconHeadCircuit,
+  jo as IconHouse,
+  qo as IconIcon,
+  Ko as IconInfo,
+  Zo as IconJoin,
+  _o as IconLanguage,
+  $o as IconLink,
+  on as IconList,
+  nn as IconLock,
+  rn as IconLockOpen,
+  en as IconMariaDB,
+  cn as IconMinus,
+  In as IconMongoDB,
+  tn as IconMoon,
+  an as IconMySQL,
+  pn as IconNavigationArrow,
+  ln as IconNotePencil,
+  fn as IconPassword,
+  mn as IconPen,
+  xn as IconPlay,
+  sn as IconPlugsX,
+  un as IconPlus,
+  Cn as IconPorsgteSQL,
+  dn as IconPresentationChart,
+  hn as IconQuestion,
+  wn as IconQuestionFullfilled,
+  Sn as IconRedo,
+  Tn as IconRoleX,
+  gn as IconSearch,
+  An as IconSearchX,
+  Ln as IconSelection,
+  kn as IconServer,
+  Dn as IconSlidersHorizontal,
+  Pn as IconSticker,
+  yn as IconSun,
+  Un as IconThreeDot,
+  Bn as IconTrash,
+  Fn as IconTriangleDown,
+  vn as IconTriangleUp,
+  Mn as IconUndo,
+  Rn as IconUploadSimple,
+  Xn as IconUser,
+  bn as IconUserX,
+  Hn as IconWarningCircle,
+  Nn as IconWrench,
+  On as IconX,
+  Qn as IconYandexDisk,
+  F as Loader,
+  M as Pagination,
+  X as Radio,
+  H as SearchInput,
+  O as Skeleton,
+  E as Switch,
+  V as Table,
+  Z as Tabs,
+  z as TextInput,
+  Y as TextareaInput,
+  Gn as ToastProvider,
+  q as Tooltip,
+  Wn as TriaflyContext,
+  zn as TriaflyProvider,
+  jn as useBreakpointValueTriafly,
+  U as useForm,
+  _n as useModalState,
+  Kn as useThemeLogic,
+  Jn as useTriafly
 };

package/package.json

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