triafly-ui-kit 1.0.92 → 1.0.94

package/dist/assets/src/components/Ui/SearchInput/SearchInput.css

@@ -1 +1 @@
-.search-input{border:1px solid var(--color-border-primary-default);border-radius:22px;margin:0 12px 0 0}.search-input:focus-within{border:2px solid var(--color-border-primary-default);margin:0 11px 0 -1px}.search-input:focus-within .text-input .input-container input{margin:-1px}.search-input .text-input .input-container input{border:none}.search-input .text-input .input-container input:focus{outline:none}.search-input__label{margin:0 0 8px}.search-input .guess-box{padding:0 12px 12px}.search-input .guess-box ul{border-top:1px solid var(--color-border-primary-default);padding:12px 0 0}.search-input .guess-box ul li{min-height:36px;display:flex;align-items:center;padding:0 8px;cursor:pointer}.search-input .guess-box ul li:hover{background-color:var(--color-bg-innerisland-default)}.dropdown-input-test{position:relative}.dropdown-input-test .caret{display:none;fill:var(--color-icon-secondary-default);position:absolute;bottom:9px;right:10px}.dropdown-input-test .input-box{position:relative;cursor:pointer;display:flex;justify-content:space-between;align-items:center;outline:none;background-color:var(--color-bg-neutral-basic-default)}.dropdown-input-test .input-box.disabled{background-color:var(--color-bg-island-disabled);pointer-events:none}.dropdown-input-test .input-box.invalid{border-color:var(--color-border-error-default)}.dropdown-input-test .input-box.invalid>span{color:var(--color-border-error-default)}.dropdown-input-test .input-box.invalid svg *{fill:var(--color-border-error-default)}.dropdown-input-test .input-box .placeholder{color:var(--color-text-secondary-default)}.dropdown-input-test .options{position:absolute;top:100%;bottom:auto;left:1%;right:1%;max-height:304px;overflow-y:auto;overflow-x:hidden;background-color:var(--color-bg-neutral-basic-default);border-radius:8px;border:1px solid var(--color-border-primary-default);margin:1px -1px 0;z-index:21}.dropdown-input-test .options.above{bottom:calc(100% + 1px);top:auto}.dropdown-input-test .options li{padding:0 8px;min-height:36px;cursor:pointer;display:flex;align-items:center}.dropdown-input-test .options li:hover,.dropdown-input-test .options li.dropdown-input__option--selected{background-color:var(--color-bg-neutral-lightest-default)}.search-input-container{position:relative;display:inline-block;width:100%}.search-input-container .caret{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:1;fill:var(--color-icon-secondary-default)}.suggestions-portal{background-color:var(--color-bg-neutral-basic-default);border-radius:8px;border:1px solid var(--color-border-primary-default);box-shadow:0 2px 8px #00000026;overflow-y:auto}.suggestions-portal .suggestions-list{list-style:none;padding:0;margin:0}.suggestions-portal .suggestions-list li{padding:8px 12px;min-height:36px;cursor:pointer;display:flex;align-items:center;overflow-wrap:anywhere}.suggestions-portal .suggestions-list li:hover{background-color:var(--color-bg-neutral-lightest-default)}
+.search-input{border:1px solid var(--color-border-primary-default);border-radius:22px;margin:0 12px 0 0}.search-input:focus-within{border:2px solid var(--color-border-primary-default);margin:0 11px 0 -1px}.search-input:focus-within .text-input .input-container input{margin:-1px}.search-input .text-input .input-container input{border:none}.search-input .text-input .input-container input:focus{outline:none}.search-input__label{margin:0 0 8px}.search-input .guess-box{padding:0 12px 12px}.search-input .guess-box ul{border-top:1px solid var(--color-border-primary-default);padding:12px 0 0}.search-input .guess-box ul li{min-height:36px;display:flex;align-items:center;padding:0 8px;cursor:pointer}.search-input .guess-box ul li:hover{background-color:var(--color-bg-innerisland-default)}.dropdown-input-test{position:relative}.dropdown-input-test .caret{display:none;fill:var(--color-icon-secondary-default);position:absolute;bottom:9px;right:10px}.dropdown-input-test .input-box{position:relative;cursor:pointer;display:flex;justify-content:space-between;align-items:center;outline:none;background-color:var(--color-bg-neutral-basic-default)}.dropdown-input-test .input-box.disabled{background-color:var(--color-bg-island-disabled);pointer-events:none}.dropdown-input-test .input-box.invalid{border-color:var(--color-border-error-default)}.dropdown-input-test .input-box.invalid>span{color:var(--color-border-error-default)}.dropdown-input-test .input-box.invalid svg *{fill:var(--color-border-error-default)}.dropdown-input-test .input-box .placeholder{color:var(--color-text-secondary-default)}.dropdown-input-test .options{position:absolute;top:100%;bottom:auto;left:1%;right:1%;max-height:304px;overflow-y:auto;overflow-x:hidden;background-color:var(--color-bg-neutral-basic-default);border-radius:8px;border:1px solid var(--color-border-primary-default);margin:1px -1px 0;z-index:21}.dropdown-input-test .options.above{bottom:calc(100% + 1px);top:auto}.dropdown-input-test .options li{padding:0 8px;min-height:36px;cursor:pointer;display:flex;align-items:center}.dropdown-input-test .options li:hover,.dropdown-input-test .options li.dropdown-input__option--selected{background-color:var(--color-bg-neutral-lightest-default)}.search-input-container{position:relative;display:inline-block;width:100%}.search-input-container .caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:1;fill:var(--color-icon-secondary-default)}.suggestions-portal{background-color:var(--color-bg-neutral-basic-default);border-radius:8px;border:1px solid var(--color-border-primary-default);box-shadow:0 2px 8px #00000026;overflow-y:auto}.suggestions-portal .suggestions-list{list-style:none;padding:0;margin:0}.suggestions-portal .suggestions-list li{padding:8px 12px;min-height:36px;cursor:pointer;display:flex;align-items:center;overflow-wrap:anywhere}.suggestions-portal .suggestions-list li:hover{background-color:var(--color-bg-neutral-lightest-default)}

package/dist/assets/src/components/Ui/Toast/Toast.css

@@ -0,0 +1 @@
+.toast{background-color:var(--color-bg-neutral-basic-inversed);color:var(--color-text-primary-inversed);font-size:16px;padding:16px 20px;display:inline-flex;position:fixed;bottom:10px;right:10px;border-radius:8px}.toast.lg{padding:20px 24px}

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

@@ -0,0 +1,104 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Alert as o } from "./Alert.js";
+import "react";
+import '../../../assets/src/components/Ui/Tabs/Tabs.css';import '../../../assets/src/components/Ui/Tooltip/Tooltip.css';import '../../../assets/src/components/Ui/Switch/Switch.css';import '../../../assets/src/components/Ui/Skeleton/Skeleton.css';import '../../../assets/src/components/Ui/SearchInput/SearchInput.css';import '../../../assets/src/components/Ui/Radio/Radio.css';import '../../../assets/src/components/Ui/Pagination/Pagination.css';import '../../../assets/src/components/Ui/Form/FormRoot/Form.css';import '../../../assets/src/components/Ui/DropdownMenu/DropdownMenu.css';import '../../../assets/src/components/Ui/DropdownInput/DropdownInput.css';import '../../../assets/src/components/Ui/CustomLink/CustomLink.css';import '../../../assets/src/components/Ui/Checkbox/Checkbox.css';import '../../../assets/src/components/Ui/DatePicker/DatePicker.css';import '../../../assets/src/components/Ui/Loader/Loader.css';import '../../../assets/src/components/Ui/Button/Button.css';import '../../../assets/src/components/Ui/ModalWindow/ModalWindow.css';import '../../../assets/src/components/Ui/Avatar/Avatar.css';import '../../../assets/src/components/Ui/Alert/Alert.css';import '../../../assets/src/components/Ui/Accordeon/Accordeon.css';/* empty css                                                             */
+/* empty css                                                     */
+/* empty css                                                       */
+import "react-dom";
+/* empty css                                                                 */
+/* empty css                                                       */
+import "react-router-dom";
+import { IconCheck as r, IconWarningCircle as i } from "../../../dist/components/Ui/Icons/Icons.js";
+/* empty css                                                       */
+import "../../../dist/_virtual/index.js";
+/* empty css                                                               */
+import "../../../dist/components/Ui/DateRangePicker/DateRangePicker.js";
+import "../../../dist/components/Ui/ButtonsArray/ButtonsArray.js";
+/* empty css                                                           */
+import "../../../dist/components/Ui/CliTextareaInput/CliTextareaInput.js";
+/* empty css                                                               */
+/* empty css                                                                     */
+/* empty css                                                                   */
+import "../../../dist/components/Ui/FileUpload/FileUpload.js";
+/* empty css                                                            */
+import "../../../dist/components/Ui/Form/FormContext/FormContext.js";
+import "../../../dist/components/Ui/Form/FormItem/FormItem.js";
+import "../../../dist/_virtual/react-paginate.js";
+/* empty css                                                               */
+/* empty css                                                     */
+/* empty css                                                                 */
+import "../../../dist/components/Ui/TextInput/TextInput.js";
+/* empty css                                                           */
+/* empty css                                                       */
+import "../../../dist/components/Ui/Table/Table.js";
+import "../../../dist/components/Ui/TextareaInput/TextareaInput.js";
+/* empty css                                                         */
+/* empty css                                                   */
+import "../../../dist/context/ToastContext/ToastContext.js";
+import "../../../dist/context/TriaflyContext/TriaflyProvider.js";
+import "../../../dist/context/TriaflyContext/hooks/useTheme/useTheme.js";
+import "../../../dist/components/Ui/NumberInput/NumberInput.js";
+const N = {
+  title: "UIKit/Alert",
+  component: o,
+  parameters: {
+    layout: "centered"
+  },
+  argTypes: {
+    status: {
+      control: "select",
+      options: ["success", "error", "warning"]
+    },
+    isMultiline: {
+      control: "boolean"
+    },
+    isOpen: {
+      control: "boolean"
+    }
+  }
+}, P = {
+  args: {
+    text: "Это уведомление по умолчанию",
+    status: "success",
+    isOpen: !0,
+    isMultiline: !1
+  }
+}, Q = {
+  args: {
+    text: "Операция выполнена успешно!",
+    icon: /* @__PURE__ */ t(r, {}),
+    status: "success",
+    isOpen: !0,
+    isMultiline: !1
+  }
+}, R = {
+  args: {
+    text: "Произошла ошибка!",
+    icon: /* @__PURE__ */ t(i, {}),
+    status: "error",
+    isOpen: !0,
+    isMultiline: !1
+  }
+}, V = {
+  args: {
+    text: "Это очень длинное сообщение, которое должно занимать несколько строк и переноситься на новую строку автоматически",
+    icon: /* @__PURE__ */ t(r, {}),
+    status: "success",
+    isOpen: !0,
+    isMultiline: !0
+  }
+}, X = {
+  args: {
+    text: "Этот Alert не виден",
+    status: "success",
+    isOpen: !1
+  }
+};
+export {
+  X as Closed,
+  P as Default,
+  R as Error,
+  V as Multiline,
+  Q as Success,
+  N as default
+};

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

