konsolpro-custom-ui 0.0.327

package/dist/lib/ui/checkbox.js

@@ -0,0 +1,363 @@
+var Y = Object.defineProperty, Z = Object.defineProperties;
+var ee = Object.getOwnPropertyDescriptors;
+var P = Object.getOwnPropertySymbols;
+var q = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
+var j = (e, t, r) => t in e ? Y(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, x = (e, t) => {
+  for (var r in t || (t = {}))
+    q.call(t, r) && j(e, r, t[r]);
+  if (P)
+    for (var r of P(t))
+      A.call(t, r) && j(e, r, t[r]);
+  return e;
+}, g = (e, t) => Z(e, ee(t));
+var w = (e, t) => {
+  var r = {};
+  for (var o in e)
+    q.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
+  if (e != null && P)
+    for (var o of P(e))
+      t.indexOf(o) < 0 && A.call(e, o) && (r[o] = e[o]);
+  return r;
+};
+import { jsx as l, jsxs as z, Fragment as re } from "react/jsx-runtime";
+import * as v from "react";
+import B from "react";
+import { u as L } from "../../chunks/index-DLcqcWxM.js";
+import { c as te } from "../../chunks/index-E4d_Gd-w.js";
+import { c as F } from "../../chunks/index-DLeNytVF.js";
+import { u as oe } from "../../chunks/index-DYfkNB0n.js";
+import { u as ne } from "../../chunks/index-BZPx6jYI.js";
+import { u as ae } from "../../chunks/index-CHDs-SiB.js";
+import { P as ce } from "../../chunks/index-PsqJG3fE.js";
+import { P as D } from "../../chunks/index-BJD1rYeT.js";
+import { c as O } from "../../chunks/index-BO6p208a.js";
+import { c as S } from "../../chunks/utils-TbLXCoKm.js";
+import { Icon as se } from "../icon/icon.js";
+var N = "Checkbox", [ie, Se] = te(N), [de, T] = ie(N);
+function le(e) {
+  const {
+    __scopeCheckbox: t,
+    checked: r,
+    children: o,
+    defaultChecked: a,
+    disabled: d,
+    form: s,
+    name: n,
+    onCheckedChange: h,
+    required: k,
+    value: p = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: C
+  } = e, [f, u] = oe({
+    prop: r,
+    defaultProp: a != null ? a : !1,
+    onChange: h,
+    caller: N
+  }), [b, R] = v.useState(null), [y, m] = v.useState(null), _ = v.useRef(!1), i = b ? !!s || !!b.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), c = {
+    checked: f,
+    disabled: d,
+    setChecked: u,
+    control: b,
+    setControl: R,
+    name: n,
+    form: s,
+    value: p,
+    hasConsumerStoppedPropagationRef: _,
+    required: k,
+    defaultChecked: I(a) ? !1 : a,
+    isFormControl: i,
+    bubbleInput: y,
+    setBubbleInput: m
+  };
+  return /* @__PURE__ */ l(
+    de,
+    g(x({
+      scope: t
+    }, c), {
+      children: ue(C) ? C(c) : o
+    })
+  );
+}
+var V = "CheckboxTrigger", H = v.forwardRef(
+  (d, a) => {
+    var s = d, { __scopeCheckbox: e, onKeyDown: t, onClick: r } = s, o = w(s, ["__scopeCheckbox", "onKeyDown", "onClick"]);
+    const {
+      control: n,
+      value: h,
+      disabled: k,
+      checked: p,
+      required: C,
+      setControl: f,
+      setChecked: u,
+      hasConsumerStoppedPropagationRef: b,
+      isFormControl: R,
+      bubbleInput: y
+    } = T(V, e), m = L(a, f), _ = v.useRef(p);
+    return v.useEffect(() => {
+      const i = n == null ? void 0 : n.form;
+      if (i) {
+        const c = () => u(_.current);
+        return i.addEventListener("reset", c), () => i.removeEventListener("reset", c);
+      }
+    }, [n, u]), /* @__PURE__ */ l(
+      D.button,
+      g(x({
+        type: "button",
+        role: "checkbox",
+        "aria-checked": I(p) ? "mixed" : p,
+        "aria-required": C,
+        "data-state": J(p),
+        "data-disabled": k ? "" : void 0,
+        disabled: k,
+        value: h
+      }, o), {
+        ref: m,
+        onKeyDown: F(t, (i) => {
+          i.key === "Enter" && i.preventDefault();
+        }),
+        onClick: F(r, (i) => {
+          u((c) => I(c) ? !0 : !c), y && R && (b.current = i.isPropagationStopped(), b.current || i.stopPropagation());
+        })
+      })
+    );
+  }
+);
+H.displayName = V;
+var G = v.forwardRef(
+  (e, t) => {
+    const f = e, {
+      __scopeCheckbox: r,
+      name: o,
+      checked: a,
+      defaultChecked: d,
+      required: s,
+      disabled: n,
+      value: h,
+      onCheckedChange: k,
+      form: p
+    } = f, C = w(f, [
+      "__scopeCheckbox",
+      "name",
+      "checked",
+      "defaultChecked",
+      "required",
+      "disabled",
+      "value",
+      "onCheckedChange",
+      "form"
+    ]);
+    return /* @__PURE__ */ l(
+      le,
+      {
+        __scopeCheckbox: r,
+        checked: a,
+        defaultChecked: d,
+        disabled: n,
+        required: s,
+        onCheckedChange: k,
+        name: o,
+        form: p,
+        value: h,
+        internal_do_not_use_render: ({ isFormControl: u }) => /* @__PURE__ */ z(re, { children: [
+          /* @__PURE__ */ l(
+            H,
+            g(x({}, C), {
+              ref: t,
+              __scopeCheckbox: r
+            })
+          ),
+          u && /* @__PURE__ */ l(
+            $,
+            {
+              __scopeCheckbox: r
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+G.displayName = N;
+var K = "CheckboxIndicator", U = v.forwardRef(
+  (e, t) => {
+    const s = e, { __scopeCheckbox: r, forceMount: o } = s, a = w(s, ["__scopeCheckbox", "forceMount"]), d = T(K, r);
+    return /* @__PURE__ */ l(
+      ce,
+      {
+        present: o || I(d.checked) || d.checked === !0,
+        children: /* @__PURE__ */ l(
+          D.span,
+          g(x({
+            "data-state": J(d.checked),
+            "data-disabled": d.disabled ? "" : void 0
+          }, a), {
+            ref: t,
+            style: x({ pointerEvents: "none" }, e.style)
+          })
+        )
+      }
+    );
+  }
+);
+U.displayName = K;
+var X = "CheckboxBubbleInput", $ = v.forwardRef(
+  (o, r) => {
+    var a = o, { __scopeCheckbox: e } = a, t = w(a, ["__scopeCheckbox"]);
+    const {
+      control: d,
+      hasConsumerStoppedPropagationRef: s,
+      checked: n,
+      defaultChecked: h,
+      required: k,
+      disabled: p,
+      name: C,
+      value: f,
+      form: u,
+      bubbleInput: b,
+      setBubbleInput: R
+    } = T(X, e), y = L(r, R), m = ne(n), _ = ae(d);
+    v.useEffect(() => {
+      const c = b;
+      if (!c) return;
+      const E = window.HTMLInputElement.prototype, M = Object.getOwnPropertyDescriptor(
+        E,
+        "checked"
+      ).set, Q = !s.current;
+      if (m !== n && M) {
+        const W = new Event("click", { bubbles: Q });
+        c.indeterminate = I(n), M.call(c, I(n) ? !1 : n), c.dispatchEvent(W);
+      }
+    }, [b, m, n, s]);
+    const i = v.useRef(I(n) ? !1 : n);
+    return /* @__PURE__ */ l(
+      D.input,
+      g(x({
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: h != null ? h : i.current,
+        required: k,
+        disabled: p,
+        name: C,
+        value: f,
+        form: u
+      }, t), {
+        tabIndex: -1,
+        ref: y,
+        style: g(x(x({}, t.style), _), {
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        })
+      })
+    );
+  }
+);
+$.displayName = X;
+function ue(e) {
+  return typeof e == "function";
+}
+function I(e) {
+  return e === "indeterminate";
+}
+function J(e) {
+  return I(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+const pe = O(
+  "group peer cursor-pointer border-border focus:border-primary focus:shadow-focus disabled:cursor-not-allowed shrink-0 rounded-sm border focus:outline-none flex items-center justify-center",
+  {
+    variants: {
+      size: {
+        md: "h-4 w-4 rounded-sm",
+        lg: "h-6 w-6 rounded-md"
+      },
+      state: {
+        checked: "bg-primary border-primary focus:border-primary focus:hover:border-primary-hover hover:bg-primary-hover hover:border-primary-hover disabled:hover:bg-primary disabled:hover:border-primary active:bg-primary-active active:hover:!border-primary-active",
+        unchecked: "bg-muted focus:hover:border-primary-hover hover:border-primary-hover disabled:hover:border-border active:hover:!border-primary-active",
+        indeterminate: "bg-white border-primary focus:border-primary focus:hover:border-primary-hover hover:border-primary-hover disabled:hover:border-primary active:hover:!border-primary-active"
+      },
+      isDisabled: {
+        true: "opacity-40",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      state: "unchecked",
+      isDisabled: !1
+    }
+  }
+), me = O(
+  "rounded-[2px] bg-primary shrink-0 group-hover:bg-primary-hover group-disabled:group-hover:bg-primary group-active:bg-primary-active",
+  {
+    variants: {
+      size: {
+        md: "w-2 h-2",
+        lg: "w-3 h-3"
+      }
+    }
+  }
+);
+function he(e) {
+  const {
+    className: t,
+    size: r = "md",
+    label: o,
+    disabled: a,
+    checked: d,
+    id: s,
+    onCheckedChange: n,
+    ref: h,
+    "data-testid": k
+  } = e, p = r === "md" ? 16 : 24, C = B.useId(), f = s || C, u = a || !1, [b, R] = B.useState(!1), y = d !== void 0, m = y ? d : b, _ = () => m === !0 ? "checked" : m === "indeterminate" ? "indeterminate" : "unchecked", i = (E) => {
+    y && n ? n(E) : y || R(E);
+  }, c = /* @__PURE__ */ l(
+    G,
+    {
+      ref: h,
+      id: f,
+      className: S(
+        pe({ size: r, state: _(), isDisabled: u }),
+        t
+      ),
+      disabled: u,
+      checked: m,
+      onCheckedChange: i,
+      "data-testid": k,
+      children: /* @__PURE__ */ z(U, { className: "flex h-full w-full items-center justify-center", children: [
+        m === "indeterminate" && /* @__PURE__ */ l("div", { className: me({ size: r }) }),
+        m === !0 && /* @__PURE__ */ l(se, { icon: "DoneIcon", size: p, className: "text-white" })
+      ] })
+    }
+  );
+  return o ? /* @__PURE__ */ z("div", { className: "items-top flex flex-row space-x-2", children: [
+    /* @__PURE__ */ l("div", { className: S(r === "md" && "pt-0.5"), children: c }),
+    /* @__PURE__ */ l(
+      "label",
+      {
+        htmlFor: f,
+        className: S(
+          "font-graphik m-0 cursor-pointer text-[14px] leading-[20px] font-normal",
+          u && "cursor-not-allowed opacity-40",
+          r === "lg" && "pt-0.5"
+        ),
+        children: o
+      }
+    )
+  ] }) : c;
+}
+const ze = B.forwardRef(
+  (e, t) => /* @__PURE__ */ l(he, g(x({}, e), { ref: t }))
+);
+export {
+  ze as Checkbox,
+  pe as checkboxVariants,
+  me as indicatorVariants
+};

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

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../chunks/combobox-primitive-context-B_ldR_VA.js";
+import { a as c } from "../../../chunks/uploader-BN38rjbw.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 "../combobox-primitive/hooks.js";
+import "../combobox-primitive/utils.js";
+export {
+  c as ComboboxBase
+};

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

@@ -0,0 +1,4 @@
+import { a as b } from "../../../chunks/uploader-BN38rjbw.js";
+export {
+  b as ComboboxBase
+};

package/dist/lib/ui/combobox-primitive/combobox-primitive-context.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "react";
+import { C as t, u as e } from "../../../chunks/combobox-primitive-context-B_ldR_VA.js";
+export {
+  t as ComboboxPrimitiveProvider,
+  e as useComboboxPrimitiveContext
+};

package/dist/lib/ui/combobox-primitive/components/Item.js

@@ -0,0 +1,9 @@
+import { jsx as e, Fragment as t } from "react/jsx-runtime";
+import m from "react";
+const o = m.forwardRef(
+  ({ children: r }, a) => /* @__PURE__ */ e(t, { children: r })
+);
+o.displayName = "Item";
+export {
+  o as Item
+};

package/dist/lib/ui/combobox-primitive/components/combobox-actions.js

@@ -0,0 +1,35 @@
+import "react/jsx-runtime";
+import { c as H } from "../../../../chunks/uploader-BN38rjbw.js";
+import "../../../icon/icon.js";
+import "react";
+import "../../../icon-banks/icons-banks.js";
+import "../../../icon-documents/icons-document.js";
+import "../../../../chunks/utils-TbLXCoKm.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-container.js";
+import "./combobox-input.js";
+import "./combobox-item-renderer.js";
+import "./combobox-menu.js";
+import "./Item.js";
+import "./item-view.js";
+import "./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";
+import "../constants.js";
+export {
+  H as ComboboxActions
+};

package/dist/lib/ui/combobox-primitive/components/combobox-container.js

@@ -0,0 +1,59 @@
+var y = Object.defineProperty, N = Object.defineProperties;
+var _ = Object.getOwnPropertyDescriptors;
+var a = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var m = (e, r, t) => r in e ? y(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, l = (e, r) => {
+  for (var t in r || (r = {}))
+    f.call(r, t) && m(e, t, r[t]);
+  if (a)
+    for (var t of a(r))
+      c.call(r, t) && m(e, t, r[t]);
+  return e;
+}, p = (e, r) => N(e, _(r));
+var u = (e, r) => {
+  var t = {};
+  for (var o in e)
+    f.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && a)
+    for (var o of a(e))
+      r.indexOf(o) < 0 && c.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import { jsx as g } from "react/jsx-runtime";
+import j, { useCallback as k } from "react";
+import { c as w } from "../../../../chunks/utils-TbLXCoKm.js";
+import { u as z } from "../../../../chunks/combobox-primitive-context-B_ldR_VA.js";
+import { getContainerClasses as E, hasError as O } from "../utils.js";
+const P = j.forwardRef(
+  (W, o) => {
+    var n = W, { children: e, className: r } = n, t = u(n, ["children", "className"]);
+    const {
+      size: C,
+      fullWidth: b,
+      transparent: x,
+      disabled: d,
+      error: R,
+      isOpen: h,
+      refs: i
+    } = z(), v = k((s) => {
+      typeof o == "function" ? o(s) : o && (o.current = s), i.reference.current !== s && s !== null && i.setReference(s);
+    }, [o, i]);
+    return /* @__PURE__ */ g(
+      "div",
+      p(l({
+        ref: v,
+        className: w(
+          E(C, b, x, d, O(R)),
+          r
+        ),
+        "data-state": h ? "open" : "closed"
+      }, t), {
+        children: e
+      })
+    );
+  }
+);
+P.displayName = "ComboboxContainer";
+export {
+  P as ComboboxContainer
+};

package/dist/lib/ui/combobox-primitive/components/combobox-input.js

@@ -0,0 +1,52 @@
+var x = Object.defineProperty, C = Object.defineProperties;
+var I = Object.getOwnPropertyDescriptors;
+var s = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var i = (o, t, e) => t in o ? x(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, p = (o, t) => {
+  for (var e in t || (t = {}))
+    u.call(t, e) && i(o, e, t[e]);
+  if (s)
+    for (var e of s(t))
+      l.call(t, e) && i(o, e, t[e]);
+  return o;
+}, n = (o, t) => C(o, I(t));
+var f = (o, t) => {
+  var e = {};
+  for (var r in o)
+    u.call(o, r) && t.indexOf(r) < 0 && (e[r] = o[r]);
+  if (o != null && s)
+    for (var r of s(o))
+      t.indexOf(r) < 0 && l.call(o, r) && (e[r] = o[r]);
+  return e;
+};
+import { jsx as v } from "react/jsx-runtime";
+import P from "react";
+import { u as g } from "../../../../chunks/combobox-primitive-context-B_ldR_VA.js";
+import { getInputClasses as h } from "../utils.js";
+const N = P.forwardRef(
+  (e, t) => {
+    var o = f(e, []);
+    const {
+      size: r,
+      fullWidth: b,
+      disabled: m,
+      placeholder: d,
+      getInputProps: c
+    } = g(), a = c();
+    return /* @__PURE__ */ v(
+      "input",
+      n(p(p({
+        ref: t
+      }, a), o), {
+        value: a.value || "",
+        disabled: m,
+        placeholder: d,
+        className: h(r, b, m)
+      })
+    );
+  }
+);
+N.displayName = "ComboboxInput";
+export {
+  N as ComboboxInput
+};

package/dist/lib/ui/combobox-primitive/components/combobox-item-renderer.js

@@ -0,0 +1,101 @@
+var _ = Object.defineProperty, A = Object.defineProperties;
+var K = Object.getOwnPropertyDescriptors;
+var h = Object.getOwnPropertySymbols;
+var D = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
+var g = (e, t, r) => t in e ? _(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, p = (e, t) => {
+  for (var r in t || (t = {}))
+    D.call(t, r) && g(e, r, t[r]);
+  if (h)
+    for (var r of h(t))
+      L.call(t, r) && g(e, r, t[r]);
+  return e;
+}, S = (e, t) => A(e, K(t));
+import { jsx as f, Fragment as M } from "react/jsx-runtime";
+import m from "react";
+import { c as w } from "../../../../chunks/utils-TbLXCoKm.js";
+import { S as O } from "../../../../chunks/scroll-area-TRRhxrjX.js";
+import { u as k } from "../../../../chunks/combobox-primitive-context-B_ldR_VA.js";
+import { ItemView as v } from "./item-view.js";
+function P(e, t) {
+  return e && typeof e == "object" && e.displayName === t;
+}
+function s(e) {
+  if (e == null)
+    return String(e);
+  if (typeof e == "object")
+    try {
+      return JSON.stringify(e);
+    } catch (t) {
+      return String(e);
+    }
+  return String(e);
+}
+function F({
+  children: e,
+  classNames: t
+}) {
+  const { items: r, selectedItem: d, getItemProps: a } = k(), u = /* @__PURE__ */ new Map();
+  r.forEach((c, n) => {
+    const x = s(c.value);
+    u.set(x, { item: c, index: n });
+  });
+  const j = d ? s(d.value) : null, E = ((c) => m.Children.map(c, (n, x) => {
+    if (!m.isValidElement(n))
+      return n;
+    if (P(n.type, "List")) {
+      const R = m.Children.map(n.props.children, (i, W) => {
+        if (!m.isValidElement(i))
+          return i;
+        if (P(i.type, "Item"))
+          try {
+            const o = i.props, l = s(o.option), y = u.get(l);
+            if (y) {
+              const { item: b, index: I } = y, C = j === l;
+              return /* @__PURE__ */ f(
+                v,
+                S(p({
+                  isSelected: C,
+                  className: o.className
+                }, a({
+                  item: b,
+                  index: I
+                })), {
+                  children: typeof o.children == "function" ? o.children(p({
+                    isSelected: C,
+                    className: o.className
+                  }, a({
+                    item: b,
+                    index: I
+                  }))) : o.children
+                }),
+                l
+              );
+            }
+          } catch (o) {
+            return null;
+          }
+        return i;
+      }), V = /* @__PURE__ */ f(
+        O,
+        {
+          className: w("flex max-h-60 flex-col", t == null ? void 0 : t.scrollArea),
+          relative: !1,
+          viewPortClassName: w("!flex flex-col", t == null ? void 0 : t.scrollAreaViewport),
+          asChild: !0,
+          children: R
+        }
+      );
+      return m.cloneElement(n, n.props, V);
+    }
+    return n;
+  }))(e);
+  return /* @__PURE__ */ f(M, { children: E });
+}
+const J = F;
+Object.defineProperty(J, "displayName", {
+  value: "ComboboxItemRenderer",
+  writable: !1
+});
+export {
+  J as ComboboxItemRenderer
+};