@hortiview/shared-components 0.0.4539 → 0.0.4624

package/dist/assets/HeaderFilter.css

@@ -0,0 +1 @@
+._filterSelect_923nc_1{width:300px;margin-left:10px}

package/dist/assets/Scrollbar.css

@@ -0,0 +1 @@
+._scrollbarY_1m6g8_1{overflow-y:auto}._scrollbarX_1m6g8_5{overflow-x:auto}._scrollbarX_1m6g8_5::-webkit-scrollbar-track,._scrollbarY_1m6g8_1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2);border-radius:.5rem;margin-right:.25rem;background-color:var(--lmnt-theme-background)}._scrollbarX_1m6g8_5::-webkit-scrollbar,._scrollbarY_1m6g8_1::-webkit-scrollbar{width:.5rem}._scrollbarX_1m6g8_5::-webkit-scrollbar-thumb,._scrollbarY_1m6g8_1::-webkit-scrollbar-thumb{border-radius:.5rem;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--lmnt-theme-primary-100)}

package/dist/assets/disclaimer.css

@@ -0,0 +1 @@
+._disclaimer_1k38t_1{color:var(--lmnt-theme-danger);font-style:normal;line-height:20px}._iconArea_1k38t_7{display:flex;justify-content:center}

package/dist/baseView.module-DXWalo9p.js

@@ -0,0 +1,7 @@
+import "./assets/baseView.css";
+const i = "_divider_anyyu_1", s = {
+  divider: i
+};
+export {
+  s
+};

package/dist/basicHeading.module-ClcvD7x2.js

@@ -0,0 +1,16 @@
+import "./assets/basicHeading.css";
+const n = "_pageHeader_fwns1_1", e = "_headlineContainer_fwns1_11", t = "_actionButtonContainer_fwns1_16", a = "_content_fwns1_25", i = "_leadingIcon_fwns1_31", o = "_headingWrapper_fwns1_38", _ = "_headingContainer_fwns1_43", s = "_invisible_fwns1_48", r = "_withAvatar_fwns1_52", c = "_iconContainer_fwns1_57", w = {
+  pageHeader: n,
+  headlineContainer: e,
+  actionButtonContainer: t,
+  content: a,
+  leadingIcon: i,
+  headingWrapper: o,
+  headingContainer: _,
+  invisible: s,
+  withAvatar: r,
+  iconContainer: c
+};
+export {
+  w as s
+};

package/dist/{component-D1YrRAXe.js → component-Rx4bNsGO.js}