@@ -0,0 +1,184 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { Badge as r } from "./Badge.js";
+import "react";
+import '../../../assets/src/components/Ui/Tabs/Tabs.css';import '../../../assets/src/components/Ui/Tooltip/Tooltip.css';import '../../../assets/src/components/Ui/Switch/Switch.css';import '../../../assets/src/components/Ui/Skeleton/Skeleton.css';import '../../../assets/src/components/Ui/SearchInput/SearchInput.css';import '../../../assets/src/components/Ui/Radio/Radio.css';import '../../../assets/src/components/Ui/Pagination/Pagination.css';import '../../../assets/src/components/Ui/Form/FormRoot/Form.css';import '../../../assets/src/components/Ui/DropdownMenu/DropdownMenu.css';import '../../../assets/src/components/Ui/DropdownInput/DropdownInput.css';import '../../../assets/src/components/Ui/CustomLink/CustomLink.css';import '../../../assets/src/components/Ui/Checkbox/Checkbox.css';import '../../../assets/src/components/Ui/DatePicker/DatePicker.css';import '../../../assets/src/components/Ui/Loader/Loader.css';import '../../../assets/src/components/Ui/Button/Button.css';import '../../../assets/src/components/Ui/ModalWindow/ModalWindow.css';import '../../../assets/src/components/Ui/Avatar/Avatar.css';import '../../../assets/src/components/Ui/Alert/Alert.css';import '../../../assets/src/components/Ui/Accordeon/Accordeon.css';/* empty css                                                             */
+/* empty css                                                     */
+/* empty css                                                       */
+import "react-dom";
+/* empty css                                                                 */
+/* empty css                                                       */
+import "react-router-dom";
+import { IconCheck as i, IconX as o, IconInfo as a } from "../../../dist/components/Ui/Icons/Icons.js";
+/* empty css                                                       */
+import "../../../dist/_virtual/index.js";
+/* empty css                                                               */
+import "../../../dist/components/Ui/DateRangePicker/DateRangePicker.js";
+import "../../../dist/components/Ui/ButtonsArray/ButtonsArray.js";
+/* empty css                                                           */
+import "../../../dist/components/Ui/CliTextareaInput/CliTextareaInput.js";
+/* empty css                                                               */
+/* empty css                                                                     */
+/* empty css                                                                   */
+import "../../../dist/components/Ui/FileUpload/FileUpload.js";
+/* empty css                                                            */
+import "../../../dist/components/Ui/Form/FormContext/FormContext.js";
+import "../../../dist/components/Ui/Form/FormItem/FormItem.js";
+import "../../../dist/_virtual/react-paginate.js";
+/* empty css                                                               */
+/* empty css                                                     */
+/* empty css                                                                 */
+import "../../../dist/components/Ui/TextInput/TextInput.js";
+/* empty css                                                           */
+/* empty css                                                       */
+import "../../../dist/components/Ui/Table/Table.js";
+import "../../../dist/components/Ui/TextareaInput/TextareaInput.js";
+/* empty css                                                         */
+/* empty css                                                   */
+import "../../../dist/context/ToastContext/ToastContext.js";
+import "../../../dist/context/TriaflyContext/TriaflyProvider.js";
+import "../../../dist/context/TriaflyContext/hooks/useTheme/useTheme.js";
+import "../../../dist/components/Ui/NumberInput/NumberInput.js";
+const H = {
+  title: "UIKit/Badge",
+  component: r,
+  parameters: {
+    layout: "centered"
+  },
+  argTypes: {
+    variant: {
+      control: "select",
+      options: ["outline", "solid", "subtle"]
+    },
+    status: {
+      control: "select",
+      options: ["default", "success", "warning", "error", "active", "blocked", "done", "loading"]
+    },
+    isClickable: {
+      control: "boolean"
+    },
+    borderRadius: {
+      control: "text"
+    }
+  }
+}, J = {
+  args: {
+    children: "Default Badge",
+    status: "default",
+    variant: "outline"
+  }
+}, N = {
+  args: {
+    children: "Success",
+    status: "success",
+    variant: "solid"
+  }
+}, Q = {
+  args: {
+    children: "Error",
+    status: "error",
+    variant: "solid"
+  }
+}, Y = {
+  args: {
+    children: "Warning",
+    status: "warning",
+    variant: "solid"
+  }
+}, Z = {
+  args: {
+    children: "Active",
+    status: "active",
+    variant: "solid"
+  }
+}, _ = {
+  args: {
+    children: "With Icon",
+    status: "success",
+    variant: "outline",
+    iconLeft: /* @__PURE__ */ t(i, {})
+  }
+}, $ = {
+  args: {
+    children: "With Icon",
+    status: "error",
+    variant: "outline",
+    iconRight: /* @__PURE__ */ t(o, {})
+  }
+}, tt = {
+  args: {
+    children: "Click Me",
+    status: "success",
+    variant: "outline",
+    isClickable: !0,
+    onClick: () => console.log("Badge clicked!")
+  }
+}, rt = {
+  args: {
+    children: "Outline",
+    variant: "outline",
+    status: "success"
+  }
+}, it = {
+  args: {
+    children: "Solid",
+    variant: "solid",
+    status: "success"
+  }
+}, st = {
+  args: {
+    children: "Subtle",
+    variant: "subtle",
+    status: "success"
+  }
+}, ot = {
+  args: {
+    children: "Rounded",
+    status: "default",
+    variant: "outline",
+    borderRadius: "20px"
+  }
+}, at = {
+  args: {
+    children: "Pill Badge",
+    status: "success",
+    variant: "solid",
+    borderRadius: "9999px"
+  }
+}, et = {
+  args: {
+    children: "Complete Badge",
+    status: "success",
+    variant: "solid",
+    iconLeft: /* @__PURE__ */ t(i, {}),
+    iconRight: /* @__PURE__ */ t(a, {}),
+    isClickable: !0,
+    borderRadius: "8px",
+    onClick: () => alert("Badge clicked!")
+  }
+}, nt = {
+  render: () => /* @__PURE__ */ s("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: [
+    /* @__PURE__ */ t(r, { status: "success", children: "Success" }),
+    /* @__PURE__ */ t(r, { status: "error", children: "Error" }),
+    /* @__PURE__ */ t(r, { status: "warning", children: "Warning" }),
+    /* @__PURE__ */ t(r, { status: "active", children: "Active" }),
+    /* @__PURE__ */ t(r, { status: "default", children: "Default" })
+  ] })
+};
+export {
+  Z as Active,
+  nt as BadgeGroup,
+  tt as Clickable,
+  et as CompleteExample,
+  ot as CustomBorderRadius,
+  J as Default,
+  Q as Error,
+  rt as OutlineVariant,
+  at as PillShape,
+  it as SolidVariant,
+  st as SubtleVariant,
+  N as Success,
+  Y as Warning,
+  _ as WithLeftIcon,
+  $ as WithRightIcon,
+  H as default
+};

