konsolpro-custom-ui 0.0.327

package/dist/lib/ui/segments.js

@@ -0,0 +1,376 @@
+var Y = Object.defineProperty, Z = Object.defineProperties;
+var ee = Object.getOwnPropertyDescriptors;
+var y = Object.getOwnPropertySymbols;
+var R = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
+var N = (e, r, o) => r in e ? Y(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, c = (e, r) => {
+  for (var o in r || (r = {}))
+    R.call(r, o) && N(e, o, r[o]);
+  if (y)
+    for (var o of y(r))
+      C.call(r, o) && N(e, o, r[o]);
+  return e;
+}, p = (e, r) => Z(e, ee(r));
+var h = (e, r) => {
+  var o = {};
+  for (var t in e)
+    R.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && y)
+    for (var t of y(e))
+      r.indexOf(t) < 0 && C.call(e, t) && (o[t] = e[t]);
+  return o;
+};
+import { jsx as i, jsxs as A, Fragment as M } from "react/jsx-runtime";
+import * as te from "react";
+import d from "react";
+import { c as re } from "../../chunks/index-E4d_Gd-w.js";
+import { P as I } from "../../chunks/index-BJD1rYeT.js";
+import { c as V, I as oe, R as ae } from "../../chunks/index-I8P2QgPV.js";
+import { c as se } from "../../chunks/index-DLeNytVF.js";
+import { u as P } from "../../chunks/index-DYfkNB0n.js";
+import { u as ne } from "../../chunks/index-ByaXH_ih.js";
+import { c as F } from "../../chunks/index-BO6p208a.js";
+import { Icon as j } from "../icon/icon.js";
+import { c as _ } from "../../chunks/utils-TbLXCoKm.js";
+var D = "Toggle", k = te.forwardRef((e, r) => {
+  const u = e, { pressed: o, defaultPressed: t, onPressedChange: s } = u, a = h(u, ["pressed", "defaultPressed", "onPressedChange"]), [l, n] = P({
+    prop: o,
+    onChange: s,
+    defaultProp: t != null ? t : !1,
+    caller: D
+  });
+  return /* @__PURE__ */ i(
+    I.button,
+    p(c({
+      type: "button",
+      "aria-pressed": l,
+      "data-state": l ? "on" : "off",
+      "data-disabled": e.disabled ? "" : void 0
+    }, a), {
+      ref: r,
+      onClick: se(e.onClick, () => {
+        e.disabled || n(!l);
+      })
+    })
+  );
+});
+k.displayName = D;
+var G = "ToggleGroup", [z, we] = re(G, [
+  V
+]), B = V(), w = d.forwardRef((e, r) => {
+  const s = e, { type: o } = s, t = h(s, ["type"]);
+  if (o === "single")
+    return /* @__PURE__ */ i(le, p(c({}, t), { ref: r }));
+  if (o === "multiple")
+    return /* @__PURE__ */ i(de, p(c({}, t), { ref: r }));
+  throw new Error(`Missing prop \`type\` expected on \`${G}\``);
+});
+w.displayName = G;
+var [O, H] = z(G), le = d.forwardRef((e, r) => {
+  const u = e, {
+    value: o,
+    defaultValue: t,
+    onValueChange: s = () => {
+    }
+  } = u, a = h(u, [
+    "value",
+    "defaultValue",
+    "onValueChange"
+  ]), [l, n] = P({
+    prop: o,
+    defaultProp: t != null ? t : "",
+    onChange: s,
+    caller: G
+  });
+  return /* @__PURE__ */ i(
+    O,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "single",
+      value: d.useMemo(() => l ? [l] : [], [l]),
+      onItemActivate: n,
+      onItemDeactivate: d.useCallback(() => n(""), [n]),
+      children: /* @__PURE__ */ i(L, p(c({}, a), { ref: r }))
+    }
+  );
+}), de = d.forwardRef((e, r) => {
+  const g = e, {
+    value: o,
+    defaultValue: t,
+    onValueChange: s = () => {
+    }
+  } = g, a = h(g, [
+    "value",
+    "defaultValue",
+    "onValueChange"
+  ]), [l, n] = P({
+    prop: o,
+    defaultProp: t != null ? t : [],
+    onChange: s,
+    caller: G
+  }), u = d.useCallback(
+    (f) => n((m = []) => [...m, f]),
+    [n]
+  ), v = d.useCallback(
+    (f) => n((m = []) => m.filter((x) => x !== f)),
+    [n]
+  );
+  return /* @__PURE__ */ i(
+    O,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "multiple",
+      value: l,
+      onItemActivate: u,
+      onItemDeactivate: v,
+      children: /* @__PURE__ */ i(L, p(c({}, a), { ref: r }))
+    }
+  );
+});
+w.displayName = G;
+var [ie, ue] = z(G), L = d.forwardRef(
+  (e, r) => {
+    const m = e, {
+      __scopeToggleGroup: o,
+      disabled: t = !1,
+      rovingFocus: s = !0,
+      orientation: a,
+      dir: l,
+      loop: n = !0
+    } = m, u = h(m, [
+      "__scopeToggleGroup",
+      "disabled",
+      "rovingFocus",
+      "orientation",
+      "dir",
+      "loop"
+    ]), v = B(o), g = ne(l), f = c({ role: "group", dir: g }, u);
+    return /* @__PURE__ */ i(ie, { scope: o, rovingFocus: s, disabled: t, children: s ? /* @__PURE__ */ i(
+      ae,
+      p(c({
+        asChild: !0
+      }, v), {
+        orientation: a,
+        dir: g,
+        loop: n,
+        children: /* @__PURE__ */ i(I.div, p(c({}, f), { ref: r }))
+      })
+    ) : /* @__PURE__ */ i(I.div, p(c({}, f), { ref: r })) });
+  }
+), T = "ToggleGroupItem", U = d.forwardRef(
+  (e, r) => {
+    const o = H(T, e.__scopeToggleGroup), t = ue(T, e.__scopeToggleGroup), s = B(e.__scopeToggleGroup), a = o.value.includes(e.value), l = t.disabled || e.disabled, n = p(c({}, e), { pressed: a, disabled: l }), u = d.useRef(null);
+    return t.rovingFocus ? /* @__PURE__ */ i(
+      oe,
+      p(c({
+        asChild: !0
+      }, s), {
+        focusable: !l,
+        active: a,
+        ref: u,
+        children: /* @__PURE__ */ i(E, p(c({}, n), { ref: r }))
+      })
+    ) : /* @__PURE__ */ i(E, p(c({}, n), { ref: r }));
+  }
+);
+U.displayName = T;
+var E = d.forwardRef(
+  (e, r) => {
+    const u = e, { __scopeToggleGroup: o, value: t } = u, s = h(u, ["__scopeToggleGroup", "value"]), a = H(T, o), l = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, n = a.type === "single" ? l : void 0;
+    return /* @__PURE__ */ i(
+      k,
+      p(c(c({}, n), s), {
+        ref: r,
+        onPressedChange: (v) => {
+          v ? a.onItemActivate(t) : a.onItemDeactivate(t);
+        }
+      })
+    );
+  }
+), $ = w, q = U;
+const ce = F(
+  "inline-flex items-center justify-center rounded-xl text-secondary-foreground bg-default-background p-0.5 gap-0 font-cofo",
+  {
+    variants: {
+      size: {
+        default: "h-8",
+        lg: "h-10"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), J = F(
+  "cursor-pointer gap-0 font-cofo inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-all focus-visible:outline-none border-0 disabled:pointer-events-none relative",
+  {
+    variants: {
+      variant: {
+        default: [
+          /* --- status: false (по умолч.) --- */
+          "bg-transparent",
+          /* hover, пока status = false */
+          "hover:bg-default-background hover:text-secondary",
+          /* --- status: true (data-state="on") ---  */
+          "data-[state=on]:bg-white",
+          "data-[state=on]:shadow-[0_1px_2px_0_rgba(0,0,0,0.1)]",
+          /* hover при активном состоянии (фон не меняем) */
+          "data-[state=on]:hover:bg-white",
+          "data-[state=on]:hover:text-secondary",
+          /* --- disabled --- */
+          "disabled:bg-default-background disabled:text-gray-400 disabled:shadow-none"
+        ].join(" "),
+        single: "bg-white shadow-[0_1px_2px_0_rgba(0,0,0,0.1)] border-0 hover:bg-default-background hover:text-secondary disabled:bg-white disabled:text-secondary disabled:shadow-none disabled:bg-transparent",
+        singleActive: "bg-transparent border-0 hover:bg-default-background hover:text-secondary disabled:bg-none disabled:text-secondary shadow-none disabled:bg-transparent"
+      },
+      size: {
+        default: "h-7 px-3 text-sm",
+        lg: "h-9 px-3 text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), K = d.forwardRef(
+  (u, n) => {
+    var v = u, {
+      className: e,
+      icon: r,
+      iconPosition: o = "start",
+      size: t = "default",
+      children: s,
+      "data-testid": a
+    } = v, l = h(v, [
+      "className",
+      "icon",
+      "iconPosition",
+      "size",
+      "children",
+      "data-testid"
+    ]);
+    const g = () => r ? d.isValidElement(r) ? r : /* @__PURE__ */ i(j, { icon: r }) : null, f = /* @__PURE__ */ A(M, { children: [
+      o === "start" && g(),
+      s,
+      o === "end" && g()
+    ] });
+    return /* @__PURE__ */ i(
+      q,
+      p(c({
+        ref: n,
+        className: _(J({ size: t }), e),
+        "data-testid": a
+      }, l), {
+        children: f
+      })
+    );
+  }
+);
+K.displayName = q.displayName;
+const pe = d.forwardRef(
+  (v, u) => {
+    var g = v, {
+      className: e,
+      size: r = "default",
+      children: o,
+      onValueChange: t,
+      value: s,
+      defaultValue: a,
+      "data-testid": l
+    } = g, n = h(g, [
+      "className",
+      "size",
+      "children",
+      "onValueChange",
+      "value",
+      "defaultValue",
+      "data-testid"
+    ]);
+    const [f, m] = d.useState(
+      s || a || ""
+    ), x = (b) => {
+      b && b !== f && (m(b), t == null || t(b));
+    };
+    return d.useEffect(() => {
+      s !== void 0 && m(s);
+    }, [s]), /* @__PURE__ */ i(
+      $,
+      p(c({
+        ref: u,
+        type: "single",
+        className: _(ce({ size: r }), e),
+        value: f,
+        onValueChange: x,
+        "data-testid": l
+      }, n), {
+        children: d.Children.map(o, (b) => d.isValidElement(b) && b.type === K ? d.cloneElement(b, { size: r }) : b)
+      })
+    );
+  }
+);
+pe.displayName = $.displayName;
+const ge = d.forwardRef(
+  (f, g) => {
+    var m = f, {
+      className: e,
+      size: r = "default",
+      icon: o,
+      iconPosition: t = "start",
+      children: s,
+      onClick: a,
+      disabled: l,
+      active: n,
+      "data-testid": u
+    } = m, v = h(m, [
+      "className",
+      "size",
+      "icon",
+      "iconPosition",
+      "children",
+      "onClick",
+      "disabled",
+      "active",
+      "data-testid"
+    ]);
+    const [x, b] = d.useState(!1), Q = n !== void 0 ? n : x, W = () => {
+      n !== void 0 || b(!x), a == null || a();
+    }, S = () => o ? d.isValidElement(o) ? o : /* @__PURE__ */ i(j, { icon: o }) : null, X = /* @__PURE__ */ A(M, { children: [
+      t === "start" && S(),
+      s && /* @__PURE__ */ i(
+        "span",
+        {
+          className: _(
+            o && t === "start" && "ml-2",
+            o && t === "end" && "mr-2"
+          ),
+          children: s
+        }
+      ),
+      t === "end" && S()
+    ] });
+    return /* @__PURE__ */ i(
+      "button",
+      p(c({
+        ref: g,
+        className: _(
+          J({
+            size: r,
+            variant: Q ? "singleActive" : "single"
+          }),
+          e
+        ),
+        onClick: W,
+        disabled: l,
+        "data-testid": u
+      }, v), {
+        children: X
+      })
+    );
+  }
+);
+ge.displayName = "SingleSegment";
+export {
+  K as SegmentItem,
+  pe as Segments,
+  ge as SingleSegment
+};

package/dist/lib/ui/select.js

@@ -0,0 +1,18 @@
+import "react/jsx-runtime";
+import "react";
+import { G as c, S as r, H as s, J as p, K as i, L as m, N as n, Q as u, T as g, U as B, V as G } from "../../chunks/uploader-BN38rjbw.js";
+import "../../chunks/utils-TbLXCoKm.js";
+import "../icon/icon.js";
+export {
+  c as MultiSelect,
+  r as Select,
+  s as SelectContent,
+  p as SelectGroup,
+  i as SelectItem,
+  m as SelectLabel,
+  n as SelectScrollDownButton,
+  u as SelectScrollUpButton,
+  g as SelectSeparator,
+  B as SelectTrigger,
+  G as SelectValue
+};

package/dist/lib/ui/spinner.js

@@ -0,0 +1,57 @@
+var u = Object.defineProperty, x = Object.defineProperties;
+var h = Object.getOwnPropertyDescriptors;
+var a = Object.getOwnPropertySymbols;
+var o = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var i = (r, e, t) => e in r ? u(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, m = (r, e) => {
+  for (var t in e || (e = {}))
+    o.call(e, t) && i(r, t, e[t]);
+  if (a)
+    for (var t of a(e))
+      c.call(e, t) && i(r, t, e[t]);
+  return r;
+}, f = (r, e) => x(r, h(e));
+var p = (r, e) => {
+  var t = {};
+  for (var s in r)
+    o.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
+  if (r != null && a)
+    for (var s of a(r))
+      e.indexOf(s) < 0 && c.call(r, s) && (t[s] = r[s]);
+  return t;
+};
+import { jsxs as y, jsx as j } from "react/jsx-runtime";
+import v from "react";
+import { c as w } from "../../chunks/index-BO6p208a.js";
+import { Icon as N } from "../icon/icon.js";
+import { c as I } from "../../chunks/utils-TbLXCoKm.js";
+const R = w("flex-col items-center justify-center", {
+  variants: {
+    show: {
+      true: "flex",
+      false: "hidden"
+    }
+  },
+  defaultVariants: {
+    show: !0
+  }
+}), S = v.forwardRef(
+  (V, d) => {
+    var n = V, { size: r = 16, show: e, children: t, className: s } = n, l = p(n, ["size", "show", "children", "className"]);
+    return /* @__PURE__ */ y("span", f(m({ ref: d, className: R({ show: e }) }, l), { children: [
+      /* @__PURE__ */ j(
+        N,
+        {
+          icon: "ProgressActivityIcon",
+          size: r,
+          className: I("text-primary animate-spin", s)
+        }
+      ),
+      t
+    ] }));
+  }
+);
+S.displayName = "Spinner";
+export {
+  S as Spinner,
+  R as spinnerVariants
+};

package/dist/lib/ui/stepper.js

@@ -0,0 +1,70 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { c as r } from "../../chunks/utils-TbLXCoKm.js";
+import { Icon as f } from "../icon/icon.js";
+import { X as o } from "../../chunks/uploader-BN38rjbw.js";
+function p({ steps: a, currentStep: n, className: d }) {
+  return /* @__PURE__ */ e("div", { className: r("relative flex w-full", d), children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: "flex w-full items-center",
+      role: "progressbar",
+      "aria-valuemin": 1,
+      "aria-valuemax": a.length,
+      "aria-valuenow": n,
+      children: a.map((c, t) => {
+        const i = t < n, l = t === n, m = t === a.length - 1;
+        return /* @__PURE__ */ s(
+          "div",
+          {
+            className: r(
+              "flex items-center",
+              m ? "flex-none" : "flex-1"
+            ),
+            children: [
+              /* @__PURE__ */ s("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: r(
+                      "flex items-center justify-center",
+                      i && "text-white",
+                      l && !i && "text-white"
+                    ),
+                    "aria-current": l ? "step" : void 0,
+                    children: /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: r(
+                          "font-cofo flex items-center justify-center rounded-full",
+                          i && "bg-positive",
+                          l && !i && "bg-primary",
+                          !i && !l && "bg-default-background",
+                          "h-6 w-6 md:h-7 md:w-7"
+                        ),
+                        children: i ? /* @__PURE__ */ e(f, { icon: "DoneIcon" }) : /* @__PURE__ */ e(
+                          o,
+                          {
+                            variant: "p1",
+                            className: "font-medium",
+                            textColor: l ? "white" : "muted",
+                            children: t + 1
+                          }
+                        )
+                      }
+                    )
+                  }
+                ),
+                l && /* @__PURE__ */ e("div", { className: "font-graphik ml-2.5 hidden md:block", children: /* @__PURE__ */ e(o, { variant: "p1", weight: "medium", children: c.title }) })
+              ] }),
+              !m && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center", children: /* @__PURE__ */ e("div", { className: r("mx-2.5 h-0.25 w-full", "bg-border") }) })
+            ]
+          },
+          c.title
+        );
+      })
+    }
+  ) });
+}
+export {
+  p as Stepper
+};