@hortiview/shared-components 2.8.6 → 2.8.7

package/dist/{index.es-Cdu6tjUC.js → index.es-D1IpdMde.js}

@@ -1,11 +1,12 @@
-import { c as C, _ as A, P as r } from "./index-D5m--65X.js";
-import s, { forwardRef as k, useState as M, useRef as _, useImperativeHandle as S, useEffect as u } from "react";
-import { F as j } from "./index.es-nQ0lMwpE.js";
-import { I as w } from "./index.es-eKuwB1ll.js";
-import { f as F, d as x } from "./index.es-ChSlnpSq.js";
-import { b as O, c as f } from "./tslib.es6-BDCynO9F.js";
-import { M as q, a as B } from "./component-neHBNHRu.js";
-import { M as y, a as R, b as H } from "./component-DsB0poTj.js";
+import { _ as G, c as k, a as J, P as r } from "./index-Cpb-8cAN.js";
+import { _ as K } from "./slicedToArray-BWk2gTCn.js";
+import l, { forwardRef as Q, useState as X, useRef as I, useImperativeHandle as Y, useEffect as f } from "react";
+import { F as Z } from "./index.es-CKdJX75f.js";
+import { I as ee } from "./index.es-CmF6xAUJ.js";
+import { e as te, d as ne } from "./index.es-BXj90wb_.js";
+import { b as M, c as m } from "./tslib.es6-BDCynO9F.js";
+import { M as re, a as ae } from "./component-neHBNHRu.js";
+import { M as $, a as A, b as ie } from "./component-DsB0poTj.js";
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -28,9 +29,9 @@ import { M as y, a as R, b as H } from "./component-DsB0poTj.js";
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var V = {
+var oe = {
   NATIVE_CONTROL_SELECTOR: ".mdc-radio__native-control"
-}, U = {
+}, de = {
   DISABLED: "mdc-radio--disabled",
   ROOT: "mdc-radio"
 };
@@ -56,22 +57,22 @@ var V = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var E = (
+var S = (
   /** @class */
-  function(o) {
-    O(t, o);
+  function(n) {
+    M(t, n);
     function t(e) {
-      return o.call(this, f(f({}, t.defaultAdapter), e)) || this;
+      return n.call(this, m(m({}, t.defaultAdapter), e)) || this;
     }
     return Object.defineProperty(t, "cssClasses", {
       get: function() {
-        return U;
+        return de;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(t, "strings", {
       get: function() {
-        return V;
+        return oe;
       },
       enumerable: !1,
       configurable: !0
@@ -89,10 +90,10 @@ var E = (
       enumerable: !1,
       configurable: !0
     }), t.prototype.setDisabled = function(e) {
-      var n = t.cssClasses.DISABLED;
-      this.adapter.setNativeControlDisabled(e), e ? this.adapter.addClass(n) : this.adapter.removeClass(n);
+      var o = t.cssClasses.DISABLED;
+      this.adapter.setNativeControlDisabled(e), e ? this.adapter.addClass(o) : this.adapter.removeClass(o);
     }, t;
-  }(q)
+  }(re)
 );
 /**
  * @license
@@ -116,12 +117,12 @@ var E = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var $ = (
+var le = (
   /** @class */
-  function(o) {
-    O(t, o);
+  function(n) {
+    M(t, n);
     function t() {
-      var e = o !== null && o.apply(this, arguments) || this;
+      var e = n !== null && n.apply(this, arguments) || this;
       return e.ripple_ = e.createRipple_(), e;
     }
     return t.attachTo = function(e) {
@@ -160,9 +161,9 @@ var $ = (
       enumerable: !1,
       configurable: !0
     }), t.prototype.destroy = function() {
-      this.ripple_.destroy(), o.prototype.destroy.call(this);
+      this.ripple_.destroy(), n.prototype.destroy.call(this);
     }, t.prototype.getDefaultFoundation = function() {
-      var e = this, n = {
+      var e = this, o = {
         addClass: function(a) {
           return e.root.classList.add(a);
         },
@@ -173,14 +174,14 @@ var $ = (
           return e.nativeControl_.disabled = a;
         }
       };
-      return new E(n);
+      return new S(o);
     }, t.prototype.createRipple_ = function() {
-      var e = this, n = f(f({}, y.createAdapter(this)), {
-        registerInteractionHandler: function(a, c) {
-          return e.nativeControl_.addEventListener(a, c, R());
+      var e = this, o = m(m({}, $.createAdapter(this)), {
+        registerInteractionHandler: function(a, s) {
+          return e.nativeControl_.addEventListener(a, s, A());
         },
-        deregisterInteractionHandler: function(a, c) {
-          return e.nativeControl_.removeEventListener(a, c, R());
+        deregisterInteractionHandler: function(a, s) {
+          return e.nativeControl_.removeEventListener(a, s, A());
         },
         // Radio buttons technically go "active" whenever there is *any* keyboard interaction.
         // This is not the UI we desire.
@@ -191,20 +192,19 @@ var $ = (
           return !0;
         }
       });
-      return new y(this.root, new H(n));
+      return new $(this.root, new ie(o));
     }, Object.defineProperty(t.prototype, "nativeControl_", {
       get: function() {
-        var e = E.strings.NATIVE_CONTROL_SELECTOR, n = this.root.querySelector(e);
-        if (!n)
+        var e = S.strings.NATIVE_CONTROL_SELECTOR, o = this.root.querySelector(e);
+        if (!o)
           throw new Error("Radio component requires a " + e + " element");
-        return n;
+        return o;
       },
       enumerable: !1,
       configurable: !0
     }), t;
-  }(B)
-);
-const z = {
+  }(ae)
+), se = {
   /**
    * Aligns radio to the right of the label.
    *
@@ -224,7 +224,7 @@ const z = {
    *
    * Defaults to **undefined**.
    */
-  children: x(r.node, "Radio", "Use `label` instead."),
+  children: ne(r.node, "Radio", "Use `label` instead."),
   /**
    * The css class name to be passed through to the component markup.
    *
@@ -279,7 +279,7 @@ const z = {
    * Defaults to **null**.
    */
   value: r.oneOfType([r.string, r.number])
-}, G = {
+}, ce = {
   alignEnd: !1,
   checked: null,
   children: void 0,
@@ -289,72 +289,64 @@ const z = {
   id: void 0,
   label: null,
   name: null,
+  onChange: null,
   themeColor: "primary",
   value: null
-}, b = /* @__PURE__ */ k((o, t) => {
-  const {
-    alignEnd: e,
-    checked: n,
-    children: a,
-    className: c,
-    disabled: d,
-    hideLabel: D,
-    id: N,
-    label: L,
-    name: T,
-    onChange: h,
-    themeColor: v,
-    value: p,
-    ...P
-  } = o, [g] = M(() => N || F()), m = _(), i = _();
-  S(t, () => m.current, []);
-  const I = (l) => {
-    if (h) {
-      h(l, p);
+}, ue = ["alignEnd", "checked", "children", "className", "disabled", "hideLabel", "id", "label", "name", "onChange", "themeColor", "value"], i = ce, j = /* @__PURE__ */ Q(function(n, t) {
+  var e = n.alignEnd, o = e === void 0 ? i.alignEnd : e, a = n.checked, s = a === void 0 ? i.checked : a, v = n.children, w = v === void 0 ? i.children : v, b = n.className, F = b === void 0 ? i.className : b, g = n.disabled, c = g === void 0 ? i.disabled : g, C = n.hideLabel, x = C === void 0 ? i.hideLabel : C, _ = n.id, q = _ === void 0 ? i.id : _, y = n.label, B = y === void 0 ? i.label : y, E = n.name, H = E === void 0 ? i.name : E, R = n.onChange, N = R === void 0 ? i.onChange : R, O = n.themeColor, L = O === void 0 ? i.themeColor : O, D = n.value, p = D === void 0 ? i.value : D, V = G(n, ue), U = X(function() {
+    return q || te();
+  }), W = K(U, 1), T = W[0], h = I(), d = I();
+  Y(t, function() {
+    return h.current;
+  }, []);
+  var z = function(P) {
+    if (N) {
+      N(P, p);
       return;
     }
-    i.current.checked = l.target.checked;
+    d.current.checked = P.target.checked;
   };
-  return u(() => (i.current = $.attachTo(m.current), () => {
-    var l;
-    (l = i.current) === null || l === void 0 || l.destroy();
-  }), [i]), u(() => {
-    i.current.value = p;
-  }, [p]), u(() => {
-    i.current.checked = n;
-  }, [n]), u(() => {
-    i.current.disabled = d;
-  }, [d]), /* @__PURE__ */ s.createElement(j, {
-    alignEnd: e,
-    inputRef: i
-  }, /* @__PURE__ */ s.createElement("div", {
-    ref: m,
-    className: C("lmnt mdc-radio lmnt-radio", d && "mdc-radio--disabled", v && `lmnt-radio--${v}`, c, "mdc-touch-target-wrapper")
-  }, /* @__PURE__ */ s.createElement("input", A({
-    id: g,
-    onChange: I,
-    disabled: d,
-    name: T,
+  return f(function() {
+    return d.current = le.attachTo(h.current), function() {
+      var u;
+      (u = d.current) === null || u === void 0 || u.destroy();
+    };
+  }, [d]), f(function() {
+    d.current.value = p;
+  }, [p]), f(function() {
+    d.current.checked = s;
+  }, [s]), f(function() {
+    d.current.disabled = c;
+  }, [c]), /* @__PURE__ */ l.createElement(Z, {
+    alignEnd: o,
+    inputRef: d
+  }, /* @__PURE__ */ l.createElement("div", {
+    ref: h,
+    className: k("lmnt mdc-radio lmnt-radio", c && "mdc-radio--disabled", L && "lmnt-radio--".concat(L), F, "mdc-touch-target-wrapper")
+  }, /* @__PURE__ */ l.createElement("input", J({
+    id: T,
+    onChange: z,
+    disabled: c,
+    name: H,
     type: "radio",
     className: "mdc-radio__native-control"
-  }, P)), /* @__PURE__ */ s.createElement("div", {
+  }, V)), /* @__PURE__ */ l.createElement("div", {
     className: "mdc-radio__background"
-  }, /* @__PURE__ */ s.createElement("div", {
+  }, /* @__PURE__ */ l.createElement("div", {
     className: "mdc-radio__outer-circle"
-  }), /* @__PURE__ */ s.createElement("div", {
+  }), /* @__PURE__ */ l.createElement("div", {
     className: "mdc-radio__inner-circle"
-  })), /* @__PURE__ */ s.createElement("div", {
+  })), /* @__PURE__ */ l.createElement("div", {
     className: "mdc-radio__ripple"
-  })), /* @__PURE__ */ s.createElement(w, {
-    hideLabel: D,
-    targetId: g,
-    className: C(d && "lmnt-theme-on-surface-disabled"),
-    disabled: d
-  }, L || a));
+  })), /* @__PURE__ */ l.createElement(ee, {
+    hideLabel: x,
+    targetId: T,
+    className: k(c && "lmnt-theme-on-surface-disabled"),
+    disabled: c
+  }, B || w));
 });
-b.displayName = "Radio";
-b.propTypes = z;
-b.defaultProps = G;
+j.displayName = "Radio";
+j.propTypes = se;
 export {
-  b as R
+  j as R
 };

package/dist/index.es-DDYCugj-.js

@@ -0,0 +1,166 @@
+import { _ as z, a as S, c as I, b as h, d as R, P as s } from "./index-Cpb-8cAN.js";
+import { _ as T, a as b, b as E, c as k, d as w, e as A, f as C } from "./defineProperty-CmuOyxyf.js";
+import H, { forwardRef as K, useRef as q, useImperativeHandle as B } from "react";
+import { d as F } from "./index.es-BXj90wb_.js";
+var J = {
+  /**
+   * Children to be rendered. Expects multiple components of a similar type.
+   *
+   * Defaults to **null**.
+   */
+  children: s.node,
+  /**
+   * The grouping direction.
+   *
+   * Defaults to **'horizontal'**.
+   */
+  direction: s.oneOf(["horizontal", "vertical", "horizontal-reverse", "vertical-reverse"]),
+  /**
+   * Sets the Group width to be 100%.
+   *
+   * Defaults to **false**.
+   */
+  fullWidth: s.bool,
+  /**
+   * How much spacing between items. Dense is 8p, standard is 16px and airy is 24px.
+   *
+   * Defaults to **'standard'**.
+   */
+  gap: s.oneOf(["dense", "standard", "airy", "none"]),
+  /**
+   * @deprecated _Renamed for improved clarity. See `gap`._
+   *
+   * How much spacing between items. Dense is 8p, standard is 16px and airy is 24px.
+   *
+   * Defaults to **undefined**.
+   */
+  padding: F(s.oneOf(["dense", "standard", "airy", "none"]), "Group", "Renamed for improved clarity. See `gap`."),
+  /**
+   * Alignment along the primary axis. 'For `horizontal` grouping this means the x-axis positioning, for `vertical`, this means the y-axis positioning.Equivalent to flexbox 'justify-content.
+   *
+   * Defaults to **'start'**.
+   */
+  primaryAlign: s.oneOf(["start", "end", "center", "space-evenly", "space-between", "space-around"]),
+  /**
+   * Alignment along the secondary axis. For horizontal grouping this means the y-axis positioning, for vertical, this means the x-axis positioning.Equivalent to flexbox 'align-items.
+   *
+   * Defaults to **'baseline'**.
+   */
+  secondaryAlign: s.oneOf(["start", "end", "center", "stretch", "baseline"]),
+  /**
+   * Styles for the grid.
+   *
+   * Defaults to **undefined**.
+   */
+  style: s.object
+}, L = {
+  children: null,
+  direction: "horizontal",
+  fullWidth: !1,
+  gap: "standard",
+  padding: void 0,
+  primaryAlign: "start",
+  secondaryAlign: "baseline",
+  style: void 0
+}, M = ["children", "className", "direction", "fullWidth", "gap", "padding", "primaryAlign", "secondaryAlign", "style"];
+function P(e, r) {
+  var a = R(e);
+  if (A) {
+    var t = A(e);
+    r && (t = C(t).call(t, function(n) {
+      return w(e, n).enumerable;
+    })), a.push.apply(a, t);
+  }
+  return a;
+}
+function d(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var a, t, n = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? h(a = P(Object(n), !0)).call(a, function(c) {
+      T(e, c, n[c]);
+    }) : b ? E(e, b(n)) : h(t = P(Object(n))).call(t, function(c) {
+      k(e, c, w(n, c));
+    });
+  }
+  return e;
+}
+var i = L, Q = function(r) {
+  switch (r) {
+    case "end":
+      return "flex-end";
+    case "start":
+      return "flex-start";
+    case "center":
+      return "center";
+    case "stretch":
+      return "stretch";
+    case "baseline":
+    default:
+      return "baseline";
+  }
+}, U = function(r) {
+  switch (r) {
+    case "end":
+      return "flex-end";
+    case "center":
+      return "center";
+    case "space-evenly":
+      return "space-evenly";
+    case "space-between":
+      return "space-between";
+    case "space-around":
+      return "space-around";
+    case "start":
+    default:
+      return "flex-start";
+  }
+}, V = function(r) {
+  switch (r) {
+    case "dense":
+      return "8px";
+    case "airy":
+      return "24px";
+    case "standard":
+      return "16px";
+    case "none":
+    default:
+      return "0px";
+  }
+}, X = function(r) {
+  switch (r) {
+    case "horizontal":
+      return "row";
+    case "vertical":
+      return "column";
+    case "horizontal-reverse":
+      return "row-reverse";
+    case "vertical-reverse":
+      return "column-reverse";
+    default:
+      return "row";
+  }
+}, O = /* @__PURE__ */ K(function(e, r) {
+  var a = e.children, t = a === void 0 ? i.children : a, n = e.className, c = n === void 0 ? i.className : n, o = e.direction, _ = o === void 0 ? i.direction : o, p = e.fullWidth, $ = p === void 0 ? i.fullWidth : p, u = e.gap, j = u === void 0 ? i.gap : u, f = e.padding, x = f === void 0 ? i.padding : f, g = e.primaryAlign, W = g === void 0 ? i.primaryAlign : g, y = e.secondaryAlign, N = y === void 0 ? i.secondaryAlign : y, m = e.style, D = m === void 0 ? i.style : m, G = z(e, M), l = {
+    display: "flex",
+    flexDirection: X(_),
+    justifyContent: U(W),
+    alignItems: Q(N),
+    gap: V(x || j)
+  };
+  $ && (l = d(d({}, l), {}, {
+    width: "100%"
+  })), l = d(d({}, l), D);
+  var v = q();
+  return B(r, function() {
+    return v.current;
+  }, []), /* @__PURE__ */ H.createElement("div", S({
+    ref: v,
+    className: I("lmnt", "lmnt-group", c),
+    style: l
+  }, G), t);
+});
+O.displayName = "Group";
+O.propTypes = J;
+export {
+  O as G
+};