package/dist/components/Ui/Toast/Toast.js

@@ -0,0 +1,23 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useState as i, useEffect as p } from "react";
+import '../../../assets/src/components/Ui/Toast/Toast.css';/* empty css                                          */
+const v = ({
+  message: f,
+  duration: e = 4e3,
+  onClose: t,
+  isVisible: r = !1,
+  className: a = ""
+}) => {
+  const [c, m] = i(r);
+  return p(() => {
+    if (m(r), r) {
+      const u = setTimeout(() => {
+        m(!1), t == null || t();
+      }, e);
+      return () => clearTimeout(u);
+    }
+  }, [r, e, t]), c ? /* @__PURE__ */ s("div", { className: `toast ${a}`, children: f }) : null;
+};
+export {
+  v as Toast
+};

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

@@ -0,0 +1,41 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { Toast as s } from "./Toast.js";
+import { useToast as n } from "./useToast.js";
+const l = ({ message: o }) => {
+  const { toastVisible: e, showToast: r, hideToast: i } = n();
+  return /* @__PURE__ */ a("div", { style: { padding: "20px" }, children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        onClick: () => r(o),
+        style: {
+          padding: "10px 20px",
+          backgroundColor: "#007bff",
+          color: "white",
+          border: "none",
+          borderRadius: "4px",
+          cursor: "pointer"
+        },
+        children: "Показать Toast"
+      }
+    ),
+    /* @__PURE__ */ t(s, { message: o, isVisible: e, onClose: i })
+  ] });
+}, b = {
+  title: "UIKit/Toast",
+  component: s,
+  parameters: {
+    layout: "fullscreen"
+  }
+}, c = (o) => /* @__PURE__ */ t(s, { ...o }), d = c.bind({});
+d.args = {
+  message: "Привет! Это стандартное сообщение",
+  isVisible: !0
+};
+const p = () => /* @__PURE__ */ t(l, { message: "Интерактивная демонстрация Toast!" });
+p.storyName = "Интерактивная демонстрация";
+export {
+  d as Default,
+  p as InteractiveDemo,
+  b as default
+};

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

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

