@variamosple/variamos-components 0.0.23 → 0.1.0

package/dist/NavLink-ebvp1HCw.js

@@ -1,173 +0,0 @@
-import { _ as N, d as C } from "./useWindow-rGE2GXIv.js";
-import * as d from "react";
-import { useRef as P, useState as j, useCallback as O, useReducer as I, useLayoutEffect as S, useEffect as R, useContext as m } from "react";
-import { g as A, u as _, c as B } from "./ThemeProvider-Q3gZ4GF2.js";
-import { A as K } from "./Anchor-DJG5WYYF.js";
-import { u as L } from "./useEventCallback-Bfo0-hwZ.js";
-import { B as U } from "./Button-DWo2Fl71.js";
-import { j as h } from "./jsx-runtime-Drh4NO5G.js";
-function x() {
-  return x = Object.assign ? Object.assign.bind() : function(t) {
-    for (var e = 1; e < arguments.length; e++) {
-      var r = arguments[e];
-      for (var n in r) ({}).hasOwnProperty.call(r, n) && (t[n] = r[n]);
-    }
-    return t;
-  }, x.apply(null, arguments);
-}
-var p, b;
-function T() {
-  if (b) return p;
-  b = 1;
-  var t = function(e, r, n, u, a, c, i, l) {
-    if (process.env.NODE_ENV !== "production" && r === void 0)
-      throw new Error("invariant requires an error message argument");
-    if (!e) {
-      var s;
-      if (r === void 0)
-        s = new Error(
-          "Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings."
-        );
-      else {
-        var o = [n, u, a, c, i, l], f = 0;
-        s = new Error(
-          r.replace(/%s/g, function() {
-            return o[f++];
-          })
-        ), s.name = "Invariant Violation";
-      }
-      throw s.framesToPop = 1, s;
-    }
-  };
-  return p = t, p;
-}
-var q = T();
-const ot = /* @__PURE__ */ A(q);
-function g(t) {
-  return "default" + t.charAt(0).toUpperCase() + t.substr(1);
-}
-function D(t) {
-  var e = F(t, "string");
-  return typeof e == "symbol" ? e : String(e);
-}
-function F(t, e) {
-  if (typeof t != "object" || t === null) return t;
-  var r = t[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var n = r.call(t, e);
-    if (typeof n != "object") return n;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return String(t);
-}
-function M(t, e, r) {
-  var n = P(t !== void 0), u = j(e), a = u[0], c = u[1], i = t !== void 0, l = n.current;
-  return n.current = i, !i && l && a !== e && c(e), [i ? t : a, O(function(s) {
-    for (var o = arguments.length, f = new Array(o > 1 ? o - 1 : 0), v = 1; v < o; v++)
-      f[v - 1] = arguments[v];
-    r && r.apply(void 0, [s].concat(f)), c(s);
-  }, [r])];
-}
-function at(t, e) {
-  return Object.keys(e).reduce(function(r, n) {
-    var u, a = r, c = a[g(n)], i = a[n], l = N(a, [g(n), n].map(D)), s = e[n], o = M(i, c, t[s]), f = o[0], v = o[1];
-    return x({}, l, (u = {}, u[n] = f, u[s] = v, u));
-  }, t);
-}
-function st() {
-  const [, t] = I((e) => e + 1, 0);
-  return t;
-}
-const W = /* @__PURE__ */ d.createContext(null), w = (t, e = null) => t != null ? String(t) : e || null, y = /* @__PURE__ */ d.createContext(null);
-y.displayName = "NavContext";
-const V = typeof global < "u" && // @ts-ignore
-global.navigator && // @ts-ignore
-global.navigator.product === "ReactNative", $ = typeof document < "u", it = $ || V ? S : R, z = /* @__PURE__ */ d.createContext(null);
-z.displayName = "NavbarContext";
-const G = /* @__PURE__ */ d.createContext(null), H = ["as", "active", "eventKey"];
-function J(t, e) {
-  if (t == null) return {};
-  var r = {};
-  for (var n in t) if ({}.hasOwnProperty.call(t, n)) {
-    if (e.indexOf(n) >= 0) continue;
-    r[n] = t[n];
-  }
-  return r;
-}
-function E({
-  key: t,
-  onClick: e,
-  active: r,
-  id: n,
-  role: u,
-  disabled: a
-}) {
-  const c = m(W), i = m(y), l = m(G);
-  let s = r;
-  const o = {
-    role: u
-  };
-  if (i) {
-    !u && i.role === "tablist" && (o.role = "tab");
-    const f = i.getControllerId(t ?? null), v = i.getControlledId(t ?? null);
-    o[C("event-key")] = t, o.id = f || n, s = r == null && t != null ? i.activeKey === t : r, (s || !(l != null && l.unmountOnExit) && !(l != null && l.mountOnEnter)) && (o["aria-controls"] = v);
-  }
-  return o.role === "tab" && (o["aria-selected"] = s, s || (o.tabIndex = -1), a && (o.tabIndex = -1, o["aria-disabled"] = !0)), o.onClick = L((f) => {
-    a || (e == null || e(f), t != null && c && !f.isPropagationStopped() && c(t, f));
-  }), [o, {
-    isActive: s
-  }];
-}
-const Q = /* @__PURE__ */ d.forwardRef((t, e) => {
-  let {
-    as: r = U,
-    active: n,
-    eventKey: u
-  } = t, a = J(t, H);
-  const [c, i] = E(Object.assign({
-    key: w(u, a.href),
-    active: n
-  }, a));
-  return c[C("active")] = i.isActive, /* @__PURE__ */ h.jsx(r, Object.assign({}, a, c, {
-    ref: e
-  }));
-});
-Q.displayName = "NavItem";
-const X = /* @__PURE__ */ d.forwardRef(({
-  bsPrefix: t,
-  className: e,
-  as: r = K,
-  active: n,
-  eventKey: u,
-  disabled: a = !1,
-  ...c
-}, i) => {
-  t = _(t, "nav-link");
-  const [l, s] = E({
-    key: w(u, c.href),
-    active: n,
-    disabled: a,
-    ...c
-  });
-  return /* @__PURE__ */ h.jsx(r, {
-    ...c,
-    ...l,
-    ref: i,
-    disabled: a,
-    className: B(e, t, a && "disabled", s.isActive && "active")
-  });
-});
-X.displayName = "NavLink";
-export {
-  Q as N,
-  W as S,
-  G as T,
-  y as a,
-  X as b,
-  at as c,
-  z as d,
-  it as e,
-  ot as i,
-  w as m,
-  st as u
-};

package/dist/SubHeader-gTVD9DIX.js

@@ -1,481 +0,0 @@
-import { j as c } from "./jsx-runtime-Drh4NO5G.js";
-import * as v from "react";
-import z, { useMemo as j, useContext as M, useState as Z, useRef as we, useEffect as Ee, useCallback as W } from "react";
-import "./Context/AnalyticsContext.js";
-import { useMenu as je } from "./Context/MenuContext.js";
-import { useRouter as $e } from "./Context/RouterContext.js";
-import { useSession as Te } from "./Context/SessionContext.js";
-import { c as N, u as w } from "./ThemeProvider-Q3gZ4GF2.js";
-import { d as B, e as Ce, c as Re, S as Oe } from "./NavLink-ebvp1HCw.js";
-import { T as V, a as I, b as q, s as J, c as be, E as P, e as L, f as ee, h as Be, A as Se, d as ke, M as He, B as De, F as Fe, i as Me, g as Le } from "./AbstractModalHeader-UzCRSxIO.js";
-import { b as A } from "./useWindow-rGE2GXIv.js";
-import { C as Ae } from "./Container-BLjzOisH.js";
-import { N as K } from "./Nav-CdxSljzW.js";
-function O(...e) {
-  return e.filter((a) => a != null).reduce((a, n) => {
-    if (typeof n != "function")
-      throw new Error("Invalid Argument Type, must only provide functions, undefined, or null.");
-    return a === null ? n : function(...o) {
-      a.apply(this, o), n.apply(this, o);
-    };
-  }, null);
-}
-const Ge = {
-  height: ["marginTop", "marginBottom"],
-  width: ["marginLeft", "marginRight"]
-};
-function Qe(e, a) {
-  const n = `offset${e[0].toUpperCase()}${e.slice(1)}`, t = a[n], o = Ge[e];
-  return t + // @ts-ignore
-  parseInt(J(a, o[0]), 10) + // @ts-ignore
-  parseInt(J(a, o[1]), 10);
-}
-const Ue = {
-  [Be]: "collapse",
-  [ee]: "collapsing",
-  [L]: "collapsing",
-  [P]: "collapse show"
-}, Xe = /* @__PURE__ */ z.forwardRef(({
-  onEnter: e,
-  onEntering: a,
-  onEntered: n,
-  onExit: t,
-  onExiting: o,
-  className: r,
-  children: f,
-  dimension: s = "height",
-  in: l = !1,
-  timeout: i = 300,
-  mountOnEnter: d = !1,
-  unmountOnExit: u = !1,
-  appear: g = !1,
-  getDimensionValue: x = Qe,
-  ...h
-}, E) => {
-  const p = typeof s == "function" ? s() : s, $ = j(() => O((m) => {
-    m.style[p] = "0";
-  }, e), [p, e]), C = j(() => O((m) => {
-    const T = `scroll${p[0].toUpperCase()}${p.slice(1)}`;
-    m.style[p] = `${m[T]}px`;
-  }, a), [p, a]), R = j(() => O((m) => {
-    m.style[p] = null;
-  }, n), [p, n]), S = j(() => O((m) => {
-    m.style[p] = `${x(p, m)}px`, be(m);
-  }, t), [t, x, p]), b = j(() => O((m) => {
-    m.style[p] = null;
-  }, o), [p, o]);
-  return /* @__PURE__ */ c.jsx(V, {
-    ref: E,
-    addEndListener: q,
-    ...h,
-    "aria-expanded": h.role ? l : null,
-    onEnter: $,
-    onEntering: C,
-    onEntered: R,
-    onExit: S,
-    onExiting: b,
-    childRef: I(f),
-    in: l,
-    timeout: i,
-    mountOnEnter: d,
-    unmountOnExit: u,
-    appear: g,
-    children: (m, T) => /* @__PURE__ */ z.cloneElement(f, {
-      ...T,
-      className: N(r, f.props.className, Ue[m], p === "width" && "collapse-horizontal")
-    })
-  });
-}), ae = /* @__PURE__ */ v.forwardRef(({
-  bsPrefix: e,
-  className: a,
-  as: n,
-  ...t
-}, o) => {
-  e = w(e, "navbar-brand");
-  const r = n || (t.href ? "a" : "span");
-  return /* @__PURE__ */ c.jsx(r, {
-    ...t,
-    ref: o,
-    className: N(a, e)
-  });
-});
-ae.displayName = "NavbarBrand";
-const ne = /* @__PURE__ */ v.forwardRef(({
-  children: e,
-  bsPrefix: a,
-  ...n
-}, t) => {
-  a = w(a, "navbar-collapse");
-  const o = M(B);
-  return /* @__PURE__ */ c.jsx(Xe, {
-    in: !!(o && o.expanded),
-    ...n,
-    children: /* @__PURE__ */ c.jsx("div", {
-      ref: t,
-      className: a,
-      children: e
-    })
-  });
-});
-ne.displayName = "NavbarCollapse";
-const te = /* @__PURE__ */ v.forwardRef(({
-  bsPrefix: e,
-  className: a,
-  children: n,
-  label: t = "Toggle navigation",
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: o = "button",
-  onClick: r,
-  ...f
-}, s) => {
-  e = w(e, "navbar-toggler");
-  const {
-    onToggle: l,
-    expanded: i
-  } = M(B) || {}, d = A((u) => {
-    r && r(u), l && l();
-  });
-  return o === "button" && (f.type = "button"), /* @__PURE__ */ c.jsx(o, {
-    ...f,
-    ref: s,
-    onClick: d,
-    "aria-label": t,
-    className: N(a, e, !i && "collapsed"),
-    children: n || /* @__PURE__ */ c.jsx("span", {
-      className: `${e}-icon`
-    })
-  });
-});
-te.displayName = "NavbarToggle";
-const F = /* @__PURE__ */ new WeakMap(), Y = (e, a) => {
-  if (!e || !a) return;
-  const n = F.get(a) || /* @__PURE__ */ new Map();
-  F.set(a, n);
-  let t = n.get(e);
-  return t || (t = a.matchMedia(e), t.refCount = 0, n.set(t.media, t)), t;
-};
-function _e(e, a = typeof window > "u" ? void 0 : window) {
-  const n = Y(e, a), [t, o] = Z(() => n ? n.matches : !1);
-  return Ce(() => {
-    let r = Y(e, a);
-    if (!r)
-      return o(!1);
-    let f = F.get(a);
-    const s = () => {
-      o(r.matches);
-    };
-    return r.refCount++, r.addListener(s), s(), () => {
-      r.removeListener(s), r.refCount--, r.refCount <= 0 && (f == null || f.delete(r.media)), r = void 0;
-    };
-  }, [e]), t;
-}
-function ze(e) {
-  const a = Object.keys(e);
-  function n(s, l) {
-    return s === l ? l : s ? `${s} and ${l}` : l;
-  }
-  function t(s) {
-    return a[Math.min(a.indexOf(s) + 1, a.length - 1)];
-  }
-  function o(s) {
-    const l = t(s);
-    let i = e[l];
-    return typeof i == "number" ? i = `${i - 0.2}px` : i = `calc(${i} - 0.2px)`, `(max-width: ${i})`;
-  }
-  function r(s) {
-    let l = e[s];
-    return typeof l == "number" && (l = `${l}px`), `(min-width: ${l})`;
-  }
-  function f(s, l, i) {
-    let d;
-    typeof s == "object" ? (d = s, i = l, l = !0) : (l = l || !0, d = {
-      [s]: l
-    });
-    let u = j(() => Object.entries(d).reduce((g, [x, h]) => ((h === "up" || h === !0) && (g = n(g, r(x))), (h === "down" || h === !0) && (g = n(g, o(x))), g), ""), [JSON.stringify(d)]);
-    return _e(u, i);
-  }
-  return f;
-}
-const Je = ze({
-  xs: 0,
-  sm: 576,
-  md: 768,
-  lg: 992,
-  xl: 1200,
-  xxl: 1400
-}), se = /* @__PURE__ */ v.forwardRef(({
-  className: e,
-  bsPrefix: a,
-  as: n = "div",
-  ...t
-}, o) => (a = w(a, "offcanvas-body"), /* @__PURE__ */ c.jsx(n, {
-  ref: o,
-  className: N(e, a),
-  ...t
-})));
-se.displayName = "OffcanvasBody";
-const Ke = {
-  [L]: "show",
-  [P]: "show"
-}, oe = /* @__PURE__ */ v.forwardRef(({
-  bsPrefix: e,
-  className: a,
-  children: n,
-  in: t = !1,
-  mountOnEnter: o = !1,
-  unmountOnExit: r = !1,
-  appear: f = !1,
-  ...s
-}, l) => (e = w(e, "offcanvas"), /* @__PURE__ */ c.jsx(V, {
-  ref: l,
-  addEndListener: q,
-  in: t,
-  mountOnEnter: o,
-  unmountOnExit: r,
-  appear: f,
-  ...s,
-  childRef: I(n),
-  children: (i, d) => /* @__PURE__ */ v.cloneElement(n, {
-    ...d,
-    className: N(a, n.props.className, (i === L || i === ee) && `${e}-toggling`, Ke[i])
-  })
-})));
-oe.displayName = "OffcanvasToggling";
-const re = /* @__PURE__ */ v.forwardRef(({
-  bsPrefix: e,
-  className: a,
-  closeLabel: n = "Close",
-  closeButton: t = !1,
-  ...o
-}, r) => (e = w(e, "offcanvas-header"), /* @__PURE__ */ c.jsx(Se, {
-  ref: r,
-  ...o,
-  className: N(a, e),
-  closeLabel: n,
-  closeButton: t
-})));
-re.displayName = "OffcanvasHeader";
-const Ye = ke("h5"), le = /* @__PURE__ */ v.forwardRef(({
-  className: e,
-  bsPrefix: a,
-  as: n = Ye,
-  ...t
-}, o) => (a = w(a, "offcanvas-title"), /* @__PURE__ */ c.jsx(n, {
-  ref: o,
-  className: N(e, a),
-  ...t
-})));
-le.displayName = "OffcanvasTitle";
-function Ze(e) {
-  return /* @__PURE__ */ c.jsx(oe, {
-    ...e
-  });
-}
-function We(e) {
-  return /* @__PURE__ */ c.jsx(Fe, {
-    ...e
-  });
-}
-const ce = /* @__PURE__ */ v.forwardRef(({
-  bsPrefix: e,
-  className: a,
-  children: n,
-  "aria-labelledby": t,
-  placement: o = "start",
-  responsive: r,
-  /* BaseModal props */
-  show: f = !1,
-  backdrop: s = !0,
-  keyboard: l = !0,
-  scroll: i = !1,
-  onEscapeKeyDown: d,
-  onShow: u,
-  onHide: g,
-  container: x,
-  autoFocus: h = !0,
-  enforceFocus: E = !0,
-  restoreFocus: p = !0,
-  restoreFocusOptions: $,
-  onEntered: C,
-  onExit: R,
-  onExiting: S,
-  onEnter: b,
-  onEntering: m,
-  onExited: T,
-  backdropClassName: G,
-  manager: Q,
-  renderStaticNode: ue = !1,
-  ...pe
-}, me) => {
-  const k = we();
-  e = w(e, "offcanvas");
-  const [U, ge] = Z(!1), H = A(g), X = Je(r || "xs", "up");
-  Ee(() => {
-    ge(r ? f && !X : f);
-  }, [f, r, X]);
-  const he = j(() => ({
-    onHide: H
-  }), [H]);
-  function ve() {
-    return Q || (i ? (k.current || (k.current = new Me({
-      handleContainerOverflow: !1
-    })), k.current) : Le());
-  }
-  const Ne = (y, ...D) => {
-    y && (y.style.visibility = "visible"), b == null || b(y, ...D);
-  }, xe = (y, ...D) => {
-    y && (y.style.visibility = ""), T == null || T(...D);
-  }, ye = W((y) => /* @__PURE__ */ c.jsx("div", {
-    ...y,
-    className: N(`${e}-backdrop`, G)
-  }), [G, e]), _ = (y) => /* @__PURE__ */ c.jsx("div", {
-    ...y,
-    ...pe,
-    className: N(a, r ? `${e}-${r}` : e, `${e}-${o}`),
-    "aria-labelledby": t,
-    children: n
-  });
-  return /* @__PURE__ */ c.jsxs(c.Fragment, {
-    children: [!U && (r || ue) && _({}), /* @__PURE__ */ c.jsx(He.Provider, {
-      value: he,
-      children: /* @__PURE__ */ c.jsx(De, {
-        show: U,
-        ref: me,
-        backdrop: s,
-        container: x,
-        keyboard: l,
-        autoFocus: h,
-        enforceFocus: E && !i,
-        restoreFocus: p,
-        restoreFocusOptions: $,
-        onEscapeKeyDown: d,
-        onShow: u,
-        onHide: H,
-        onEnter: Ne,
-        onEntering: m,
-        onEntered: C,
-        onExit: R,
-        onExiting: S,
-        onExited: xe,
-        manager: ve(),
-        transition: Ze,
-        backdropTransition: We,
-        renderBackdrop: ye,
-        renderDialog: _
-      })
-    })]
-  });
-});
-ce.displayName = "Offcanvas";
-const Ve = Object.assign(ce, {
-  Body: se,
-  Header: re,
-  Title: le
-}), ie = /* @__PURE__ */ v.forwardRef(({
-  onHide: e,
-  ...a
-}, n) => {
-  const t = M(B), o = A(() => {
-    t == null || t.onToggle == null || t.onToggle(), e == null || e();
-  });
-  return /* @__PURE__ */ c.jsx(Ve, {
-    ref: n,
-    show: !!(t != null && t.expanded),
-    ...a,
-    renderStaticNode: !0,
-    onHide: o
-  });
-});
-ie.displayName = "NavbarOffcanvas";
-const fe = /* @__PURE__ */ v.forwardRef(({
-  className: e,
-  bsPrefix: a,
-  as: n = "span",
-  ...t
-}, o) => (a = w(a, "navbar-text"), /* @__PURE__ */ c.jsx(n, {
-  ref: o,
-  className: N(e, a),
-  ...t
-})));
-fe.displayName = "NavbarText";
-const de = /* @__PURE__ */ v.forwardRef((e, a) => {
-  const {
-    bsPrefix: n,
-    expand: t = !0,
-    variant: o = "light",
-    bg: r,
-    fixed: f,
-    sticky: s,
-    className: l,
-    // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-    as: i = "nav",
-    expanded: d,
-    onToggle: u,
-    onSelect: g,
-    collapseOnSelect: x = !1,
-    ...h
-  } = Re(e, {
-    expanded: "onToggle"
-  }), E = w(n, "navbar"), p = W((...R) => {
-    g == null || g(...R), x && d && (u == null || u(!1));
-  }, [g, x, d, u]);
-  h.role === void 0 && i !== "nav" && (h.role = "navigation");
-  let $ = `${E}-expand`;
-  typeof t == "string" && ($ = `${$}-${t}`);
-  const C = j(() => ({
-    onToggle: () => u == null ? void 0 : u(!d),
-    bsPrefix: E,
-    expanded: !!d,
-    expand: t
-  }), [E, d, t, u]);
-  return /* @__PURE__ */ c.jsx(B.Provider, {
-    value: C,
-    children: /* @__PURE__ */ c.jsx(Oe.Provider, {
-      value: p,
-      children: /* @__PURE__ */ c.jsx(i, {
-        ref: a,
-        ...h,
-        className: N(l, E, t && $, o && `${E}-${o}`, r && `bg-${r}`, s && `sticky-${s}`, f && `fixed-${f}`)
-      })
-    })
-  });
-});
-de.displayName = "Navbar";
-const Ie = Object.assign(de, {
-  Brand: ae,
-  Collapse: ne,
-  Offcanvas: ie,
-  Text: fe,
-  Toggle: te
-}), fa = () => {
-  const { navigate: e } = $e(), { subMenu: a } = je(), { user: n } = Te(), t = j(() => {
-    const r = (n == null ? void 0 : n.roles) || [], f = (n == null ? void 0 : n.permissions) || [];
-    return a ? a.filter((s) => {
-      var i, d;
-      if (!((i = s == null ? void 0 : s.allowedRoles) != null && i.length) && !((d = s == null ? void 0 : s.allowedPermissions) != null && d.length))
-        return !0;
-      let l = !0;
-      return s.allowedRoles && (l = l && s.allowedRoles.some(
-        (u) => r.includes(u)
-      )), s.allowedPermissions && (l = l && s.allowedPermissions.some(
-        (u) => f.includes(u)
-      )), l;
-    }) : [];
-  }, [a, n]), o = (r) => () => {
-    e(r);
-  };
-  return t.length ? /* @__PURE__ */ c.jsx(Ie, { className: "py-1 shadow-sm bg-white", children: /* @__PURE__ */ c.jsx(Ae, { children: /* @__PURE__ */ c.jsx(K, { className: "d-flex justify-content-center w-100 gap-3", children: t.map((r) => /* @__PURE__ */ c.jsx(
-    K.Link,
-    {
-      as: "button",
-      className: "btn btn-link p-0",
-      onClick: o(r.location),
-      children: r.title
-    },
-    r.location
-  )) }) }) }) : null;
-};
-export {
-  Ie as N,
-  fa as S
-};