triafly-ui-kit 1.0.99 → 1.0.101

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

@@ -0,0 +1 @@
+.dropdown-search-input-container{position:relative;width:100%;display:flex;flex-direction:column;gap:8px;min-width:200px}.dropdown-search-input{display:flex;justify-content:space-between;align-items:center;padding:10.5px 8px;background-color:var(--color-bg-neutral-basic-default);border:1px solid var(--color-border-primary-default);border-radius:8px;cursor:pointer;min-height:40px;flex-direction:row}.dropdown-search-input:hover{box-shadow:inset 0 0 0 1px var(--color-border-primary-default)}.dropdown-search-input:focus{outline:none;border-color:var(--color-text-brand-default)}.dropdown-search-input--expanded{box-shadow:inset 0 0 0 1px var(--color-border-primary-default)}.dropdown-search-input--disabled{background-color:var(--color-bg-island-disabled);cursor:not-allowed;opacity:.5}.dropdown-search-input--error{border-color:var(--color-border-error-default)}.dropdown-search-input__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-search-input__indicators{display:flex;align-items:center;gap:8px}.dropdown-search-input__clear{background:none;border:none;font-size:18px;cursor:pointer;color:var(--color-border-primary-default);padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.dropdown-search-input__clear:hover{color:#333}.dropdown-search-input__caret{color:var(--color-border-primary-default);width:16px;height:16px}.dropdown-search-input-suggestions-portal{border:1px solid var(--color-border-primary-default);border-radius:8px;box-shadow:0 0 10px -2px var(--effectseffect-shadow-XL);padding:8px;background-color:var(--color-bg-neutral-basic-default);margin-top:-1px}.dropdown-search-input-suggestions-portal .text-input.clearable input{padding-right:0!important}.dropdown-search-input-suggestions-portal__input-search{width:100%}.dropdown-search-input-suggestions-list{list-style:none;margin:0;padding:0;max-height:250px;overflow-y:auto}.dropdown-search-input-suggestions-list__item{padding:8px;cursor:pointer;border-radius:6px}.dropdown-search-input-suggestions-list__item:hover{background-color:var(--color-bg-neutral-lightest-default)}.dropdown-search-input-suggestions-list__item:last-child{border-bottom:none}.dropdown-search-input-suggestions-list__item--selected{font-weight:600}.dropdown-search-input-suggestions-list__empty{padding:16px;text-align:center;color:var(--color-text-secondary-default);font-style:italic;cursor:default}.dropdown-search-input-suggestions-list__empty:hover{background-color:transparent;cursor:default}.dropdown-search-input__error-message{color:var(--color-text-error-default);font-size:12px;margin-top:4px}

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)}.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)}
+.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)}.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)}

package/dist/components/Ui/DropdownSearchInput/DropdownSearchInput.js