@@ -1,4 +1,4 @@
-import { a as b, b as I, c as T, _ as v } from "./tslib.es6-BOWp4lfV.js";
+import { b, c as I, _ as E, a as v } from "./tslib.es6-CIXEwqhg.js";
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -21,7 +21,7 @@ import { a as b, b as I, c as T, _ as v } from "./tslib.es6-BOWp4lfV.js";
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var E = (
+var S = (
   /** @class */
   function() {
     function a(i) {
@@ -87,7 +87,7 @@ var D = (
       this.root = i, this.initialize.apply(this, b([], I(e))), this.foundation = t === void 0 ? this.getDefaultFoundation() : t, this.foundation.init(), this.initialSyncWithDOM();
     }
     return a.attachTo = function(i) {
-      return new a(i, new E({}));
+      return new a(i, new S({}));
     }, a.prototype.initialize = function() {
     }, a.prototype.getDefaultFoundation = function() {
       throw new Error("Subclasses must override getDefaultFoundation to return a properly configured foundation class");
@@ -130,21 +130,21 @@ var D = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-function P(a, i) {
+function R(a, i) {
   if (a.closest)
     return a.closest(i);
   for (var t = a; t; ) {
-    if (S(t, i))
+    if (h(t, i))
       return t;
     t = t.parentElement;
   }
   return null;
 }
-function S(a, i) {
+function h(a, i) {
   var t = a.matches || a.webkitMatchesSelector || a.msMatchesSelector;
   return t.call(a, i);
 }
-function M(a) {
+function w(a) {
   var i = a;
   if (i.offsetParent !== null)
     return i.scrollWidth;
@@ -153,6 +153,12 @@ function M(a) {
   var e = t.scrollWidth;
   return document.documentElement.removeChild(t), e;
 }
+const U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  closest: R,
+  estimateScrollWidth: w,
+  matches: h
+}, Symbol.toStringTag, { value: "Module" }));
 /**
  * @license
  * Copyright 2019 Google Inc.
@@ -175,10 +181,10 @@ function M(a) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-function f(a) {
-  return a === void 0 && (a = window), R(a) ? { passive: !0 } : !1;
+function l(a) {
+  return a === void 0 && (a = window), F(a) ? { passive: !0 } : !1;
 }
-function R(a) {
+function F(a) {
   a === void 0 && (a = window);
   var i = !1;
   try {
@@ -218,7 +224,7 @@ function R(a) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var w = {
+var V = {
   // Ripple is a special case where the "root" component is really a "mixin" of sorts,
   // given that it's an 'upgrade' to an existing component. That being said it is the root
   // CSS class that all other CSS classes derive from.
@@ -227,33 +233,33 @@ var w = {
   FG_DEACTIVATION: "mdc-ripple-upgraded--foreground-deactivation",
   ROOT: "mdc-ripple-upgraded",
   UNBOUNDED: "mdc-ripple-upgraded--unbounded"
-}, F = {
+}, O = {
   VAR_FG_SCALE: "--mdc-ripple-fg-scale",
   VAR_FG_SIZE: "--mdc-ripple-fg-size",
   VAR_FG_TRANSLATE_END: "--mdc-ripple-fg-translate-end",
   VAR_FG_TRANSLATE_START: "--mdc-ripple-fg-translate-start",
   VAR_LEFT: "--mdc-ripple-left",
   VAR_TOP: "--mdc-ripple-top"
-}, g = {
+}, y = {
   DEACTIVATION_TIMEOUT_MS: 225,
   FG_DEACTIVATION_MS: 150,
   INITIAL_ORIGIN_SCALE: 0.6,
   PADDING: 10,
   TAP_DELAY_MS: 300
   // Delay between touch and simulated mouse events on touch devices
-}, l;
-function V(a, i) {
+}, f;
+function H(a, i) {
   i === void 0 && (i = !1);
-  var t = a.CSS, e = l;
-  if (typeof l == "boolean" && !i)
-    return l;
+  var t = a.CSS, e = f;
+  if (typeof f == "boolean" && !i)
+    return f;
   var n = t && typeof t.supports == "function";
   if (!n)
     return !1;
   var r = t.supports("--css-vars", "yes"), s = t.supports("(--css-vars: yes)") && t.supports("color", "#00000000");
-  return e = r || s, i || (l = e), e;
+  return e = r || s, i || (f = e), e;
 }
-function O(a, i, t) {
+function N(a, i, t) {
   if (!a)
     return { x: 0, y: 0 };
   var e = i.x, n = i.y, r = e + t.left, s = n + t.top, o, u;
@@ -288,20 +294,20 @@ function O(a, i, t) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var y = [
+var C = [
   "touchstart",
   "pointerdown",
   "mousedown",
   "keydown"
-], C = [
+], T = [
   "touchend",
   "pointerup",
   "mouseup",
   "contextmenu"
-], p = [], H = (
+], p = [], P = (
   /** @class */
   function(a) {
-    T(i, a);
+    E(i, a);
     function i(t) {
       var e = a.call(this, v(v({}, i.defaultAdapter), t)) || this;
       return e.activationAnimationHasEnded_ = !1, e.activationTimer_ = 0, e.fgDeactivationRemovalTimer_ = 0, e.fgScale_ = "0", e.frame_ = { width: 0, height: 0 }, e.initialSize_ = 0, e.layoutFrame_ = 0, e.maxRadius_ = 0, e.unboundedCoords_ = { left: 0, top: 0 }, e.activationState_ = e.defaultActivationState_(), e.activationTimerCallback_ = function() {
@@ -320,19 +326,19 @@ var y = [
     }
     return Object.defineProperty(i, "cssClasses", {
       get: function() {
-        return w;
+        return V;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(i, "strings", {
       get: function() {
-        return F;
+        return O;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(i, "numbers", {
       get: function() {
-        return g;
+        return y;
       },
       enumerable: !1,
       configurable: !0
@@ -435,22 +441,22 @@ var y = [
       };
     }, i.prototype.registerRootHandlers_ = function(t) {
       var e = this;
-      t && (y.forEach(function(n) {
+      t && (C.forEach(function(n) {
         e.adapter.registerInteractionHandler(n, e.activateHandler_);
       }), this.adapter.isUnbounded() && this.adapter.registerResizeHandler(this.resizeHandler_)), this.adapter.registerInteractionHandler("focus", this.focusHandler_), this.adapter.registerInteractionHandler("blur", this.blurHandler_);
     }, i.prototype.registerDeactivationHandlers_ = function(t) {
       var e = this;
-      t.type === "keydown" ? this.adapter.registerInteractionHandler("keyup", this.deactivateHandler_) : C.forEach(function(n) {
+      t.type === "keydown" ? this.adapter.registerInteractionHandler("keyup", this.deactivateHandler_) : T.forEach(function(n) {
         e.adapter.registerDocumentInteractionHandler(n, e.deactivateHandler_);
       });
     }, i.prototype.deregisterRootHandlers_ = function() {
       var t = this;
-      y.forEach(function(e) {
+      C.forEach(function(e) {
         t.adapter.deregisterInteractionHandler(e, t.activateHandler_);
       }), this.adapter.deregisterInteractionHandler("focus", this.focusHandler_), this.adapter.deregisterInteractionHandler("blur", this.blurHandler_), this.adapter.isUnbounded() && this.adapter.deregisterResizeHandler(this.resizeHandler_);
     }, i.prototype.deregisterDeactivationHandlers_ = function() {
       var t = this;
-      this.adapter.deregisterInteractionHandler("keyup", this.deactivateHandler_), C.forEach(function(e) {
+      this.adapter.deregisterInteractionHandler("keyup", this.deactivateHandler_), T.forEach(function(e) {
         t.adapter.deregisterDocumentInteractionHandler(e, t.deactivateHandler_);
       });
     }, i.prototype.removeCssVars_ = function() {
@@ -484,17 +490,17 @@ var y = [
     }, i.prototype.animateActivation_ = function() {
       var t = this, e = i.strings, n = e.VAR_FG_TRANSLATE_START, r = e.VAR_FG_TRANSLATE_END, s = i.cssClasses, o = s.FG_DEACTIVATION, u = s.FG_ACTIVATION, c = i.numbers.DEACTIVATION_TIMEOUT_MS;
       this.layoutInternal_();
-      var d = "", h = "";
+      var d = "", _ = "";
       if (!this.adapter.isUnbounded()) {
-        var _ = this.getFgTranslationCoordinates_(), m = _.startPoint, A = _.endPoint;
-        d = m.x + "px, " + m.y + "px", h = A.x + "px, " + A.y + "px";
+        var m = this.getFgTranslationCoordinates_(), A = m.startPoint, g = m.endPoint;
+        d = A.x + "px, " + A.y + "px", _ = g.x + "px, " + g.y + "px";
       }
-      this.adapter.updateCssVariable(n, d), this.adapter.updateCssVariable(r, h), clearTimeout(this.activationTimer_), clearTimeout(this.fgDeactivationRemovalTimer_), this.rmBoundedActivationClasses_(), this.adapter.removeClass(o), this.adapter.computeBoundingRect(), this.adapter.addClass(u), this.activationTimer_ = setTimeout(function() {
+      this.adapter.updateCssVariable(n, d), this.adapter.updateCssVariable(r, _), clearTimeout(this.activationTimer_), clearTimeout(this.fgDeactivationRemovalTimer_), this.rmBoundedActivationClasses_(), this.adapter.removeClass(o), this.adapter.computeBoundingRect(), this.adapter.addClass(u), this.activationTimer_ = setTimeout(function() {
         return t.activationTimerCallback_();
       }, c);
     }, i.prototype.getFgTranslationCoordinates_ = function() {
       var t = this.activationState_, e = t.activationEvent, n = t.wasActivatedByPointer, r;
-      n ? r = O(e, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect()) : r = {
+      n ? r = N(e, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect()) : r = {
         x: this.frame_.width / 2,
         y: this.frame_.height / 2
       }, r = {
@@ -510,7 +516,7 @@ var y = [
       var t = this, e = i.cssClasses.FG_DEACTIVATION, n = this.activationState_, r = n.hasDeactivationUXRun, s = n.isActivated, o = r || !s;
       o && this.activationAnimationHasEnded_ && (this.rmBoundedActivationClasses_(), this.adapter.addClass(e), this.fgDeactivationRemovalTimer_ = setTimeout(function() {
         t.adapter.removeClass(e);
-      }, g.FG_DEACTIVATION_MS));
+      }, y.FG_DEACTIVATION_MS));
     }, i.prototype.rmBoundedActivationClasses_ = function() {
       var t = i.cssClasses.FG_ACTIVATION;
       this.adapter.removeClass(t), this.activationAnimationHasEnded_ = !1, this.adapter.computeBoundingRect();
@@ -549,7 +555,7 @@ var y = [
         top: Math.round(this.frame_.height / 2 - this.initialSize_ / 2)
       }, this.adapter.updateCssVariable(n, this.unboundedCoords_.left + "px"), this.adapter.updateCssVariable(r, this.unboundedCoords_.top + "px"));
     }, i;
-  }(E)
+  }(S)
 );
 /**
  * @license
@@ -573,10 +579,10 @@ var y = [
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var U = (
+var L = (
   /** @class */
   function(a) {
-    T(i, a);
+    E(i, a);
     function i() {
       var t = a !== null && a.apply(this, arguments) || this;
       return t.disabled = !1, t;
@@ -591,7 +597,7 @@ var U = (
           return t.root.classList.add(e);
         },
         browserSupportsCssVars: function() {
-          return V(window);
+          return H(window);
         },
         computeBoundingRect: function() {
           return t.root.getBoundingClientRect();
@@ -600,10 +606,10 @@ var U = (
           return t.root.contains(e);
         },
         deregisterDocumentInteractionHandler: function(e, n) {
-          return document.documentElement.removeEventListener(e, n, f());
+          return document.documentElement.removeEventListener(e, n, l());
         },
         deregisterInteractionHandler: function(e, n) {
-          return t.root.removeEventListener(e, n, f());
+          return t.root.removeEventListener(e, n, l());
         },
         deregisterResizeHandler: function(e) {
           return window.removeEventListener("resize", e);
@@ -612,7 +618,7 @@ var U = (
           return { x: window.pageXOffset, y: window.pageYOffset };
         },
         isSurfaceActive: function() {
-          return S(t.root, ":active");
+          return h(t.root, ":active");
         },
         isSurfaceDisabled: function() {
           return !!t.disabled;
@@ -621,10 +627,10 @@ var U = (
           return !!t.unbounded;
         },
         registerDocumentInteractionHandler: function(e, n) {
-          return document.documentElement.addEventListener(e, n, f());
+          return document.documentElement.addEventListener(e, n, l());
         },
         registerInteractionHandler: function(e, n) {
-          return t.root.addEventListener(e, n, f());
+          return t.root.addEventListener(e, n, l());
         },
         registerResizeHandler: function(e) {
           return window.addEventListener("resize", e);
@@ -652,7 +658,7 @@ var U = (
     }, i.prototype.layout = function() {
       this.foundation.layout();
     }, i.prototype.getDefaultFoundation = function() {
-      return new H(i.createAdapter(this));
+      return new P(i.createAdapter(this));
     }, i.prototype.initialSyncWithDOM = function() {
       var t = this.root;
       this.unbounded = "mdcRippleIsUnbounded" in t.dataset;
@@ -662,12 +668,13 @@ var U = (
   }(D)
 );
 export {
-  U as M,
-  E as a,
-  f as b,
-  D as c,
-  H as d,
-  M as e,
+  L as M,
+  S as a,
+  D as b,
+  R as c,
+  l as d,
+  w as e,
   P as f,
-  S as m
+  h as m,
+  U as p
 };

package/dist/components/BaseView/BaseView.d.ts

@@ -41,6 +41,10 @@ type BaseViewProps = {
      * listMaxHeight is the max height of the list, @default 'calc(100vh - 200px)'
      */
     listMaxHeight?: string;
+    /**
+     * searchPlaceholder is the placeholder of the search input, @default ''
+     */
+    searchPlaceholder?: string;
     /**
      * routerLinkElement is the element to be used for the elements link, use react-router Link component for the best experience.
      * If the element has `noNavigation=false` and the `routerLinkElement` is undefined an `<a>` tag is used.
@@ -51,5 +55,5 @@ type BaseViewProps = {
 /**
  * `BaseView` is a layout component that displays a main (a list) and a detail section.
  */
-export declare const BaseView: ({ action, heading, elements, emptyText, hasSearch, isSorted, className, withAvatar, listMaxHeight, pathname, routerLinkElement, }: BaseViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseView: ({ action, heading, elements, emptyText, hasSearch, isSorted, className, withAvatar, listMaxHeight, pathname, routerLinkElement, searchPlaceholder, }: BaseViewProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/BaseView/BaseView.js

@@ -1,14 +1,14 @@
-import "../../assets/BaseView.css";
-import { jsx as p, Fragment as $, jsxs as C } from "react/jsx-runtime";
-import G, { forwardRef as N, useMemo as g, useRef as H, useImperativeHandle as O, useContext as B, createContext as E } from "react";
+import { jsx as p, Fragment as $, jsxs as G } from "react/jsx-runtime";
+import b, { forwardRef as P, useMemo as f, useRef as H, useImperativeHandle as O, useContext as B, createContext as E } from "react";
 import { EmptyView as D } from "../EmptyView/EmptyView.js";
 import { ListArea as z } from "../ListArea/ListArea.js";
 import { VerticalDivider as M } from "../VerticalDivider/VerticalDivider.js";
-import { u as S } from "../../useBreakpoint-DyAmuka7.js";
+import { s as S } from "../../baseView.module-DXWalo9p.js";
+import { u as V } from "../../useBreakpoint-DyAmuka7.js";
 import { BasicHeading as T } from "../BasicHeading/BasicHeading.js";
-import { d as V, P as e, c as P, _ as x } from "../../index.es-WZ1mqvGz.js";
-import { G as k } from "../../index.es-DYsXox--.js";
-const R = /* @__PURE__ */ E({}), j = {
+import { d as j, P as e, c as x, _ as A } from "../../index.es-Cct4Uapb.js";
+import { G as k } from "../../index.es-CNBieliG.js";
+const R = /* @__PURE__ */ E({}), I = {
   /**
    * @deprecated _Use `variant`='airy' instead._
    *
@@ -16,7 +16,7 @@ const R = /* @__PURE__ */ E({}), j = {
    *
    * Defaults to **undefined**.
    */
-  airy: V(e.bool, "Grid", 'Use `variant`="airy" instead.'),
+  airy: j(e.bool, "Grid", 'Use `variant`="airy" instead.'),
   /**
    * Accepts GridCol or GridRow.
    *
@@ -77,7 +77,7 @@ const R = /* @__PURE__ */ E({}), j = {
    * Defaults to **'standard'**.
    */
   variant: e.oneOf(["standard", "airy", "none"])
-}, I = {
+}, L = {
   airy: void 0,
   children: null,
   className: void 0,
@@ -89,7 +89,7 @@ const R = /* @__PURE__ */ E({}), j = {
   style: void 0,
   useMaxWidth: !1,
   variant: "standard"
-}, L = {
+}, q = {
   /**
    * Alignment of cell within the row: top, middle, bottom. If omitted the col will stretch to the height of the row.
    *
@@ -150,7 +150,7 @@ const R = /* @__PURE__ */ E({}), j = {
    * Defaults to **'top'**.
    */
   verticalAlign: e.oneOf(["top", "middle", "bottom"])
-}, q = {
+}, F = {
   align: void 0,
   children: null,
   className: void 0,
@@ -161,7 +161,7 @@ const R = /* @__PURE__ */ E({}), j = {
   phoneCol: null,
   tabletCol: null,
   verticalAlign: "top"
-}, F = {
+}, U = {
   /**
    * Content to be rendered inside the GridRow. Accepts any valid markup.
    *
@@ -174,71 +174,71 @@ const R = /* @__PURE__ */ E({}), j = {
    * Defaults to **undefined**.
    */
   className: e.string
-}, U = {
+}, J = {
   children: null,
   className: void 0
-}, b = /* @__PURE__ */ N((c, u) => {
+}, w = /* @__PURE__ */ P((c, u) => {
   const {
-    airy: r,
+    airy: o,
     children: m,
     className: d,
     columnGap: n,
     fullHeight: t,
     fullWidth: a,
     gridAlign: s,
-    rowGap: o,
-    style: f,
-    useMaxWidth: i,
-    variant: l,
-    ...y
-  } = c, h = r ? "airy" : l, _ = g(() => ({
+    rowGap: i,
+    style: h,
+    useMaxWidth: g,
+    variant: r,
+    ...l
+  } = c, y = o ? "airy" : r, _ = f(() => ({
     fullHeight: t,
-    rowGap: o,
+    rowGap: i,
     columnGap: n
-  }), [n, t, o]), A = H();
-  O(u, () => A.current, []);
-  const W = g(() => P("lmnt", "mdc-layout-grid", "lmnt-layout-grid", `mdc-layout-grid mdc-layout-grid--align-${s}`, (h === "airy" || r) && "mdc-grid-cell-wrapper-airy-tablet mdc-grid-cell-wrapper-airy-desktop", l === "none" && "mdc-grid-cell-wrapper-none-tablet mdc-grid-cell-wrapper-none-desktop mdc-grid-cell-wrapper-none-phone ", a && "lmnt-layout-grid--full-width", t && "lmnt-layout-grid--full-height", i && "lmnt-layout-grid--with-max-width", d), [r, d, h, t, a, s, i, l]);
-  return /* @__PURE__ */ G.createElement(R.Provider, {
+  }), [n, t, i]), v = H();
+  O(u, () => v.current, []);
+  const W = f(() => x("lmnt", "mdc-layout-grid", "lmnt-layout-grid", `mdc-layout-grid mdc-layout-grid--align-${s}`, (y === "airy" || o) && "mdc-grid-cell-wrapper-airy-tablet mdc-grid-cell-wrapper-airy-desktop", r === "none" && "mdc-grid-cell-wrapper-none-tablet mdc-grid-cell-wrapper-none-desktop mdc-grid-cell-wrapper-none-phone ", a && "lmnt-layout-grid--full-width", t && "lmnt-layout-grid--full-height", g && "lmnt-layout-grid--with-max-width", d), [o, d, y, t, a, s, g, r]);
+  return /* @__PURE__ */ b.createElement(R.Provider, {
     value: _
-  }, /* @__PURE__ */ G.createElement("div", x({
-    ref: A,
+  }, /* @__PURE__ */ b.createElement("div", A({
+    ref: v,
     className: W
-  }, y), m));
+  }, l), m));
 });
-b.displayName = "Grid";
-b.propTypes = j;
-b.defaultProps = I;
-const v = /* @__PURE__ */ N((c, u) => {
+w.displayName = "Grid";
+w.propTypes = I;
+w.defaultProps = L;
+const C = /* @__PURE__ */ P((c, u) => {
   const {
-    align: r,
+    align: o,
     children: m,
     className: d,
     columns: n,
     desktopCol: t,
     gridColStart: a,
     horizontalAlign: s,
-    order: o,
-    phoneCol: f,
-    style: i,
-    tabletCol: l,
-    verticalAlign: y,
-    ...h
-  } = c, _ = g(() => ({
-    ...i,
+    order: i,
+    phoneCol: h,
+    style: g,
+    tabletCol: r,
+    verticalAlign: l,
+    ...y
+  } = c, _ = f(() => ({
+    ...g,
     gridColumnStart: a
-  }), [a, i]);
-  return /* @__PURE__ */ G.createElement("div", x({
+  }), [a, g]);
+  return /* @__PURE__ */ b.createElement("div", A({
     ref: u,
     style: _,
-    className: P("lmnt", `lmnt-layout-grid__cell--vertical-align-${y}`, `lmnt-layout-grid__cell--horizontal-align-${s}`, "mdc-layout-grid__cell", !n && !f && !l && !t && ["mdc-layout-grid__cell"], o && `mdc-layout-grid__cell--order-${o}`, r && `mdc-layout-grid__cell--align-${r}`, n && [`mdc-layout-grid__cell--span-${n}`], f && [`mdc-layout-grid__cell--span-${f}-phone`], l && [`mdc-layout-grid__cell--span-${l}-tablet`], t && [`mdc-layout-grid__cell--span-${t}-desktop`], "lmnt-layout-grid__cell", d)
-  }, h), m);
+    className: x("lmnt", `lmnt-layout-grid__cell--vertical-align-${l}`, `lmnt-layout-grid__cell--horizontal-align-${s}`, "mdc-layout-grid__cell", !n && !h && !r && !t && ["mdc-layout-grid__cell"], i && `mdc-layout-grid__cell--order-${i}`, o && `mdc-layout-grid__cell--align-${o}`, n && [`mdc-layout-grid__cell--span-${n}`], h && [`mdc-layout-grid__cell--span-${h}-phone`], r && [`mdc-layout-grid__cell--span-${r}-tablet`], t && [`mdc-layout-grid__cell--span-${t}-desktop`], "lmnt-layout-grid__cell", d)
+  }, y), m);
 });
-v.displayName = "GridCol";
-v.propTypes = L;
-v.defaultProps = q;
-const w = /* @__PURE__ */ N((c, u) => {
+C.displayName = "GridCol";
+C.propTypes = q;
+C.defaultProps = F;
+const N = /* @__PURE__ */ P((c, u) => {
   const {
-    children: r,
+    children: o,
     className: m,
     style: d,
     ...n
@@ -246,56 +246,56 @@ const w = /* @__PURE__ */ N((c, u) => {
     fullHeight: t,
     rowGap: a,
     columnGap: s
-  } = B(R), o = g(() => ({
+  } = B(R), i = f(() => ({
     ...d,
     height: t ? "100%" : "",
     rowGap: a,
     columnGap: s
   }), [d, t, a, s]);
-  return /* @__PURE__ */ G.createElement("div", x({
+  return /* @__PURE__ */ b.createElement("div", A({
     ref: u,
-    className: P("lmnt", "mdc-layout-grid__inner", "lmnt-layout-grid__inner", m),
-    style: o
-  }, n), r);
+    className: x("lmnt", "mdc-layout-grid__inner", "lmnt-layout-grid__inner", m),
+    style: i
+  }, n), o);
 });
-w.displayName = "GridRow";
-w.propTypes = F;
-w.defaultProps = U;
-const J = "_divider_anyyu_1", K = {
-  divider: J
-}, ne = ({
+N.displayName = "GridRow";
+N.propTypes = U;
+N.defaultProps = J;
+const ie = ({
   action: c,
   heading: u,
-  elements: r,
+  elements: o,
   emptyText: m,
   hasSearch: d = !0,
   isSorted: n = !0,
   className: t,
   withAvatar: a = !1,
   listMaxHeight: s = "calc(100vh - 200px)",
-  pathname: o,
-  routerLinkElement: f
+  pathname: i,
+  routerLinkElement: h,
+  searchPlaceholder: g
 }) => {
-  const { isLg: i } = S(), l = g(() => r.find((_) => _.route === o), [o, r]), y = g(() => l?.component ?? (i ? /* @__PURE__ */ p(D, { subtitle: m }) : /* @__PURE__ */ p($, {})), [l, i, m]), h = g(() => i ? !0 : !l, [l, i]);
-  return /* @__PURE__ */ p(b, { className: t ?? "", fullHeight: !0, fullWidth: !0, columnGap: 0, children: /* @__PURE__ */ C(w, { children: [
-    h && /* @__PURE__ */ C(v, { desktopCol: 4, tabletCol: 12, phoneCol: 12, children: [
-      /* @__PURE__ */ C(k, { direction: "vertical", fullWidth: !0, children: [
+  const { isLg: r } = V(), l = f(() => o.find((v) => v.route === i), [i, o]), y = f(() => l?.component ?? (r ? /* @__PURE__ */ p(D, { subtitle: m }) : /* @__PURE__ */ p($, {})), [l, r, m]), _ = f(() => r ? !0 : !l, [l, r]);
+  return /* @__PURE__ */ p(w, { className: t ?? "", fullHeight: !0, fullWidth: !0, columnGap: 0, children: /* @__PURE__ */ G(N, { children: [
+    _ && /* @__PURE__ */ G(C, { desktopCol: 4, tabletCol: 12, phoneCol: 12, children: [
+      /* @__PURE__ */ G(k, { direction: "vertical", fullWidth: !0, children: [
         u && /* @__PURE__ */ p(T, { heading: u, level: 4, marginBottom: 0, children: c }),
         /* @__PURE__ */ p(
           z,
           {
-            elements: r,
+            elements: o,
             hasSearch: d,
             maxHeight: s,
             isSorted: n,
-            pathname: o,
-            routerLinkElement: f
+            pathname: i,
+            routerLinkElement: h,
+            searchPlaceholder: g
           }
         )
       ] }),
-      i && /* @__PURE__ */ p(M, { className: K.divider, height: "100%" })
+      r && /* @__PURE__ */ p(M, { className: S.divider, height: "100%" })
     ] }),
-    /* @__PURE__ */ p(v, { desktopCol: 8, tabletCol: 12, phoneCol: 12, children: /* @__PURE__ */ C(k, { direction: "vertical", fullWidth: !0, children: [
+    /* @__PURE__ */ p(C, { desktopCol: 8, tabletCol: 12, phoneCol: 12, children: /* @__PURE__ */ G(k, { direction: "vertical", fullWidth: !0, children: [
       /* @__PURE__ */ p(
         T,
         {
@@ -313,5 +313,5 @@ const J = "_divider_anyyu_1", K = {
   ] }) });
 };
 export {
-  ne as BaseView
+  ie as BaseView
 };