konsolpro-custom-ui 0.0.327

package/dist/lib/ui/date-range-picker.js

@@ -0,0 +1,392 @@
+var Y = Object.defineProperty, Z = Object.defineProperties;
+var D = Object.getOwnPropertyDescriptors;
+var N = Object.getOwnPropertySymbols;
+var X = Object.prototype.hasOwnProperty, q = Object.prototype.propertyIsEnumerable;
+var U = (e, s, i) => s in e ? Y(e, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[s] = i, G = (e, s) => {
+  for (var i in s || (s = {}))
+    X.call(s, i) && U(e, i, s[i]);
+  if (N)
+    for (var i of N(s))
+      q.call(s, i) && U(e, i, s[i]);
+  return e;
+}, J = (e, s) => Z(e, D(s));
+var K = (e, s) => {
+  var i = {};
+  for (var c in e)
+    X.call(e, c) && s.indexOf(c) < 0 && (i[c] = e[c]);
+  if (e != null && N)
+    for (var c of N(e))
+      s.indexOf(c) < 0 && q.call(e, c) && (i[c] = e[c]);
+  return i;
+};
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import y from "react";
+import { X as E, p as rr, w as tr, B as w, r as er, s as or, v as sr, _ as ir } from "../../chunks/uploader-BN38rjbw.js";
+import { Calendar as Q } from "./calendar.js";
+import { P as nr, c as cr, b as dr } from "../../chunks/popover-kFSgc5Lv.js";
+import { Icon as g } from "../icon/icon.js";
+import "../icon-banks/icons-banks.js";
+import "../icon-documents/icons-document.js";
+import { c as l } from "../../chunks/utils-TbLXCoKm.js";
+import "./command.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 "./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";
+import { translations as lr } from "./date-range-picker/constants.js";
+import { tg as ar, uz as mr } from "./date-range-picker/locales.js";
+import { f as M, e as ur } from "../../chunks/format-DoKcg9cH.js";
+import { r as fr } from "../../chunks/ru-CUCVR8Pn.js";
+const xr = (e) => {
+  switch (e) {
+    case "en":
+      return ur;
+    case "uz":
+      return mr;
+    case "tg":
+      return ar;
+    case "ru":
+    default:
+      return fr;
+  }
+};
+function et(pr) {
+  var _ = pr, {
+    className: e,
+    value: s,
+    locale: i = "ru",
+    onDateChange: c,
+    placeholder: x,
+    error: o,
+    caption: P,
+    label: O,
+    size: f = "md",
+    disabled: n = !1,
+    showResetButton: I = !0,
+    onReset: F,
+    disabledDays: S,
+    "data-testid": A
+  } = _, R = K(_, [
+    "className",
+    "value",
+    "locale",
+    "onDateChange",
+    "placeholder",
+    "error",
+    "caption",
+    "label",
+    "size",
+    "disabled",
+    "showResetButton",
+    "onReset",
+    "disabledDays",
+    "data-testid"
+  ]);
+  const [r, T] = y.useState(s), [u, j] = y.useState(!1), C = ir(), h = lr[i], p = xr(i), v = {
+    from: (x == null ? void 0 : x.from) || h.placeholder,
+    to: (x == null ? void 0 : x.to) || h.placeholder
+  }, V = y.useMemo(() => {
+    const a = (b) => typeof b == "string", k = (b) => typeof b == "object" && b !== null;
+    return {
+      hasAnyError: () => o ? a(o) ? !0 : !!(o.from || o.to) : !1,
+      hasFromError: () => a(o) ? !0 : k(o) && !!o.from,
+      hasToError: () => a(o) ? !0 : k(o) && !!o.to,
+      getErrorText: () => a(o) ? o : k(o) ? o.from && o.to ? `${o.from}, ${o.to}` : o.from || o.to || "" : ""
+    };
+  }, [o]), { hasAnyError: d, hasFromError: B, hasToError: L, getErrorText: W } = V;
+  y.useEffect(() => {
+    T(s);
+  }, [s]);
+  const $ = (a) => {
+    T(a), c == null || c(a), a != null && a.from && (a != null && a.to) && C === "mobile" && j(!1);
+  }, z = () => {
+    T(void 0), c == null || c(void 0), F == null || F();
+  }, H = () => {
+    switch (f) {
+      case "md":
+        return "rounded-lg";
+      case "lg":
+        return "rounded-xl";
+      default:
+        return "rounded-lg";
+    }
+  };
+  return /* @__PURE__ */ m("div", J(G({ className: e }, R), { children: [
+    O && /* @__PURE__ */ t(
+      E,
+      {
+        variant: "p3",
+        weight: "medium",
+        className: l("mb-1.5", {
+          "text-[14px]": f === "md",
+          "text-[16px]": f === "lg"
+        }),
+        children: O
+      }
+    ),
+    C === "mobile" ? /* @__PURE__ */ m(rr, { open: u, onOpenChange: j, children: [
+      /* @__PURE__ */ t(tr, { asChild: !0, children: /* @__PURE__ */ t(
+        w,
+        {
+          variant: "dashed",
+          disabled: n,
+          size: f,
+          iconPosition: "end",
+          className: l(
+            "group border-border font-graphik w-full justify-start border-1 border-solid text-left text-[16px] leading-[22px]",
+            H(),
+            f === "lg" ? "px-3" : "px-2.5",
+            d() ? "hover:text-destructive" : "",
+            {
+              "shadow-focus border-primary border-1 border-solid": u
+            },
+            {
+              "shadow-error border-destructive border-1 border-solid": d() && u
+            },
+            {
+              "bg-background placeholder:text-muted-foreground disabled:bg-input-disabled-background border-destructive focus:border-destructive enabled:hover:border-destructive": d()
+            }
+          ),
+          "data-testid": A,
+          children: /* @__PURE__ */ m("div", { className: "flex w-full items-center", children: [
+            /* @__PURE__ */ m(
+              "div",
+              {
+                className: l(
+                  "flex w-full items-center justify-between",
+                  r ? "text-foreground" : "text-muted-foreground",
+                  u && !n && "!text-default"
+                ),
+                children: [
+                  /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: l(
+                        "flex-1 text-left",
+                        B() && "text-destructive"
+                      ),
+                      children: r != null && r.from ? M(r.from, "dd.MM.yyyy", {
+                        locale: p
+                      }) : /* @__PURE__ */ t("span", { className: l(n && "text-muted-foreground"), children: v.from })
+                    }
+                  ),
+                  /* @__PURE__ */ t(g, { icon: "ArrowForwardIcon", className: "mx-1.5" }),
+                  /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: l(
+                        "flex-1 text-left",
+                        L() && "text-destructive"
+                      ),
+                      children: r != null && r.to ? M(r.to, "dd.MM.yyyy", {
+                        locale: p
+                      }) : /* @__PURE__ */ t("span", { className: l(n && "text-muted-foreground"), children: v.to })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ m("div", { className: "ml-2 flex items-center gap-1.5", children: [
+              /* @__PURE__ */ t(
+                g,
+                {
+                  className: l(
+                    "group-focus-within:text-foreground text-muted-foreground transition-colors",
+                    n && "text-muted-foreground",
+                    u && !n && !d() && "!text-default",
+                    r && (r.from || r.to) && !n && !d() && "text-default",
+                    d() && "!group-focus-within:!text-destructive !text-destructive"
+                  ),
+                  icon: "CalendarIcon",
+                  size: 16
+                }
+              ),
+              d() && /* @__PURE__ */ t(
+                g,
+                {
+                  icon: "ErrorFillIcon",
+                  className: "text-destructive",
+                  size: 16
+                }
+              )
+            ] })
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ m(er, { className: "w-full", children: [
+        /* @__PURE__ */ t(or, { children: /* @__PURE__ */ t(sr, { className: "m-0 mb-5 p-0 text-left", children: /* @__PURE__ */ t(E, { variant: "h2", className: "font-graphik", children: h.selectPeriod }) }) }),
+        /* @__PURE__ */ t(
+          Q,
+          {
+            initialFocus: !0,
+            mode: "range",
+            defaultMonth: r == null ? void 0 : r.from,
+            selected: r,
+            className: "mt-3",
+            onSelect: $,
+            numberOfMonths: 1,
+            locale: p,
+            disabled: S
+          }
+        ),
+        I && /* @__PURE__ */ t("div", { className: "flex h-[44px] items-center justify-center", children: /* @__PURE__ */ t(
+          w,
+          {
+            onClick: z,
+            variant: "text",
+            className: "w-full",
+            disabled: !(r != null && r.from) && !(r != null && r.to),
+            children: h.reset
+          }
+        ) })
+      ] })
+    ] }) : /* @__PURE__ */ m(nr, { open: u, onOpenChange: j, children: [
+      /* @__PURE__ */ t(cr, { asChild: !0, children: /* @__PURE__ */ t(
+        w,
+        {
+          variant: "dashed",
+          disabled: n,
+          size: f,
+          iconPosition: "end",
+          className: l(
+            "group border-border font-graphik w-full justify-start border-1 border-solid text-left text-[16px] leading-[22px]",
+            H(),
+            f === "lg" ? "px-3" : "px-2.5",
+            d() ? "hover:text-destructive" : "",
+            {
+              "shadow-focus border-primary border-1 border-solid": u
+            },
+            {
+              "shadow-error border-destructive border-1 border-solid": d() && u
+            },
+            {
+              "bg-background placeholder:text-muted-foreground disabled:bg-input-disabled-background border-destructive focus:border-destructive enabled:hover:border-destructive": d()
+            }
+          ),
+          "data-testid": A,
+          children: /* @__PURE__ */ m("div", { className: "flex w-full items-center", children: [
+            /* @__PURE__ */ m(
+              "div",
+              {
+                className: l(
+                  "flex w-full items-center justify-between",
+                  r ? "text-foreground" : "text-muted-foreground",
+                  u && !n && "!text-default"
+                ),
+                children: [
+                  /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: l(
+                        "flex-1 text-left",
+                        B() && "text-destructive",
+                        n && "text-muted-foreground"
+                      ),
+                      children: r != null && r.from ? M(r.from, "dd.MM.yyyy", {
+                        locale: p
+                      }) : /* @__PURE__ */ t("span", { className: l(n && "text-muted-foreground"), children: v.from })
+                    }
+                  ),
+                  /* @__PURE__ */ t(g, { icon: "ArrowForwardIcon", className: l("mx-1.5", n && "text-muted-foreground") }),
+                  /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: l(
+                        "flex-1 text-left",
+                        L() && "text-destructive",
+                        n && "text-muted-foreground"
+                      ),
+                      children: r != null && r.to ? M(r.to, "dd.MM.yyyy", {
+                        locale: p
+                      }) : /* @__PURE__ */ t("span", { className: l(n && "text-muted-foreground"), children: v.to })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ m("div", { className: "ml-2 flex items-center gap-1.5", children: [
+              /* @__PURE__ */ t(
+                g,
+                {
+                  className: l(
+                    "group-focus-within:text-foreground text-muted-foreground transition-colors",
+                    n && "text-muted-foreground",
+                    u && !n && !d() && "!text-default",
+                    r && (r.from || r.to) && !n && !d() && "text-default",
+                    d() && "!group-focus-within:!text-destructive !text-destructive"
+                  ),
+                  icon: "CalendarIcon",
+                  size: 16
+                }
+              ),
+              d() && /* @__PURE__ */ t(
+                g,
+                {
+                  icon: "ErrorFillIcon",
+                  className: "text-destructive",
+                  size: 16
+                }
+              )
+            ] })
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ m(
+        dr,
+        {
+          className: "w-screen rounded-xl p-0 shadow-[0_2px_10px_rgba(0,0,0,0.1)] sm:w-auto",
+          align: "start",
+          sideOffset: 4,
+          children: [
+            /* @__PURE__ */ t(
+              Q,
+              {
+                initialFocus: !0,
+                mode: "range",
+                defaultMonth: r == null ? void 0 : r.from,
+                selected: r,
+                onSelect: $,
+                numberOfMonths: 2,
+                locale: p,
+                disabled: S
+              }
+            ),
+            I && /* @__PURE__ */ t("div", { className: "flex h-11 items-center justify-center px-2.5 py-2.5", children: /* @__PURE__ */ t(
+              w,
+              {
+                onClick: z,
+                variant: "text",
+                size: "sm",
+                className: "w-full",
+                disabled: !(r != null && r.from) && !(r != null && r.to),
+                children: h.reset
+              }
+            ) })
+          ]
+        }
+      )
+    ] }),
+    P && !d() && /* @__PURE__ */ t(E, { variant: "p1", className: "mt-1.5", textColor: "secondary", children: P }),
+    d() && /* @__PURE__ */ t(E, { variant: "p1", className: "mt-1.5", textColor: "destructive", children: W() })
+  ] }));
+}
+export {
+  et as DateRangePicker
+};

package/dist/lib/ui/dialog/dialog-base/dialog-base.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import { D as e } from "../../../../chunks/uploader-BN38rjbw.js";
+import "../../../../chunks/utils-TbLXCoKm.js";
+import "../utils.js";
+import "./use-base-dialog.js";
+export {
+  e as DialogBase
+};

package/dist/lib/ui/dialog/dialog-base/index.js

@@ -0,0 +1,6 @@
+import { D as e } from "../../../../chunks/uploader-BN38rjbw.js";
+import { useDialogBaseCtx as s } from "./use-base-dialog.js";
+export {
+  e as DialogBase,
+  s as useDialogBaseCtx
+};

package/dist/lib/ui/dialog/dialog-base/use-base-dialog.js

@@ -0,0 +1,57 @@
+import e from "react";
+const f = e.createContext(null);
+function O() {
+  const t = e.useContext(f);
+  if (!t)
+    throw new Error(
+      "useDialogBaseContext должен использоваться внутри BaseDialogProvider"
+    );
+  return t;
+}
+function T(t) {
+  var a;
+  const [s, h] = e.useState(null), [x, v] = e.useState(t.isVisibleClose), [o, w] = e.useState(!1), [n, S] = e.useState(!1), [b, r] = e.useState(t.hideFooter), [C, m] = e.useState(!1), [E, c] = e.useState(t.width), l = e.useContext(f), i = (a = l == null ? void 0 : l.nextBaseZIndex) != null ? a : t.baseZIndex, g = i + 1, B = i + 2, F = i + 3, H = e.useMemo(() => !n && o ? "top" : "none", [n, o]), I = e.useMemo(() => n && o ? "bottom" : "none", [n, o]);
+  return e.useEffect(() => {
+    c(t.width);
+  }, [t.width]), e.useEffect(() => {
+    r(t.hideFooter);
+  }, [t.hideFooter]), e.useEffect(() => {
+    if (s) {
+      const d = () => {
+        S(s.scrollTop > 0);
+      };
+      s.addEventListener("scroll", d);
+      const u = new ResizeObserver(() => {
+        const Z = s.scrollHeight > s.clientHeight;
+        w(Z);
+      });
+      return u.observe(s), () => {
+        s.removeEventListener("scroll", d), u.disconnect();
+      };
+    }
+  }, [s]), {
+    contentElement: s,
+    hasOverflow: o,
+    scrollStart: n,
+    shadowFooter: H,
+    shadowHeader: I,
+    isHideFooter: b,
+    isHideTitle: C,
+    isVisibleClose: x,
+    width: E,
+    setWidth: c,
+    visibleClose: v,
+    hideFooter: r,
+    hideTitle: m,
+    setContentElement: h,
+    baseZIndex: i,
+    overlayZIndex: g,
+    containerZIndex: B,
+    nextBaseZIndex: F
+  };
+}
+export {
+  f as BaseDialogContext,
+  T as useDialogBase,
+  O as useDialogBaseCtx
+};

package/dist/lib/ui/dialog/dialog-primitive/dialog-primitive.js

@@ -0,0 +1,17 @@
+import "react/jsx-runtime";
+import "react";
+import { a0 as m, a1 as p, a2 as l, a3 as n, a4 as g, a5 as C, a6 as T, a7 as f, a8 as v } from "../../../../chunks/uploader-BN38rjbw.js";
+import "../../../../chunks/index-BO6p208a.js";
+import "../../../../chunks/utils-TbLXCoKm.js";
+import "../utils.js";
+export {
+  m as Close,
+  p as Container,
+  l as Content,
+  n as Dialog,
+  g as Footer,
+  C as Overlay,
+  T as Portal,
+  f as Title,
+  v as Trigger
+};

package/dist/lib/ui/dialog/dialog-primitive/index.js

@@ -0,0 +1,4 @@
+import { d as r } from "../../../../chunks/uploader-BN38rjbw.js";
+export {
+  r as DialogPrimitive
+};

package/dist/lib/ui/dialog/index.js

@@ -0,0 +1,7 @@
+import { D as e, d as i } from "../../../chunks/uploader-BN38rjbw.js";
+import { useDialogBaseCtx as s } from "./dialog-base/use-base-dialog.js";
+export {
+  e as DialogBase,
+  i as DialogPrimitive,
+  s as useDialogBaseCtx
+};

package/dist/lib/ui/dialog/utils.js

@@ -0,0 +1,32 @@
+import { c as a } from "../../../chunks/index-BO6p208a.js";
+const o = a([
+  "transition-shadow duration-200"
+], {
+  variants: {
+    top: {
+      true: "shadow-md-top",
+      false: null
+    },
+    bottom: {
+      true: "shadow-md",
+      false: null
+    },
+    none: {
+      true: "shadow-none",
+      false: null
+    },
+    all: {
+      true: "shadow-md-all",
+      false: null
+    }
+  },
+  defaultVariants: {
+    top: !1,
+    bottom: !1,
+    none: !1,
+    all: !1
+  }
+});
+export {
+  o as shadowVariants
+};

package/dist/lib/ui/divider.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as i } from "../../chunks/utils-TbLXCoKm.js";
+function c({ className: r }) {
+  return /* @__PURE__ */ o("div", { className: i("bg-default-background h-[1px] w-full", r) });
+}
+export {
+  c as Divider
+};

package/dist/lib/ui/dropdown.js

@@ -0,0 +1,13 @@
+import "react/jsx-runtime";
+import "react";
+import "../../chunks/popover-kFSgc5Lv.js";
+import "../../chunks/utils-TbLXCoKm.js";
+import { e, f as d, g as i, h as m, i as s, j as w } from "../../chunks/uploader-BN38rjbw.js";
+export {
+  e as Dropdown,
+  d as DropdownContent,
+  i as DropdownItem,
+  m as DropdownLabel,
+  s as DropdownSeparator,
+  w as DropdownTrigger
+};

package/dist/lib/ui/input-number/index.js

@@ -0,0 +1,4 @@
+import { o as e } from "../../../chunks/uploader-BN38rjbw.js";
+export {
+  e as InputNumber
+};

package/dist/lib/ui/input-number/input-number.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "react";
+import { o as t } from "../../../chunks/uploader-BN38rjbw.js";
+export {
+  t as InputNumber
+};

package/dist/lib/ui/input.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "react";
+import "../../chunks/utils-TbLXCoKm.js";
+import "../icon/icon.js";
+import { I as s, k as i, l as m, m as I, n as u } from "../../chunks/uploader-BN38rjbw.js";
+export {
+  s as Input,
+  i as InputLink,
+  m as InputPassword,
+  I as InputSearch,
+  u as InputTitle
+};