package/dist/components/Ui/Toast/useToast.js

@@ -0,0 +1,17 @@
+import { useState as t, useCallback as e } from "react";
+const u = () => {
+  const [o, s] = t(!1), [a, c] = t(""), i = e((n) => {
+    c(n), s(!0);
+  }, []), l = e(() => {
+    s(!1);
+  }, []);
+  return {
+    toastVisible: o,
+    toastMessage: a,
+    showToast: i,
+    hideToast: l
+  };
+};
+export {
+  u as useToast
+};

package/dist/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,6 @@
+function o(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as getDefaultExportFromCjs
+};

package/dist/dist/_virtual/dayjs.min.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as t } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/dayjs/dayjs.min.js";
+var o = r();
+const s = /* @__PURE__ */ t(o);
+export {
+  s as default
+};

package/dist/dist/_virtual/dayjs.min2.js

@@ -0,0 +1,4 @@
+var a = { exports: {} };
+export {
+  a as __module
+};

package/dist/dist/_virtual/index.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/classnames/index.js";
+var o = t();
+const m = /* @__PURE__ */ r(o);
+export {
+  m as default
+};

package/dist/dist/_virtual/index2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/dist/_virtual/papaparse.min.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/papaparse/papaparse.min.js";
+var e = t();
+const m = /* @__PURE__ */ r(e);
+export {
+  m as default
+};