@@ -0,0 +1,135 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { createPortal as j } from "react-dom";
+import { useState as d, useRef as N, useEffect as f } from "react";
+import { getPortalContainer as z, releasePortal as V } from "../../../shared/utils/fn/portals.js";
+import { TextInput as U } from "../TextInput/TextInput.js";
+import { IconX as X, IconCaretUpDown as Y } from "../Icons/Icons.js";
+import '../../../assets/src/components/Ui/DropdownSearchInput/DropdownSearchInput.css';/* empty css                                                                      */
+const C = "dropdown-search-input-global-portal", q = ({
+  label: b,
+  placeholder: P = "Выберите опцию",
+  isDisabled: x = !1,
+  errorMessage: S = "",
+  hasError: k = !1,
+  className: R = "",
+  isClearable: $ = !0,
+  value: w = "",
+  onChange: i,
+  options: s = []
+}) => {
+  const [E, g] = d(""), [t, p] = d(null), [h, c] = d(s), [v, a] = d(!1), [L, D] = d(!1), l = N(null), u = N(null), I = N(null);
+  f(() => (u.current = z(C), () => V(C)), []), f(() => {
+    if (w) {
+      const e = s.find((n) => n.value === w);
+      e && p(e);
+    } else
+      p(null);
+  }, [w, s]), f(() => {
+    c(s);
+  }, [s]), f(() => {
+    const e = (n) => {
+      const o = l.current && !l.current.contains(n.target), _ = u.current && !u.current.contains(n.target);
+      o && _ && a(!1);
+    };
+    return document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, []);
+  const A = () => {
+    if (!x) {
+      if (!v && l.current) {
+        const e = l.current.getBoundingClientRect(), n = window.innerHeight - e.bottom;
+        D(n < 304 && e.top >= 304);
+      }
+      a(!0), g((t == null ? void 0 : t.value) ?? ""), t != null && t.label ? c([t]) : c(s), setTimeout(() => {
+        var e;
+        (e = I.current) == null || e.focus();
+      }, 0);
+    }
+  }, B = (e) => {
+    const n = e.target.value;
+    if (g(n), n.trim() === "")
+      c(s);
+    else {
+      const o = s.filter(
+        (_) => _.label.toLowerCase().includes(n.toLowerCase())
+      );
+      c(o);
+    }
+  }, y = (e) => {
+    p(e), i == null || i(e.value), a(!1), g("");
+  }, H = () => {
+    p(null), i == null || i(""), a(!1);
+  }, K = (e) => {
+    e.key === "Escape" ? a(!1) : e.key === "Enter" && h.length > 0 && y(h[0]);
+  }, T = () => {
+    if (!v || !l.current || !u.current)
+      return null;
+    const e = l.current.getBoundingClientRect(), n = {
+      position: "fixed",
+      width: e.width,
+      left: e.left,
+      maxHeight: "304px",
+      zIndex: 9999,
+      overflow: "auto"
+    };
+    return L ? n.bottom = `${window.innerHeight - e.top}px` : n.top = `${e.bottom}px`, j(
+      /* @__PURE__ */ m("div", { className: "dropdown-search-input-suggestions-portal", style: n, children: [
+        /* @__PURE__ */ r("div", { className: "dropdown-search-input-suggestions-portal__header", children: /* @__PURE__ */ r(
+          U,
+          {
+            ref: I,
+            placeholder: "Поиск...",
+            value: E,
+            onChange: B,
+            onKeyDown: K,
+            className: "dropdown-search-input-suggestions-portal__input-search sm",
+            isClearable: !0
+          }
+        ) }),
+        /* @__PURE__ */ r("ul", { className: "dropdown-search-input-suggestions-list", children: h.length === 0 ? /* @__PURE__ */ r("li", { className: "dropdown-search-input-suggestions-list__empty", children: "Нет результатов" }) : h.map((o) => /* @__PURE__ */ r(
+          "li",
+          {
+            className: `dropdown-search-input-suggestions-list__item ${(t == null ? void 0 : t.value) === o.value ? "dropdown-search-input-suggestions-list__item--selected" : ""}`,
+            onClick: () => y(o),
+            children: o.label
+          },
+          o.value
+        )) })
+      ] }),
+      u.current
+    );
+  };
+  return /* @__PURE__ */ m("div", { className: "dropdown-search-input-container", ref: l, children: [
+    b && /* @__PURE__ */ r("label", { children: b }),
+    /* @__PURE__ */ m(
+      "div",
+      {
+        className: `dropdown-search-input ${k ? "dropdown-search-input--error" : ""} ${x ? "dropdown-search-input--disabled" : ""} ${v && "dropdown-search-input--expanded"} ${R}`,
+        onClick: A,
+        children: [
+          /* @__PURE__ */ r("div", { className: "dropdown-search-input__value", children: t ? t.label : P }),
+          /* @__PURE__ */ m("div", { className: "dropdown-search-input__indicators", children: [
+            $ && t && /* @__PURE__ */ r(
+              "div",
+              {
+                className: "dropdown-search-input__clear",
+                onClick: (e) => {
+                  e.stopPropagation(), H();
+                },
+                children: /* @__PURE__ */ r(X, { size: 20 })
+              }
+            ),
+            !t && /* @__PURE__ */ r(Y, { className: "dropdown-search-input__indicators" })
+          ] })
+        ]
+      }
+    ),
+    T(),
+    k && S && /* @__PURE__ */ r("div", { className: "dropdown-search-input__error-message", children: S })
+  ] });
+};
+q.displayName = "DropdownSearchInput";
+export {
+  q as DropdownSearchInput
+};

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

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

package/dist/components/Ui/Form/FormItem/FormItem.js

@@ -1,129 +1,136 @@
-import { jsx as A } from "react/jsx-runtime";
-import d, { useContext as I, useMemo as b, useEffect as E, useCallback as f } from "react";
-import { FormContext as D } from "../FormContext/FormContext.js";
+import { jsx as k } from "react/jsx-runtime";
+import C, { useContext as A, useMemo as b, useEffect as D, useCallback as E } from "react";
+import { FormContext as f } from "../FormContext/FormContext.js";
 import { validateRule as R } from "../utils/fn.js";
 import { getChildType as x } from "./fn.js";
-const B = d.memo(
+const j = C.memo(
   ({
     name: o,
-    children: a,
+    children: e,
     rules: c,
-    label: C,
+    label: d,
     isDisabled: v,
     style: m,
     classNameItem: y
   }) => {
-    const e = I(D), [, F] = d.useReducer((t) => t + 1, 0), g = v || (e == null ? void 0 : e.disabled), u = b(() => Array.isArray(o) ? o : [o], [o]);
-    E(() => {
-      if (e)
-        return e.setFieldRules(u, c || []), e.subscribe(u, F);
-    }, [u, c, e]);
-    const s = e == null ? void 0 : e.getFieldValue(u), i = e == null ? void 0 : e.getFieldError(u), n = f(
+    const a = A(f), [, F] = C.useReducer((t) => t + 1, 0), g = v || (a == null ? void 0 : a.disabled), u = b(() => Array.isArray(o) ? o : [o], [o]);
+    D(() => {
+      if (a)
+        return a.setFieldRules(u, c || []), a.subscribe(u, F);
+    }, [u, c, a]);
+    const r = a == null ? void 0 : a.getFieldValue(u), p = a == null ? void 0 : a.getFieldError(u), n = E(
       (t) => {
-        if (!g && (e == null || e.setFieldValue(u, t), c)) {
-          const r = c.map((l) => R(l, t)).filter(Boolean);
-          e == null || e.setFieldError(u, r);
+        if (!g && (a == null || a.setFieldValue(u, t), c)) {
+          const s = c.map((i) => R(i, t)).filter(Boolean);
+          a == null || a.setFieldError(u, s);
         }
       },
       [u, c, g]
-    ), h = x(a), k = b(() => {
+    ), h = x(e), I = b(() => {
       const t = {
         name: u,
-        label: C,
+        label: d,
         isDisabled: g,
-        hasError: !!(i != null && i.length),
-        errorMessage: (i == null ? void 0 : i[0]) || a.props.errorMessage
+        hasError: !!(p != null && p.length),
+        errorMessage: (p == null ? void 0 : p[0]) || e.props.errorMessage
       };
       switch (h) {
         case "TextareaInput":
           return {
             ...t,
-            value: s || "",
+            value: r || "",
             onChange: n
           };
         case "DropdownInput":
           return {
             ...t,
-            value: s,
+            value: r,
             onChange: n
           };
         case "TextInput":
           return {
             ...t,
-            ...a.props,
-            value: s || "",
-            onChange: (r) => {
-              var l, p;
-              n(r.target.value), (p = (l = a.props).onChange) == null || p.call(l, r);
+            ...e.props,
+            value: r || "",
+            onChange: (s) => {
+              var i, l;
+              n(s.target.value), (l = (i = e.props).onChange) == null || l.call(i, s);
             }
           };
         case "NumberInput":
           return {
             ...t,
-            ...a.props,
-            value: s || Number(s) || "",
-            onChange: (r) => {
-              var l, p;
-              n(r.target.value), (p = (l = a.props).onChange) == null || p.call(l, r);
+            ...e.props,
+            value: r || Number(r) || "",
+            onChange: (s) => {
+              var i, l;
+              n(s.target.value), (l = (i = e.props).onChange) == null || l.call(i, s);
             }
           };
         case "ButtonsArray":
           return {
             ...t,
-            ...a.props,
-            tabs: a.props.tabs || [],
-            activeKey: s !== void 0 ? s : null,
-            onChange: (r) => n(r)
+            ...e.props,
+            tabs: e.props.tabs || [],
+            activeKey: r !== void 0 ? r : null,
+            onChange: (s) => n(s)
           };
         case "Checkbox":
           return {
             ...t,
-            isChecked: !!s,
-            onChange: (r) => n(r.target.checked)
+            isChecked: !!r,
+            onChange: (s) => n(s.target.checked)
           };
         case "Radio":
           return {
             ...t,
             radioId: `radio-${Array.isArray(o) ? o.join("-") : o}`,
-            value: a.props.value,
-            isChecked: s === a.props.value,
-            onChange: () => n(a.props.value)
+            value: e.props.value,
+            isChecked: r === e.props.value,
+            onChange: () => n(e.props.value)
           };
         case "SearchInput":
           return {
             ...t,
-            value: s,
+            value: r,
+            onChange: n
+          };
+        case "DropdownSearchInput":
+          return {
+            ...t,
+            ...e.props,
+            value: r,
             onChange: n
           };
         case "Switch":
           return {
             ...t,
-            isChecked: !!s,
-            onChange: (r) => n(r.target.checked)
+            isChecked: !!r,
+            onChange: (s) => n(s.target.checked)
           };
         case "FileUpload":
           return {
             ...t,
-            value: Array.isArray(s) ? s : [],
-            onChange: (r) => n(r)
+            value: Array.isArray(r) ? r : [],
+            onChange: (s) => n(s)
           };
         default:
-          return t;
+          return { ...t, ...e.props };
       }
     }, [
       u,
-      C,
-      i,
-      s,
+      d,
+      p,
+      r,
       h,
       n,
-      a.props.value,
+      e.props.value,
       g
     ]);
-    return /* @__PURE__ */ A("div", { className: y, style: m, children: d.cloneElement(a, k) });
+    return /* @__PURE__ */ k("div", { className: y, style: m, children: C.cloneElement(e, I) });
   },
-  (o, a) => o.name === a.name && o.rules === a.rules && o.label === a.label && o.isDisabled === a.isDisabled
+  (o, e) => o.name === e.name && o.rules === e.rules && o.label === e.label && o.isDisabled === e.isDisabled
 );
 export {
-  B as FormItem
+  j as FormItem
 };

package/dist/main.d.ts

@@ -173,7 +173,7 @@ export declare const DropdownInput: default_2.FC<DropdownInputProps>;
 
 declare type DropdownInputProps = {
     label?: string;
-    options: Option_2[];
+    options: Option_3[];
     value?: string | number;
     onChange?: (value: string) => void;
     name?: string;
@@ -193,6 +193,25 @@ declare type DropdownMenuProps = {
     iconTrigger?: default_2.ReactNode | string;
 };
 
+export declare const DropdownSearchInput: React.FC<DropdownSearchInputProps>;
+
+export declare type DropdownSearchInputProps = {
+    name?: string;
+    label?: string;
+    type?: string;
+    placeholder?: string;
+    id?: string;
+    isDisabled?: boolean;
+    isClearable?: boolean;
+    hasError?: boolean;
+    errorMessage?: string;
+    isLoading?: boolean;
+    className?: string;
+    options?: Option_2[];
+    value?: string;
+    onChange?: (value: string) => void;
+};
+
 declare type EditorFormat = "plain" | "json" | "yml" | "xml";
 
 declare type FieldPath = string | string[];
@@ -1080,12 +1099,18 @@ declare type Option_2 = {
     value: string;
     label: string;
 };
+export { Option_2 as Option }
 
 declare type Option_3 = {
     value: string;
     label: string;
 };
 
+declare type Option_4 = {
+    value: string;
+    label: string;
+};
+
 export declare const Pagination: React.FC<PaginationProps>;
 
 declare type PaginationProps = {
@@ -1132,7 +1157,7 @@ declare type SearchInputProps = {
     errorMessage?: string;
     isLoading?: boolean;
     className?: string;
-    options?: Option_3[];
+    options?: Option_4[];
     value?: string;
     onChange?: (value: string) => void;
 };

package/dist/main.js

@@ -7,10 +7,10 @@ import { DatePicker as x } from "./components/Ui/DatePicker/DatePicker.js";
 import { DateRangePicker as u } from "./components/Ui/DateRangePicker/DateRangePicker.js";
 import { Button as C } from "./components/Ui/Button/Button.js";
 import { ButtonsArray as w } from "./components/Ui/ButtonsArray/ButtonsArray.js";
-import { Checkbox as g } from "./components/Ui/Checkbox/Checkbox.js";
-import { CliTextareaInput as S } from "./components/Ui/CliTextareaInput/CliTextareaInput.js";
+import { Checkbox as T } from "./components/Ui/Checkbox/Checkbox.js";
+import { CliTextareaInput as k } from "./components/Ui/CliTextareaInput/CliTextareaInput.js";
 import "react";
-import { CustomLink as D } from "./components/Ui/CustomLink/CustomLink.js";
+import { CustomLink as A } from "./components/Ui/CustomLink/CustomLink.js";
 import { DropdownInput as P } from "./components/Ui/DropdownInput/DropdownInput.js";
 import { DropdownMenu as B } from "./components/Ui/DropdownMenu/DropdownMenu.js";
 import { FileUpload as U } from "./components/Ui/FileUpload/FileUpload.js";
@@ -27,13 +27,14 @@ import { TextInput as _ } from "./components/Ui/TextInput/TextInput.js";
 import { TextareaInput as oo } from "./components/Ui/TextareaInput/TextareaInput.js";
 import { Tooltip as no } from "./components/Ui/Tooltip/Tooltip.js";
 import { Tabs as co } from "./components/Ui/Tabs/Tabs.js";
-import { IconArrowBendUpRight as Io, IconArrowClockwise as ao, IconArrowDown as io, IconArrowLeft as po, IconArrowLineDown as lo, IconArrowLineLeft as mo, IconArrowLineRight as fo, IconArrowLineUp as xo, IconArrowRight as so, IconArrowUp as uo, IconArrowsOut as Co, IconArticle as ho, IconAt as wo, IconBellSimple as To, IconBookOpenText as go, IconCalendarBlank as ko, IconCaretDown as So, IconCaretLeft as Ao, IconCaretRight as Do, IconCaretUp as Lo, IconCaretUpDown as Po, IconChartPieSlice as yo, IconChatText as Bo, IconCheck as Fo, IconCheckCircle as Uo, IconChecks as Mo, IconCircleNotch as Ro, IconClickHouse as vo, IconCopy as Xo, IconCornersOut as bo, IconCsv as Ho, IconCube as No, IconDatabase as Eo, IconDotsNine as Go, IconDotsThreeVertical as Oo, IconExport as Qo, IconEye as Vo, IconEyeSlash as Wo, IconFile as zo, IconFiles as Jo, IconFloppyDisk as Yo, IconFolderSimple as jo, IconFolderSimpleX as qo, IconFunnel as Ko, IconGauge as Zo, IconGear as _o, IconGitBranchX as $o, IconGoogleDrive as or, IconHand as rr, IconHeadCircuit as nr, IconHouse as er, IconIcon as cr, IconInfo as tr, IconJoin as Ir, IconLanguage as ar, IconLink as ir, IconList as pr, IconLock as lr, IconLockOpen as mr, IconMariaDB as fr, IconMinus as xr, IconMongoDB as sr, IconMoon as ur, IconMySQL as dr, IconNavigationArrow as Cr, IconNotePencil as hr, IconPassword as wr, IconPen as Tr, IconPlay as gr, IconPlugsX as kr, IconPlus as Sr, IconPorsgteSQL as Ar, IconPresentationChart as Dr, IconQuestion as Lr, IconQuestionFullfilled as Pr, IconRedo as yr, IconRoleX as Br, IconSearch as Fr, IconSearchX as Ur, IconSelection as Mr, IconServer as Rr, IconSlidersHorizontal as vr, IconSticker as Xr, IconSun as br, IconThreeDot as Hr, IconTrash as Nr, IconTriangleDown as Er, IconTriangleUp as Gr, IconUndo as Or, IconUploadSimple as Qr, IconUser as Vr, IconUserX as Wr, IconWarningCircle as zr, IconWrench as Jr, IconX as Yr, IconYandexDisk as jr } from "./components/Ui/Icons/Icons.js";
+import { IconArrowBendUpRight as Io, IconArrowClockwise as ao, IconArrowDown as io, IconArrowLeft as po, IconArrowLineDown as lo, IconArrowLineLeft as mo, IconArrowLineRight as fo, IconArrowLineUp as xo, IconArrowRight as so, IconArrowUp as uo, IconArrowsOut as Co, IconArticle as ho, IconAt as wo, IconBellSimple as So, IconBookOpenText as To, IconCalendarBlank as go, IconCaretDown as ko, IconCaretLeft as Do, IconCaretRight as Ao, IconCaretUp as Lo, IconCaretUpDown as Po, IconChartPieSlice as yo, IconChatText as Bo, IconCheck as Fo, IconCheckCircle as Uo, IconChecks as Mo, IconCircleNotch as Ro, IconClickHouse as vo, IconCopy as Xo, IconCornersOut as bo, IconCsv as Ho, IconCube as No, IconDatabase as Eo, IconDotsNine as Go, IconDotsThreeVertical as Oo, IconExport as Qo, IconEye as Vo, IconEyeSlash as Wo, IconFile as zo, IconFiles as Jo, IconFloppyDisk as Yo, IconFolderSimple as jo, IconFolderSimpleX as qo, IconFunnel as Ko, IconGauge as Zo, IconGear as _o, IconGitBranchX as $o, IconGoogleDrive as or, IconHand as rr, IconHeadCircuit as nr, IconHouse as er, IconIcon as cr, IconInfo as tr, IconJoin as Ir, IconLanguage as ar, IconLink as ir, IconList as pr, IconLock as lr, IconLockOpen as mr, IconMariaDB as fr, IconMinus as xr, IconMongoDB as sr, IconMoon as ur, IconMySQL as dr, IconNavigationArrow as Cr, IconNotePencil as hr, IconPassword as wr, IconPen as Sr, IconPlay as Tr, IconPlugsX as gr, IconPlus as kr, IconPorsgteSQL as Dr, IconPresentationChart as Ar, IconQuestion as Lr, IconQuestionFullfilled as Pr, IconRedo as yr, IconRoleX as Br, IconSearch as Fr, IconSearchX as Ur, IconSelection as Mr, IconServer as Rr, IconSlidersHorizontal as vr, IconSticker as Xr, IconSun as br, IconThreeDot as Hr, IconTrash as Nr, IconTriangleDown as Er, IconTriangleUp as Gr, IconUndo as Or, IconUploadSimple as Qr, IconUser as Vr, IconUserX as Wr, IconWarningCircle as zr, IconWrench as Jr, IconX as Yr, IconYandexDisk as jr } from "./components/Ui/Icons/Icons.js";
 import { ToastProvider as Kr, useToast as Zr } from "./context/ToastContext/ToastContext.js";
 import { TriaflyContext as $r, TriaflyProvider as on, useTriafly as rn } from "./context/TriaflyContext/TriaflyProvider.js";
 import { useBreakpointValueTriafly as en } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
 import { useThemeLogic as tn } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
 import { useModalState as an } from "./context/TriaflyContext/hooks/useModal/useModal.js";
 import { NumberInput as ln } from "./components/Ui/NumberInput/NumberInput.js";
+import { DropdownSearchInput as fn } from "./components/Ui/DropdownSearchInput/DropdownSearchInput.js";
 export {
   e as Accordeon,
   t as Alert,
@@ -41,13 +42,14 @@ export {
   m as Badge,
   C as Button,
   w as ButtonsArray,
-  g as Checkbox,
-  S as CliTextareaInput,
-  D as CustomLink,
+  T as Checkbox,
+  k as CliTextareaInput,
+  A as CustomLink,
   x as DatePicker,
   u as DateRangePicker,
   P as DropdownInput,
   B as DropdownMenu,
+  fn as DropdownSearchInput,
   U as FileUpload,
   R as Form,
   X as FormValidationError,
@@ -64,12 +66,12 @@ export {
   Co as IconArrowsOut,
   ho as IconArticle,
   wo as IconAt,
-  To as IconBellSimple,
-  go as IconBookOpenText,
-  ko as IconCalendarBlank,
-  So as IconCaretDown,
-  Ao as IconCaretLeft,
-  Do as IconCaretRight,
+  So as IconBellSimple,
+  To as IconBookOpenText,
+  go as IconCalendarBlank,
+  ko as IconCaretDown,
+  Do as IconCaretLeft,
+  Ao as IconCaretRight,
   Lo as IconCaretUp,
   Po as IconCaretUpDown,
   yo as IconChartPieSlice,
@@ -118,12 +120,12 @@ export {
   Cr as IconNavigationArrow,
   hr as IconNotePencil,
   wr as IconPassword,
-  Tr as IconPen,
-  gr as IconPlay,
-  kr as IconPlugsX,
-  Sr as IconPlus,
-  Ar as IconPorsgteSQL,
-  Dr as IconPresentationChart,
+  Sr as IconPen,
+  Tr as IconPlay,
+  gr as IconPlugsX,
+  kr as IconPlus,
+  Dr as IconPorsgteSQL,
+  Ar as IconPresentationChart,
   Lr as IconQuestion,
   Pr as IconQuestionFullfilled,
   yr as IconRedo,

package/package.json

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