konsolpro-custom-ui 0.0.327

package/dist/lib/ui/switch.js

@@ -0,0 +1,281 @@
+var O = Object.defineProperty, F = Object.defineProperties;
+var W = Object.getOwnPropertyDescriptors;
+var R = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
+var _ = (e, r, t) => r in e ? O(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, p = (e, r) => {
+  for (var t in r || (r = {}))
+    E.call(r, t) && _(e, t, r[t]);
+  if (R)
+    for (var t of R(r))
+      B.call(r, t) && _(e, t, r[t]);
+  return e;
+}, C = (e, r) => F(e, W(r));
+var S = (e, r) => {
+  var t = {};
+  for (var o in e)
+    E.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && R)
+    for (var o of R(e))
+      r.indexOf(o) < 0 && B.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import { jsxs as T, jsx as l } from "react/jsx-runtime";
+import * as m from "react";
+import X, { useRef as $ } from "react";
+import { c as G } from "../../chunks/index-DLeNytVF.js";
+import { u as j } from "../../chunks/index-DLcqcWxM.js";
+import { c as J } from "../../chunks/index-E4d_Gd-w.js";
+import { u as K } from "../../chunks/index-DYfkNB0n.js";
+import { u as Q } from "../../chunks/index-BZPx6jYI.js";
+import { u as Y } from "../../chunks/index-CHDs-SiB.js";
+import { P as D } from "../../chunks/index-BJD1rYeT.js";
+import { c as I } from "../../chunks/index-BO6p208a.js";
+import { c as N } from "../../chunks/utils-TbLXCoKm.js";
+import { Spinner as Z } from "./spinner.js";
+var x = "Switch", [ee, ke] = J(x), [te, re] = ee(x), L = m.forwardRef(
+  (e, r) => {
+    const P = e, {
+      __scopeSwitch: t,
+      name: o,
+      checked: s,
+      defaultChecked: a,
+      required: g,
+      disabled: i,
+      value: u = "on",
+      onCheckedChange: k,
+      form: h
+    } = P, b = S(P, [
+      "__scopeSwitch",
+      "name",
+      "checked",
+      "defaultChecked",
+      "required",
+      "disabled",
+      "value",
+      "onCheckedChange",
+      "form"
+    ]), [n, f] = m.useState(null), w = j(r, (y) => f(y)), c = m.useRef(!1), v = n ? h || !!n.closest("form") : !0, [d, U] = K({
+      prop: s,
+      defaultProp: a != null ? a : !1,
+      onChange: k,
+      caller: x
+    });
+    return /* @__PURE__ */ T(te, { scope: t, checked: d, disabled: i, children: [
+      /* @__PURE__ */ l(
+        D.button,
+        C(p({
+          type: "button",
+          role: "switch",
+          "aria-checked": d,
+          "aria-required": g,
+          "data-state": H(d),
+          "data-disabled": i ? "" : void 0,
+          disabled: i,
+          value: u
+        }, b), {
+          ref: w,
+          onClick: G(e.onClick, (y) => {
+            U((q) => !q), v && (c.current = y.isPropagationStopped(), c.current || y.stopPropagation());
+          })
+        })
+      ),
+      v && /* @__PURE__ */ l(
+        V,
+        {
+          control: n,
+          bubbles: !c.current,
+          name: o,
+          value: u,
+          checked: d,
+          required: g,
+          disabled: i,
+          form: h,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+L.displayName = x;
+var z = "SwitchThumb", M = m.forwardRef(
+  (e, r) => {
+    const a = e, { __scopeSwitch: t } = a, o = S(a, ["__scopeSwitch"]), s = re(z, t);
+    return /* @__PURE__ */ l(
+      D.span,
+      C(p({
+        "data-state": H(s.checked),
+        "data-disabled": s.disabled ? "" : void 0
+      }, o), {
+        ref: r
+      })
+    );
+  }
+);
+M.displayName = z;
+var oe = "SwitchBubbleInput", V = m.forwardRef(
+  (g, a) => {
+    var i = g, {
+      __scopeSwitch: e,
+      control: r,
+      checked: t,
+      bubbles: o = !0
+    } = i, s = S(i, [
+      "__scopeSwitch",
+      "control",
+      "checked",
+      "bubbles"
+    ]);
+    const u = m.useRef(null), k = j(u, a), h = Q(t), b = Y(r);
+    return m.useEffect(() => {
+      const n = u.current;
+      if (!n) return;
+      const f = window.HTMLInputElement.prototype, c = Object.getOwnPropertyDescriptor(
+        f,
+        "checked"
+      ).set;
+      if (h !== t && c) {
+        const v = new Event("click", { bubbles: o });
+        c.call(n, t), n.dispatchEvent(v);
+      }
+    }, [h, t, o]), /* @__PURE__ */ l(
+      "input",
+      C(p({
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: t
+      }, s), {
+        tabIndex: -1,
+        ref: k,
+        style: C(p(p({}, s.style), b), {
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        })
+      })
+    );
+  }
+);
+V.displayName = oe;
+function H(e) {
+  return e ? "checked" : "unchecked";
+}
+var A = L, se = M;
+const ae = I(
+  "peer inline-flex shrink-0 items-center justify-start rounded-full border-none border-transparent transition-colors duration-200 focus:outline-none focus:shadow-focus p-0.5 data-[state=checked]:justify-end cursor-pointer disabled:cursor-not-allowed",
+  {
+    variants: {
+      size: {
+        md: "w-7 h-4 rounded-full",
+        lg: "w-11 h-6 rounded-full"
+      },
+      isChecked: {
+        true: "bg-primary",
+        false: "bg-switch-background"
+      },
+      isLoading: {
+        true: "opacity-64",
+        false: ""
+      },
+      isDisabled: {
+        true: "opacity-40",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      isChecked: !1,
+      isLoading: !1,
+      isDisabled: !1
+    },
+    compoundVariants: [
+      {
+        isChecked: !0,
+        isDisabled: !1,
+        class: "hover:bg-primary-hover"
+      },
+      {
+        isChecked: !1,
+        isDisabled: !1,
+        class: "hover:bg-default-background"
+      }
+    ]
+  }
+), ie = I(
+  "pointer-events-none block rounded-full border-0 bg-background shadow-lg transition-all duration-200 ease-in-out",
+  {
+    variants: {
+      size: {
+        md: "w-3 h-3",
+        lg: "w-5 h-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), ne = X.forwardRef((h, k) => {
+  var b = h, { className: e, size: r, label: t, loading: o, checked: s, disabled: a, "data-testid": g, onCheckedChange: i } = b, u = S(b, ["className", "size", "label", "loading", "checked", "disabled", "data-testid", "onCheckedChange"]);
+  const n = s || !1, f = a || !1, w = $(void 0), c = (d) => {
+    w.current = d;
+  }, v = (d) => {
+    i && (i(d, w.current), w.current = void 0);
+  };
+  return /* @__PURE__ */ T("div", { className: "flex items-center gap-2.5", children: [
+    /* @__PURE__ */ l(
+      A,
+      C(p({
+        className: N(
+          ae({
+            size: r,
+            isChecked: n,
+            isLoading: !!o,
+            isDisabled: f
+          }),
+          e
+        ),
+        checked: s,
+        disabled: f,
+        isLoading: o,
+        defaultChecked: s,
+        ref: k,
+        "data-testid": g,
+        onCheckedChange: v,
+        onClick: c
+      }, u), {
+        children: /* @__PURE__ */ l(
+          se,
+          {
+            className: N(
+              ie({ size: r }),
+              o && "flex items-center justify-center"
+            ),
+            children: o && /* @__PURE__ */ l(
+              Z,
+              {
+                size: r === "lg" ? 16 : 8,
+                className: s ? "text-primary" : "text-switch-background"
+              }
+            )
+          }
+        )
+      })
+    ),
+    t && /* @__PURE__ */ l(
+      "label",
+      {
+        className: N(
+          "font-medium leading-none",
+          f && "opacity-40 cursor-not-allowed"
+        ),
+        children: t
+      }
+    )
+  ] });
+});
+ne.displayName = A.displayName;
+export {
+  ne as Switch,
+  ae as switchVariants,
+  ie as thumbVariants
+};

package/dist/lib/ui/tabs.js

@@ -0,0 +1,301 @@
+var q = Object.defineProperty, H = Object.defineProperties;
+var O = Object.getOwnPropertyDescriptors;
+var T = Object.getOwnPropertySymbols;
+var _ = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
+var R = (e, t, r) => t in e ? q(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, u = (e, t) => {
+  for (var r in t || (t = {}))
+    _.call(t, r) && R(e, r, t[r]);
+  if (T)
+    for (var r of T(t))
+      A.call(t, r) && R(e, r, t[r]);
+  return e;
+}, f = (e, t) => H(e, O(t));
+var b = (e, t) => {
+  var r = {};
+  for (var a in e)
+    _.call(e, a) && t.indexOf(a) < 0 && (r[a] = e[a]);
+  if (e != null && T)
+    for (var a of T(e))
+      t.indexOf(a) < 0 && A.call(e, a) && (r[a] = e[a]);
+  return r;
+};
+import { jsx as l, jsxs as J } from "react/jsx-runtime";
+import * as h from "react";
+import y from "react";
+import { c as I } from "../../chunks/index-DLeNytVF.js";
+import { c as Q } from "../../chunks/index-E4d_Gd-w.js";
+import { c as S, R as U, I as W } from "../../chunks/index-I8P2QgPV.js";
+import { P as X } from "../../chunks/index-PsqJG3fE.js";
+import { P as x } from "../../chunks/index-BJD1rYeT.js";
+import { u as Y } from "../../chunks/index-ByaXH_ih.js";
+import { u as Z } from "../../chunks/index-DYfkNB0n.js";
+import { u as ee } from "../../chunks/index-1Er1dKQf.js";
+import { c as E } from "../../chunks/index-BO6p208a.js";
+import { Icon as te } from "../icon/icon.js";
+import { c as w } from "../../chunks/utils-TbLXCoKm.js";
+var N = "Tabs", [ae, Ie] = Q(N, [
+  S
+]), M = S(), [re, C] = ae(N), V = h.forwardRef(
+  (e, t) => {
+    const v = e, {
+      __scopeTabs: r,
+      value: a,
+      onValueChange: o,
+      defaultValue: n,
+      orientation: s = "horizontal",
+      dir: d,
+      activationMode: p = "automatic"
+    } = v, g = b(v, [
+      "__scopeTabs",
+      "value",
+      "onValueChange",
+      "defaultValue",
+      "orientation",
+      "dir",
+      "activationMode"
+    ]), c = Y(d), [m, i] = Z({
+      prop: a,
+      onChange: o,
+      defaultProp: n != null ? n : "",
+      caller: N
+    });
+    return /* @__PURE__ */ l(
+      re,
+      {
+        scope: r,
+        baseId: ee(),
+        value: m,
+        onValueChange: i,
+        orientation: s,
+        dir: c,
+        activationMode: p,
+        children: /* @__PURE__ */ l(
+          x.div,
+          f(u({
+            dir: c,
+            "data-orientation": s
+          }, g), {
+            ref: t
+          })
+        )
+      }
+    );
+  }
+);
+V.displayName = N;
+var F = "TabsList", P = h.forwardRef(
+  (e, t) => {
+    const d = e, { __scopeTabs: r, loop: a = !0 } = d, o = b(d, ["__scopeTabs", "loop"]), n = C(F, r), s = M(r);
+    return /* @__PURE__ */ l(
+      U,
+      f(u({
+        asChild: !0
+      }, s), {
+        orientation: n.orientation,
+        dir: n.dir,
+        loop: a,
+        children: /* @__PURE__ */ l(
+          x.div,
+          f(u({
+            role: "tablist",
+            "aria-orientation": n.orientation
+          }, o), {
+            ref: t
+          })
+        )
+      })
+    );
+  }
+);
+P.displayName = F;
+var $ = "TabsTrigger", k = h.forwardRef(
+  (e, t) => {
+    const m = e, { __scopeTabs: r, value: a, disabled: o = !1 } = m, n = b(m, ["__scopeTabs", "value", "disabled"]), s = C($, r), d = M(r), p = L(s.baseId, a), g = z(s.baseId, a), c = a === s.value;
+    return /* @__PURE__ */ l(
+      W,
+      f(u({
+        asChild: !0
+      }, d), {
+        focusable: !o,
+        active: c,
+        children: /* @__PURE__ */ l(
+          x.button,
+          f(u({
+            type: "button",
+            role: "tab",
+            "aria-selected": c,
+            "aria-controls": g,
+            "data-state": c ? "active" : "inactive",
+            "data-disabled": o ? "" : void 0,
+            disabled: o,
+            id: p
+          }, n), {
+            ref: t,
+            onMouseDown: I(e.onMouseDown, (i) => {
+              !o && i.button === 0 && i.ctrlKey === !1 ? s.onValueChange(a) : i.preventDefault();
+            }),
+            onKeyDown: I(e.onKeyDown, (i) => {
+              [" ", "Enter"].includes(i.key) && s.onValueChange(a);
+            }),
+            onFocus: I(e.onFocus, () => {
+              const i = s.activationMode !== "manual";
+              !c && !o && i && s.onValueChange(a);
+            })
+          })
+        )
+      })
+    );
+  }
+);
+k.displayName = $;
+var D = "TabsContent", G = h.forwardRef(
+  (e, t) => {
+    const i = e, { __scopeTabs: r, value: a, forceMount: o, children: n } = i, s = b(i, ["__scopeTabs", "value", "forceMount", "children"]), d = C(D, r), p = L(d.baseId, a), g = z(d.baseId, a), c = a === d.value, m = h.useRef(c);
+    return h.useEffect(() => {
+      const v = requestAnimationFrame(() => m.current = !1);
+      return () => cancelAnimationFrame(v);
+    }, []), /* @__PURE__ */ l(X, { present: o || c, children: ({ present: v }) => /* @__PURE__ */ l(
+      x.div,
+      f(u({
+        "data-state": c ? "active" : "inactive",
+        "data-orientation": d.orientation,
+        role: "tabpanel",
+        "aria-labelledby": p,
+        hidden: !v,
+        id: g,
+        tabIndex: 0
+      }, s), {
+        ref: t,
+        style: f(u({}, e.style), {
+          animationDuration: m.current ? "0s" : void 0
+        }),
+        children: v && n
+      })
+    ) });
+  }
+);
+G.displayName = D;
+function L(e, t) {
+  return `${e}-trigger-${t}`;
+}
+function z(e, t) {
+  return `${e}-content-${t}`;
+}
+var oe = V, j = P, K = k, B = G;
+const se = E(
+  "inline-flex items-center rounded-md bg-transparent w-full overflow-x-auto no-scrollbar",
+  {
+    variants: {
+      size: { sm: "h-8", md: "h-10", lg: "h-12" },
+      variant: {
+        default: "gap-1"
+      }
+    },
+    defaultVariants: { size: "md", variant: "default" }
+  }
+), ne = E(
+  // ↳ border-0 — главное условие
+  "cursor-pointer inline-flex items-center justify-center whitespace-nowrap rounded-full font-medium select-none transition-colors border border-transparent font-cofo",
+  {
+    variants: {
+      size: {
+        sm: "px-2 py-1 text-xs",
+        md: "px-3 py-1.25 text-sm",
+        lg: "px-4 py-2 text-base"
+      },
+      variant: {
+        default: "rounded-full border border-transparent"
+      }
+    },
+    defaultVariants: { size: "md", variant: "default" }
+  }
+), Ce = oe, ie = y.forwardRef((n, o) => {
+  var s = n, { size: e = "md", variant: t = "default", className: r } = s, a = b(s, ["size", "variant", "className"]);
+  return /* @__PURE__ */ l(
+    j,
+    u({
+      ref: o,
+      className: w(se({ size: e, variant: t }), r)
+    }, a)
+  );
+});
+ie.displayName = j.displayName;
+const de = y.forwardRef(
+  (c, g) => {
+    var m = c, {
+      size: e = "md",
+      variant: t = "default",
+      className: r,
+      icon: a,
+      iconPosition: o = "start",
+      children: n,
+      disabled: s,
+      "data-testid": d
+    } = m, p = b(m, [
+      "size",
+      "variant",
+      "className",
+      "icon",
+      "iconPosition",
+      "children",
+      "disabled",
+      "data-testid"
+    ]);
+    const i = w(
+      ne({ size: e, variant: t }),
+      /* base (inactive) */
+      t === "default" ? "bg-white border-border-tabs" : "bg-transparent text-gray-600 rounded-md w-full",
+      /* hover / pressed (inactive) */
+      t === "default" ? "data-[state=inactive]:hover:border-border data-[state=inactive]:active:bg-default-background data-[state=inactive]:active:text-secondary" : "data-[state=inactive]:hover:bg-gray-50 data-[state=inactive]:hover:rounded-md data-[state=inactive]:hover:shadow-none h-full",
+      /* focus (inactive) */
+      "focus-visible:outline-none focus-visible:border-2",
+      /* active */
+      t === "default" ? "data-[state=active]:bg-default-background data-[state=active]:border-transparent data-[state=active]:hover:bg-switch-background data-[state=active]:active:bg-switch-background data-[state=active]:active:text-secondary" : "data-[state=active]:bg-white data-[state=active]:text-gray-900 data-[state=active]:shadow-sm data-[state=active]:rounded-md data-[state=active]:hover:rounded-md data-[state=active]:hover:shadow-sm data-[state=active]:w-full",
+      /* disabled */
+      "disabled:pointer-events-none disabled:bg-gray-100 disabled:text-gray-400 disabled:shadow-none",
+      r
+    ), v = () => a ? y.isValidElement(a) ? a : /* @__PURE__ */ l(te, { icon: a }) : null;
+    return /* @__PURE__ */ J(
+      K,
+      f(u({
+        ref: g,
+        className: i,
+        disabled: s
+      }, p), {
+        "data-testid": d,
+        children: [
+          o === "start" && v(),
+          n && /* @__PURE__ */ l(
+            "span",
+            {
+              className: w(
+                a && o === "start" && "ml-1.5",
+                a && o === "end" && "mr-1.5"
+              ),
+              children: n
+            }
+          ),
+          o === "end" && v()
+        ]
+      })
+    );
+  }
+);
+de.displayName = K.displayName;
+const ce = y.forwardRef((a, r) => {
+  var o = a, { className: e } = o, t = b(o, ["className"]);
+  return /* @__PURE__ */ l(
+    B,
+    u({
+      ref: r,
+      className: w("mt-2", e)
+    }, t)
+  );
+});
+ce.displayName = B.displayName;
+export {
+  Ce as Tabs,
+  ce as TabsContent,
+  ie as TabsList,
+  de as TabsTrigger
+};

package/dist/lib/ui/tag.js

@@ -0,0 +1,113 @@
+var j = Object.defineProperty, w = Object.defineProperties;
+var I = Object.getOwnPropertyDescriptors;
+var r = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
+var b = (t, a, e) => a in t ? j(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, o = (t, a) => {
+  for (var e in a || (a = {}))
+    d.call(a, e) && b(t, e, a[e]);
+  if (r)
+    for (var e of r(a))
+      s.call(a, e) && b(t, e, a[e]);
+  return t;
+}, c = (t, a) => w(t, I(a));
+var v = (t, a) => {
+  var e = {};
+  for (var g in t)
+    d.call(t, g) && a.indexOf(g) < 0 && (e[g] = t[g]);
+  if (t != null && r)
+    for (var g of r(t))
+      a.indexOf(g) < 0 && s.call(t, g) && (e[g] = t[g]);
+  return e;
+};
+import { jsxs as N, Fragment as R, jsx as u } from "react/jsx-runtime";
+import T from "react";
+import { c as V } from "../../chunks/index-BO6p208a.js";
+import { Icon as _ } from "../icon/icon.js";
+import { c as z } from "../../chunks/utils-TbLXCoKm.js";
+const F = V(
+  "font-cofo flex flex-shrink-0 items-center justify-center rounded-md font-medium border-0 py-1 px-2 text-[14px]",
+  {
+    variants: {
+      color: {
+        default: "bg-default-background text-default",
+        magenta: "bg-[var(--tag-magenta-bg)] text-[var(--tag-magenta-fg)]",
+        blue: "bg-[var(--tag-blue-bg)] text-[var(--tag-blue-fg)]",
+        cyan: "bg-[var(--tag-cyan-bg)] text-[var(--tag-cyan-fg)]",
+        geekblue: "bg-[var(--tag-geekblue-bg)] text-[var(--tag-geekblue-fg)]",
+        gold: "bg-[var(--tag-gold-bg)] text-[var(--tag-gold-fg)]",
+        green: "bg-[var(--tag-green-bg)] text-[var(--tag-green-fg)]",
+        lime: "bg-[var(--tag-lime-bg)] text-[var(--tag-lime-fg)]",
+        orange: "bg-[var(--tag-orange-bg)] text-[var(--tag-orange-fg)]",
+        purple: "bg-[var(--tag-purple-bg)] text-[var(--tag-purple-fg)]",
+        red: "bg-[var(--tag-red-bg)] text-[var(--tag-red-fg)]",
+        volcano: "bg-[var(--tag-volcano-bg)] text-[var(--tag-volcano-fg)]",
+        gray: "bg-[var(--tag-gray-bg)] text-[var(--tag-gray-fg)]"
+      },
+      iconOnly: {
+        true: "w-6 h-6 p-0 flex items-center justify-center",
+        false: ""
+      },
+      iconPosition: {
+        start: "gap-1",
+        end: "gap-1"
+      }
+    },
+    defaultVariants: {
+      color: "default",
+      iconOnly: !1,
+      iconPosition: "start"
+    }
+  }
+), O = T.forwardRef(
+  (q, k) => {
+    var f = q, {
+      color: t = "default",
+      disabled: a = !1,
+      iconOnly: e = !1,
+      iconPosition: g = "start",
+      icon: l,
+      iconProps: i,
+      children: m,
+      className: x,
+      "data-testid": p
+    } = f, y = v(f, [
+      "color",
+      "disabled",
+      "iconOnly",
+      "iconPosition",
+      "icon",
+      "iconProps",
+      "children",
+      "className",
+      "data-testid"
+    ]);
+    const n = () => l ? /* @__PURE__ */ u(_, o({ icon: l, size: 12 }, i)) : null, h = /* @__PURE__ */ N(R, { children: [
+      g === "start" && n(),
+      m,
+      g === "end" && n()
+    ] });
+    return /* @__PURE__ */ u(
+      "div",
+      c(o({
+        ref: k,
+        className: z(
+          F({
+            color: t,
+            iconOnly: e,
+            iconPosition: g
+          }),
+          a && "bg-muted border-0 opacity-60",
+          x
+        )
+      }, y), {
+        "data-testid": p,
+        children: e ? n() : h
+      })
+    );
+  }
+);
+O.displayName = "Tag";
+export {
+  O as Tag,
+  F as tagVariants
+};

package/dist/lib/ui/textarea.js

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