package/dist/dist/_virtual/papaparse.min2.js

@@ -0,0 +1,4 @@
+var a = { exports: {} };
+export {
+  a as __module
+};

package/dist/dist/_virtual/react-paginate.js

@@ -0,0 +1,2 @@
+import { __require as r } from "../node_modules/react-paginate/dist/react-paginate.js";
+r();

package/dist/dist/_virtual/react-paginate2.js

@@ -0,0 +1,4 @@
+var a = { exports: {} };
+export {
+  a as __module
+};

package/dist/dist/_virtual/ru.js

@@ -0,0 +1,2 @@
+import { __require as r } from "../node_modules/dayjs/locale/ru.js";
+r();

package/dist/dist/_virtual/ru2.js

@@ -0,0 +1,4 @@
+var r = { exports: {} };
+export {
+  r as __module
+};

package/dist/dist/components/Ui/Button/Button.js

@@ -0,0 +1,50 @@
+import { jsxs as N, jsx as i } from "react/jsx-runtime";
+import '../../../../assets/src/components/Ui/Button/Button.css';/* empty css                                                  */
+import { useNavigate as g } from "react-router-dom";
+import { Loader as u } from "../Loader/Loader.js";
+const c = () => /* @__PURE__ */ i("svg", { className: "arrow", width: "12", height: "10", fill: "none", children: /* @__PURE__ */ i(
+  "path",
+  {
+    d: "M11.9999 5c0 .13261-.0527.25979-.1464.35356-.0938.09376-.221.14644-.3536.14644H1.70678l3.64688 3.64625c.04645.04646.0833.10161.10844.1623.02514.0607.03808.12576.03808.19145 0 .0657-.01294.13075-.03808.19145-.02514.0607-.06199.11585-.10844.1623-.04646.04646-.10161.08331-.16231.10845-.06069.02514-.12575.0381-.19144.0381-.0657 0-.13076-.01296-.19145-.0381-.0607-.02514-.11585-.06199-.16231-.10845l-4.499995-4.5c-.0464882-.04643-.0833677-.10158-.1085298-.16228C.012463 5.13077-.00048828 5.06571-.00048828 5c0-.0657.01295128-.13077.03811348-.19147.0251621-.0607.0620416-.11584.1085298-.16228L4.64615.146253c.09382-.09382.22107-.14652766.35376-.14652766.13268 0 .25993.05270766.35375.14652766.09382.093821.14652.221068.14652.35375 0 .132682-.0527.25993-.14652.35375L1.70678 4.5h9.79312c.1326 0 .2598.05268.3536.14645.0937.09377.1464.22094.1464.35355Z",
+    fill: "#fff"
+  }
+) }), j = ({
+  label: t,
+  style: r,
+  onClick: l,
+  isDisabled: d,
+  title: m,
+  className: b = "",
+  isLoading: a,
+  navigation: e,
+  type: h = "button",
+  icon: s,
+  iconTail: n,
+  to: o
+}) => {
+  const p = g(), f = () => {
+    l && l(), o && p(`${o}`);
+  };
+  return /* @__PURE__ */ N(
+    "button",
+    {
+      style: r,
+      className: `btn ${b} ${a ? "loading" : ""}`,
+      title: m,
+      onClick: f,
+      disabled: d,
+      type: h,
+      children: [
+        s && /* @__PURE__ */ i("div", { className: "icon", children: s }),
+        e === "back" && /* @__PURE__ */ i(c, {}),
+        t && /* @__PURE__ */ i("span", { className: "btn-label", children: t }),
+        a && /* @__PURE__ */ i(u, {}),
+        n && /* @__PURE__ */ i("div", { className: "icon-tail", children: n }),
+        e === "next" && /* @__PURE__ */ i(c, {})
+      ]
+    }
+  );
+};
+export {
+  j as Button
+};

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

