konsolpro-custom-ui 0.0.327

package/dist/lib/ui/accordion.js

@@ -0,0 +1,474 @@
+var Ae = Object.defineProperty, he = Object.defineProperties;
+var xe = Object.getOwnPropertyDescriptors;
+var E = Object.getOwnPropertySymbols;
+var Q = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
+var J = (e, r, o) => r in e ? Ae(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, s = (e, r) => {
+  for (var o in r || (r = {}))
+    Q.call(r, o) && J(e, o, r[o]);
+  if (E)
+    for (var o of E(r))
+      W.call(r, o) && J(e, o, r[o]);
+  return e;
+}, f = (e, r) => he(e, xe(r));
+var u = (e, r) => {
+  var o = {};
+  for (var t in e)
+    Q.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && E)
+    for (var t of E(e))
+      r.indexOf(t) < 0 && W.call(e, t) && (o[t] = e[t]);
+  return o;
+};
+import { jsx as c, jsxs as Ie } from "react/jsx-runtime";
+import * as b from "react";
+import C from "react";
+import { c as X } from "../../chunks/index-E4d_Gd-w.js";
+import { a as Re } from "../../chunks/index-I8P2QgPV.js";
+import { u as Z } from "../../chunks/index-DLcqcWxM.js";
+import { c as ee } from "../../chunks/index-DLeNytVF.js";
+import { u as B } from "../../chunks/index-DYfkNB0n.js";
+import { P as y } from "../../chunks/index-BJD1rYeT.js";
+import { u as _e } from "../../chunks/index-DuekHEmj.js";
+import { P as we } from "../../chunks/index-PsqJG3fE.js";
+import { u as oe } from "../../chunks/index-1Er1dKQf.js";
+import { u as Ne } from "../../chunks/index-ByaXH_ih.js";
+import { B as Pe } from "../../chunks/uploader-BN38rjbw.js";
+import { c as S } from "../../chunks/utils-TbLXCoKm.js";
+import "../icon/icons.js";
+import "../icon-banks/icons-banks.js";
+import "../icon-documents/icons-document.js";
+import "./command.js";
+import "../../chunks/popover-kFSgc5Lv.js";
+import "./avatar.js";
+import "./card.js";
+import "./checkbox.js";
+import "../../chunks/combobox-primitive-context-B_ldR_VA.js";
+import "./combobox-primitive/components/combobox-container.js";
+import "./combobox-primitive/components/combobox-input.js";
+import "./combobox-primitive/components/combobox-item-renderer.js";
+import "./combobox-primitive/components/combobox-menu.js";
+import "./combobox-primitive/components/Item.js";
+import "./combobox-primitive/components/item-view.js";
+import "./combobox-primitive/components/list.js";
+import "./customizable-carousel.js";
+import "./date-range-picker/locales.js";
+import "./dialog/dialog-base/use-base-dialog.js";
+import "./link.js";
+import "./segments.js";
+import "./spinner.js";
+import "./switch.js";
+import "./tabs.js";
+import "./tag.js";
+import "./toaster.js";
+import "../../chunks/tooltip-BxRtZLBR.js";
+var O = "Collapsible", [ye, te] = X(O), [Ee, G] = ye(O), re = b.forwardRef(
+  (e, r) => {
+    const g = e, {
+      __scopeCollapsible: o,
+      open: t,
+      defaultOpen: a,
+      disabled: n,
+      onOpenChange: i
+    } = g, l = u(g, [
+      "__scopeCollapsible",
+      "open",
+      "defaultOpen",
+      "disabled",
+      "onOpenChange"
+    ]), [p, m] = B({
+      prop: t,
+      defaultProp: a != null ? a : !1,
+      onChange: i,
+      caller: O
+    });
+    return /* @__PURE__ */ c(
+      Ee,
+      {
+        scope: o,
+        disabled: n,
+        contentId: oe(),
+        open: p,
+        onOpenToggle: b.useCallback(() => m((v) => !v), [m]),
+        children: /* @__PURE__ */ c(
+          y.div,
+          f(s({
+            "data-state": V(p),
+            "data-disabled": n ? "" : void 0
+          }, l), {
+            ref: r
+          })
+        )
+      }
+    );
+  }
+);
+re.displayName = O;
+var ne = "CollapsibleTrigger", ae = b.forwardRef(
+  (e, r) => {
+    const n = e, { __scopeCollapsible: o } = n, t = u(n, ["__scopeCollapsible"]), a = G(ne, o);
+    return /* @__PURE__ */ c(
+      y.button,
+      f(s({
+        type: "button",
+        "aria-controls": a.contentId,
+        "aria-expanded": a.open || !1,
+        "data-state": V(a.open),
+        "data-disabled": a.disabled ? "" : void 0,
+        disabled: a.disabled
+      }, t), {
+        ref: r,
+        onClick: ee(e.onClick, a.onOpenToggle)
+      })
+    );
+  }
+);
+ae.displayName = ne;
+var K = "CollapsibleContent", ie = b.forwardRef(
+  (e, r) => {
+    const n = e, { forceMount: o } = n, t = u(n, ["forceMount"]), a = G(K, e.__scopeCollapsible);
+    return /* @__PURE__ */ c(we, { present: o || a.open, children: ({ present: i }) => /* @__PURE__ */ c(Se, f(s({}, t), { ref: r, present: i })) });
+  }
+);
+ie.displayName = K;
+var Se = b.forwardRef((e, r) => {
+  const P = e, { __scopeCollapsible: o, present: t, children: a } = P, n = u(P, ["__scopeCollapsible", "present", "children"]), i = G(K, o), [l, p] = b.useState(t), m = b.useRef(null), g = Z(r, m), v = b.useRef(0), h = v.current, I = b.useRef(0), R = I.current, N = i.open || l, _ = b.useRef(N), x = b.useRef(void 0);
+  return b.useEffect(() => {
+    const d = requestAnimationFrame(() => _.current = !1);
+    return () => cancelAnimationFrame(d);
+  }, []), _e(() => {
+    const d = m.current;
+    if (d) {
+      x.current = x.current || {
+        transitionDuration: d.style.transitionDuration,
+        animationName: d.style.animationName
+      }, d.style.transitionDuration = "0s", d.style.animationName = "none";
+      const w = d.getBoundingClientRect();
+      v.current = w.height, I.current = w.width, _.current || (d.style.transitionDuration = x.current.transitionDuration, d.style.animationName = x.current.animationName), p(t);
+    }
+  }, [i.open, t]), /* @__PURE__ */ c(
+    y.div,
+    f(s({
+      "data-state": V(i.open),
+      "data-disabled": i.disabled ? "" : void 0,
+      id: i.contentId,
+      hidden: !N
+    }, n), {
+      ref: g,
+      style: s({
+        "--radix-collapsible-content-height": h ? `${h}px` : void 0,
+        "--radix-collapsible-content-width": R ? `${R}px` : void 0
+      }, e.style),
+      children: N && a
+    })
+  );
+});
+function V(e) {
+  return e ? "open" : "closed";
+}
+var De = re, Oe = ae, Te = ie, A = "Accordion", ke = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [j, Me, $e] = Re(A), [T, Ho] = X(A, [
+  $e,
+  te
+]), F = te(), ce = C.forwardRef(
+  (e, r) => {
+    const i = e, { type: o } = i, t = u(i, ["type"]), a = t, n = t;
+    return /* @__PURE__ */ c(j.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ c(Be, f(s({}, n), { ref: r })) : /* @__PURE__ */ c(ze, f(s({}, a), { ref: r })) });
+  }
+);
+ce.displayName = A;
+var [se, He] = T(A), [le, Le] = T(
+  A,
+  { collapsible: !1 }
+), ze = C.forwardRef(
+  (e, r) => {
+    const m = e, {
+      value: o,
+      defaultValue: t,
+      onValueChange: a = () => {
+      },
+      collapsible: n = !1
+    } = m, i = u(m, [
+      "value",
+      "defaultValue",
+      "onValueChange",
+      "collapsible"
+    ]), [l, p] = B({
+      prop: o,
+      defaultProp: t != null ? t : "",
+      onChange: a,
+      caller: A
+    });
+    return /* @__PURE__ */ c(
+      se,
+      {
+        scope: e.__scopeAccordion,
+        value: C.useMemo(() => l ? [l] : [], [l]),
+        onItemOpen: p,
+        onItemClose: C.useCallback(() => n && p(""), [n, p]),
+        children: /* @__PURE__ */ c(le, { scope: e.__scopeAccordion, collapsible: n, children: /* @__PURE__ */ c(de, f(s({}, i), { ref: r })) })
+      }
+    );
+  }
+), Be = C.forwardRef((e, r) => {
+  const g = e, {
+    value: o,
+    defaultValue: t,
+    onValueChange: a = () => {
+    }
+  } = g, n = u(g, [
+    "value",
+    "defaultValue",
+    "onValueChange"
+  ]), [i, l] = B({
+    prop: o,
+    defaultProp: t != null ? t : [],
+    onChange: a,
+    caller: A
+  }), p = C.useCallback(
+    (v) => l((h = []) => [...h, v]),
+    [l]
+  ), m = C.useCallback(
+    (v) => l((h = []) => h.filter((I) => I !== v)),
+    [l]
+  );
+  return /* @__PURE__ */ c(
+    se,
+    {
+      scope: e.__scopeAccordion,
+      value: i,
+      onItemOpen: p,
+      onItemClose: m,
+      children: /* @__PURE__ */ c(le, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ c(de, f(s({}, n), { ref: r })) })
+    }
+  );
+}), [Ge, k] = T(A), de = C.forwardRef(
+  (e, r) => {
+    const I = e, { __scopeAccordion: o, disabled: t, dir: a, orientation: n = "vertical" } = I, i = u(I, ["__scopeAccordion", "disabled", "dir", "orientation"]), l = C.useRef(null), p = Z(l, r), m = Me(o), v = Ne(a) === "ltr", h = ee(e.onKeyDown, (R) => {
+      var q;
+      if (!ke.includes(R.key)) return;
+      const N = R.target, _ = m().filter((L) => {
+        var Y;
+        return !((Y = L.ref.current) != null && Y.disabled);
+      }), x = _.findIndex((L) => L.ref.current === N), P = _.length;
+      if (x === -1) return;
+      R.preventDefault();
+      let d = x;
+      const w = 0, M = P - 1, $ = () => {
+        d = x + 1, d > M && (d = w);
+      }, H = () => {
+        d = x - 1, d < w && (d = M);
+      };
+      switch (R.key) {
+        case "Home":
+          d = w;
+          break;
+        case "End":
+          d = M;
+          break;
+        case "ArrowRight":
+          n === "horizontal" && (v ? $() : H());
+          break;
+        case "ArrowDown":
+          n === "vertical" && $();
+          break;
+        case "ArrowLeft":
+          n === "horizontal" && (v ? H() : $());
+          break;
+        case "ArrowUp":
+          n === "vertical" && H();
+          break;
+      }
+      const ge = d % P;
+      (q = _[ge].ref.current) == null || q.focus();
+    });
+    return /* @__PURE__ */ c(
+      Ge,
+      {
+        scope: o,
+        disabled: t,
+        direction: a,
+        orientation: n,
+        children: /* @__PURE__ */ c(j.Slot, { scope: o, children: /* @__PURE__ */ c(
+          y.div,
+          f(s({}, i), {
+            "data-orientation": n,
+            ref: p,
+            onKeyDown: t ? void 0 : h
+          })
+        ) })
+      }
+    );
+  }
+), D = "AccordionItem", [Ke, U] = T(D), pe = C.forwardRef(
+  (e, r) => {
+    const v = e, { __scopeAccordion: o, value: t } = v, a = u(v, ["__scopeAccordion", "value"]), n = k(D, o), i = He(D, o), l = F(o), p = oe(), m = t && i.value.includes(t) || !1, g = n.disabled || e.disabled;
+    return /* @__PURE__ */ c(
+      Ke,
+      {
+        scope: o,
+        open: m,
+        disabled: g,
+        triggerId: p,
+        children: /* @__PURE__ */ c(
+          De,
+          f(s(s({
+            "data-orientation": n.orientation,
+            "data-state": be(m)
+          }, l), a), {
+            ref: r,
+            disabled: g,
+            open: m,
+            onOpenChange: (h) => {
+              h ? i.onItemOpen(t) : i.onItemClose(t);
+            }
+          })
+        )
+      }
+    );
+  }
+);
+pe.displayName = D;
+var me = "AccordionHeader", ue = C.forwardRef(
+  (e, r) => {
+    const i = e, { __scopeAccordion: o } = i, t = u(i, ["__scopeAccordion"]), a = k(A, o), n = U(me, o);
+    return /* @__PURE__ */ c(
+      y.h3,
+      f(s({
+        "data-orientation": a.orientation,
+        "data-state": be(n.open),
+        "data-disabled": n.disabled ? "" : void 0
+      }, t), {
+        ref: r
+      })
+    );
+  }
+);
+ue.displayName = me;
+var z = "AccordionTrigger", fe = C.forwardRef(
+  (e, r) => {
+    const p = e, { __scopeAccordion: o } = p, t = u(p, ["__scopeAccordion"]), a = k(A, o), n = U(z, o), i = Le(z, o), l = F(o);
+    return /* @__PURE__ */ c(j.ItemSlot, { scope: o, children: /* @__PURE__ */ c(
+      Oe,
+      f(s(s({
+        "aria-disabled": n.open && !i.collapsible || void 0,
+        "data-orientation": a.orientation,
+        id: n.triggerId
+      }, l), t), {
+        ref: r
+      })
+    ) });
+  }
+);
+fe.displayName = z;
+var ve = "AccordionContent", Ce = C.forwardRef(
+  (e, r) => {
+    const l = e, { __scopeAccordion: o } = l, t = u(l, ["__scopeAccordion"]), a = k(A, o), n = U(ve, o), i = F(o);
+    return /* @__PURE__ */ c(
+      Te,
+      f(s(s({
+        role: "region",
+        "aria-labelledby": n.triggerId,
+        "data-orientation": a.orientation
+      }, i), t), {
+        ref: r,
+        style: s({
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)"
+        }, e.style)
+      })
+    );
+  }
+);
+Ce.displayName = ve;
+function be(e) {
+  return e ? "open" : "closed";
+}
+var Ve = ce, je = pe, Fe = ue, Ue = fe, qe = Ce;
+function Lo(r) {
+  var e = u(r, []);
+  return /* @__PURE__ */ c(Ve, s({ "data-slot": "accordion" }, e));
+}
+function zo(o) {
+  var t = o, {
+    className: e
+  } = t, r = u(t, [
+    "className"
+  ]);
+  return /* @__PURE__ */ c(
+    je,
+    s({
+      "data-slot": "accordion-item",
+      className: S("border-b last:border-b-0", e)
+    }, r)
+  );
+}
+function Bo(n) {
+  var i = n, {
+    className: e,
+    children: r,
+    buttonProps: o,
+    visibleButton: t = !0
+  } = i, a = u(i, [
+    "className",
+    "children",
+    "buttonProps",
+    "visibleButton"
+  ]);
+  const m = o != null ? o : {}, { className: l } = m, p = u(m, ["className"]);
+  return /* @__PURE__ */ c(Fe, { className: "flex w-full", children: /* @__PURE__ */ Ie(
+    Ue,
+    f(s({
+      "data-slot": "accordion-trigger",
+      className: S(
+        "border-border bg-transparent",
+        "flex flex-1 items-center justify-between gap-4 rounded-md border-0",
+        "py-4 text-left font-medium transition-all outline-none",
+        "[&[data-state=open]>.handle]:rotate-180",
+        e,
+        t && "cursor-pointer"
+      )
+    }, a), {
+      children: [
+        r,
+        t && /* @__PURE__ */ c(
+          Pe,
+          s({
+            variant: "text",
+            iconOnly: !0,
+            size: "sm",
+            icon: "ArrowDownIcon",
+            iconProps: { size: 14 },
+            type: "button",
+            className: S(
+              "handle shrink-0 transition-transform duration-200",
+              l
+            )
+          }, p)
+        )
+      ]
+    })
+  ) });
+}
+function Go(t) {
+  var a = t, {
+    className: e,
+    children: r
+  } = a, o = u(a, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ c(
+    qe,
+    f(s({
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden"
+    }, o), {
+      children: /* @__PURE__ */ c("div", { className: S("pt-0 pb-4", e), children: r })
+    })
+  );
+}
+export {
+  Lo as Accordion,
+  Go as AccordionContent,
+  zo as AccordionItem,
+  Bo as AccordionTrigger
+};

package/dist/lib/ui/alert.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import "../icon/icon.js";
+import "../../chunks/utils-TbLXCoKm.js";
+import { A as e } from "../../chunks/uploader-BN38rjbw.js";
+export {
+  e as Alert
+};

package/dist/lib/ui/autocomplete.js

@@ -0,0 +1,110 @@
+import { jsx as l, jsxs as f } from "react/jsx-runtime";
+import t from "react";
+import { c as N } from "../../chunks/utils-TbLXCoKm.js";
+import { Command as E, CommandList as I, CommandEmpty as _, CommandGroup as A, CommandItem as F } from "./command.js";
+import { X as h, I as G } from "../../chunks/uploader-BN38rjbw.js";
+import { P as M, c as V, b as X } from "../../chunks/popover-kFSgc5Lv.js";
+function Q({
+  options: r,
+  value: s,
+  onValueChange: p,
+  placeholder: w = "Поиск...",
+  onInputChange: m,
+  emptyMessage: k = "Ничего не найдено",
+  className: y,
+  disabled: P = !1,
+  label: v,
+  caption: C,
+  error: x,
+  renderOption: b,
+  size: i = "md"
+}) {
+  var g;
+  const [n, c] = t.useState(!1), [d, u] = t.useState(
+    s && ((g = r.find((e) => e.value === s)) == null ? void 0 : g.label) || ""
+  ), o = t.useRef(null), T = t.useMemo(() => r.filter(
+    (e) => e.label.toLowerCase().includes(d.toLowerCase())
+  ), [r, d]);
+  t.useEffect(() => {
+    if (s) {
+      const e = r.find((a) => a.value === s);
+      u((e == null ? void 0 : e.label) || "");
+    }
+  }, [s]);
+  const L = t.useCallback(
+    (e) => {
+      const a = r.find((j) => j.value === e);
+      a && (p(a.value, a), u(a.label)), c(!1);
+    },
+    [r, p]
+  ), O = t.useCallback(
+    (e) => {
+      u(e.target.value), m == null || m(e.target.value), c(!0);
+    },
+    []
+  ), R = t.useCallback(() => {
+    n ? c(!1) : (c(!0), setTimeout(() => {
+      var e;
+      (e = o.current) == null || e.focus();
+    }, 0));
+  }, [n]), S = t.useCallback((e) => {
+    c(e), e && setTimeout(() => {
+      var a;
+      (a = o.current) == null || a.focus();
+    }, 0);
+  }, []);
+  return /* @__PURE__ */ l(M, { open: n, onOpenChange: S, children: /* @__PURE__ */ f("div", { className: "relative", children: [
+    /* @__PURE__ */ l(V, { asChild: !0, children: /* @__PURE__ */ f("div", { className: "w-full", children: [
+      v && /* @__PURE__ */ l(
+        h,
+        {
+          variant: "p3",
+          weight: "medium",
+          className: N("mb-1", {
+            "text-[14px]": i === "md",
+            "text-[16px]": i === "lg"
+          }),
+          children: v
+        }
+      ),
+      /* @__PURE__ */ l(
+        G,
+        {
+          ref: o,
+          placeholder: w,
+          value: d,
+          onChange: O,
+          onClick: R,
+          className: N("w-full", y),
+          disabled: P,
+          size: i
+        }
+      ),
+      C && /* @__PURE__ */ l(h, { variant: "p1", className: "mt-1", textColor: "secondary", children: C }),
+      x && /* @__PURE__ */ l(h, { variant: "p2", className: "mt-1", textColor: "destructive", children: x })
+    ] }) }),
+    /* @__PURE__ */ l(
+      X,
+      {
+        className: "w-[var(--radix-popover-trigger-width)] p-0",
+        align: "start",
+        children: /* @__PURE__ */ l(E, { shouldFilter: !1, children: /* @__PURE__ */ f(I, { children: [
+          /* @__PURE__ */ l(_, { children: k }),
+          /* @__PURE__ */ l(A, { children: T.map((e) => /* @__PURE__ */ l(
+            F,
+            {
+              value: e.value,
+              onSelect: L,
+              className: "flex flex-col items-start py-2",
+              children: b ? b(e) : /* @__PURE__ */ l("div", { children: e.label })
+            },
+            e.value
+          )) })
+        ] }) })
+      }
+    )
+  ] }) });
+}
+export {
+  Q as Autocomplete
+};