@@ -0,0 +1,41 @@
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import { forwardRef as h, useState as y, useEffect as v } from "react";
+import '../../../../assets/src/components/Ui/ButtonsArray/ButtonsArray.css';/* empty css                                                              */
+const k = h(
+  ({ tabs: a, label: r, onChange: o, activeKey: s, labelInline: c, isDisabled: d, errorMessage: i, hasError: b }, u) => {
+    const [p, n] = y(s ?? a[0].key);
+    v(() => {
+      s != null ? n(s) : n(a[0].key);
+    }, [s]);
+    const m = (e, t) => {
+      e.stopPropagation(), e.preventDefault(), n(t), o && o(t);
+    };
+    return a.length === 0 ? null : /* @__PURE__ */ f(
+      "div",
+      {
+        className: `buttons
+            ${c && "inline"}
+           ${b && "invalid"}`,
+        ref: u,
+        children: [
+          r && /* @__PURE__ */ l("span", { className: "buttons-label", children: r }),
+          /* @__PURE__ */ l("div", { className: "buttons-bar", children: a.map((e) => /* @__PURE__ */ l(
+            "button",
+            {
+              disabled: d || e.disabled,
+              onClick: (t) => m(t, e.key),
+              className: `button ${e.key === p ? "active" : ""} status-${e.status}`,
+              children: e.label
+            },
+            e.key
+          )) }),
+          i && /* @__PURE__ */ l("span", { className: "helper-text", children: i })
+        ]
+      }
+    );
+  }
+);
+k.displayName = "ButtonsArray";
+export {
+  k as ButtonsArray
+};