@hortiview/shared-components 2.26.0 → 2.26.2

package/dist/index.es-BZkGOjEo.js

@@ -0,0 +1,383 @@
+import { _ as Nn, c as A, a as rn, P as a } from "./index-_-9ybP20.js";
+import { _ as dn, I as $n } from "./index.es-LckFzDz-.js";
+import I, { forwardRef as Pn, useRef as B, useImperativeHandle as Sn, useEffect as cn } from "react";
+import { c as T, b as En, d as Rn } from "./index.es-DRC-9PLs.js";
+import { b as un, c as sn } from "./tslib.es6-BDCynO9F.js";
+import { M as Dn, a as xn } from "./component-By6nyiBU.js";
+import { M as fn } from "./component-DYpB_4EP.js";
+var h = {
+  ICON_BUTTON_ON: "mdc-icon-button--on",
+  ROOT: "mdc-icon-button"
+}, f = {
+  ARIA_LABEL: "aria-label",
+  ARIA_PRESSED: "aria-pressed",
+  DATA_ARIA_LABEL_OFF: "data-aria-label-off",
+  DATA_ARIA_LABEL_ON: "data-aria-label-on",
+  CHANGE_EVENT: "MDCIconButtonToggle:change"
+};
+var gn = (
+  /** @class */
+  (function(e) {
+    un(l, e);
+    function l(o) {
+      var c = e.call(this, sn(sn({}, l.defaultAdapter), o)) || this;
+      return c.hasToggledAriaLabel = !1, c;
+    }
+    return Object.defineProperty(l, "cssClasses", {
+      get: function() {
+        return h;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(l, "strings", {
+      get: function() {
+        return f;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(l, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          hasClass: function() {
+            return !1;
+          },
+          notifyChange: function() {
+          },
+          removeClass: function() {
+          },
+          getAttr: function() {
+            return null;
+          },
+          setAttr: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), l.prototype.init = function() {
+      var o = this.adapter.getAttr(f.DATA_ARIA_LABEL_ON), c = this.adapter.getAttr(f.DATA_ARIA_LABEL_OFF);
+      if (o && c) {
+        if (this.adapter.getAttr(f.ARIA_PRESSED) !== null)
+          throw new Error("MDCIconButtonToggleFoundation: Button should not set `aria-pressed` if it has a toggled aria label.");
+        this.hasToggledAriaLabel = !0;
+      } else
+        this.adapter.setAttr(f.ARIA_PRESSED, String(this.isOn()));
+    }, l.prototype.handleClick = function() {
+      this.toggle(), this.adapter.notifyChange({ isOn: this.isOn() });
+    }, l.prototype.isOn = function() {
+      return this.adapter.hasClass(h.ICON_BUTTON_ON);
+    }, l.prototype.toggle = function(o) {
+      if (o === void 0 && (o = !this.isOn()), o ? this.adapter.addClass(h.ICON_BUTTON_ON) : this.adapter.removeClass(h.ICON_BUTTON_ON), this.hasToggledAriaLabel) {
+        var c = o ? this.adapter.getAttr(f.DATA_ARIA_LABEL_ON) : this.adapter.getAttr(f.DATA_ARIA_LABEL_OFF);
+        this.adapter.setAttr(f.ARIA_LABEL, c || "");
+      } else
+        this.adapter.setAttr(f.ARIA_PRESSED, "" + o);
+    }, l;
+  })(Dn)
+);
+var Fn = gn.strings, Mn = (
+  /** @class */
+  (function(e) {
+    un(l, e);
+    function l() {
+      var o = e !== null && e.apply(this, arguments) || this;
+      return o.rippleComponent = o.createRipple(), o;
+    }
+    return l.attachTo = function(o) {
+      return new l(o);
+    }, l.prototype.initialSyncWithDOM = function() {
+      var o = this;
+      this.handleClick = function() {
+        o.foundation.handleClick();
+      }, this.listen("click", this.handleClick);
+    }, l.prototype.destroy = function() {
+      this.unlisten("click", this.handleClick), this.ripple.destroy(), e.prototype.destroy.call(this);
+    }, l.prototype.getDefaultFoundation = function() {
+      var o = this, c = {
+        addClass: function(r) {
+          return o.root.classList.add(r);
+        },
+        hasClass: function(r) {
+          return o.root.classList.contains(r);
+        },
+        notifyChange: function(r) {
+          o.emit(Fn.CHANGE_EVENT, r);
+        },
+        removeClass: function(r) {
+          return o.root.classList.remove(r);
+        },
+        getAttr: function(r) {
+          return o.root.getAttribute(r);
+        },
+        setAttr: function(r, u) {
+          return o.root.setAttribute(r, u);
+        }
+      };
+      return new gn(c);
+    }, Object.defineProperty(l.prototype, "ripple", {
+      get: function() {
+        return this.rippleComponent;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(l.prototype, "on", {
+      get: function() {
+        return this.foundation.isOn();
+      },
+      set: function(o) {
+        this.foundation.toggle(o);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), l.prototype.createRipple = function() {
+      var o = new fn(this.root);
+      return o.unbounded = !0, o;
+    }, l;
+  })(xn)
+), zn = {
+  /**
+   * Programmatically sets the toggle state of the button when used as a toggle button. If not set, the toggle state will be managed internally.
+   *
+   * Defaults to **false**.
+   */
+  active: a.bool,
+  /**
+   * Accessibility label for assistive technologies.
+   *
+   * Defaults to **null**.
+   */
+  ariaLabel: a.string,
+  /**
+   * Id of an element serving as a label for this IconButton instance. Used by assistive technologies.
+   *
+   * Defaults to **null**.
+   */
+  ariaLabelledBy: a.string,
+  /**
+   * The custom icon button notification badge to be rendered.
+   *
+   * Defaults to **undefined**.
+   */
+  badge: a.node,
+  /**
+   * The placement of the notification badge on the icon to start.  It will flip to the opposite side if there is no room.
+   *
+   * Defaults to **'right-start'**.
+   */
+  badgePlacement: a.oneOf(["right-start", "left-start"]),
+  /**
+   * The content when when using the IconButton normally. Expects an `Icon` component. For toggle button functionality, use `toggleOn` and `toggleOff` instead.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * @deprecated _Use iconSize='small' instead._
+   *
+   * Enables a smaller IconButton.
+   *
+   * Defaults to **undefined**.
+   */
+  dense: Rn(a.bool, "IconButton", 'Use iconSize="small" instead.'),
+  /**
+   * Disables the icon button.
+   *
+   * Defaults to **false**.
+   */
+  disabled: a.bool,
+  /**
+   * For filled variants, choose between the two emphasis levels for icon Button to improve visual hierarchy and user interface clarity
+   *
+   * Defaults to **'high'**.
+   */
+  emphasis: a.oneOf(["high", "low"]),
+  /**
+   * For simple use-cases, this will automatically create the icon object. Does not work with `toggle='true'`
+   *
+   * Defaults to **null**.
+   */
+  icon: a.oneOfType([a.string, a.node]),
+  /**
+   * Pass props to the internal Icon instance. Ignored if you pass your own object.
+   *
+   * Defaults to **undefined**.
+   */
+  iconProps: a.object,
+  /**
+   * One of 'xsmall', 'small', 'medium', 'large', and 'xlarge' will change the size of the icon. Defaults to medium.
+   *
+   * Defaults to **'medium'**.
+   */
+  iconSize: a.oneOf(["xsmall", "small", "medium", "large", "xlarge"]),
+  /**
+   * Choose between the classic Material Icons (default), newer Material Symbols, or custom.
+   *
+   * Defaults to **'material-icons'**.
+   */
+  iconSource: a.oneOf(["material-icons", "material-symbols"]),
+  /**
+   * The material icon type/style to be use. NOTE: Not all icons have every type and material-symbols only support outlined, rounded, and sharp. To see which icons are available for different types see [Material Icons docs](https://material.io/tools/icons)
+   *
+   * Defaults to **'filled'**.
+   */
+  iconType: a.oneOf(["filled", "outlined", "rounded", "two-tone", "sharp"]),
+  /**
+   * Disables the hover effect.
+   *
+   * Defaults to **false**.
+   */
+  noHover: a.bool,
+  /**
+   * Fired when the user clicks the IconButton, will return toggle state, if applicable.
+   *
+   * Defaults to **null**.
+   */
+  onClick: a.func,
+  /**
+   * TabIndex of the button.
+   *
+   * Defaults to **0**.
+   */
+  tabIndex: a.number,
+  /**
+   * By default a button will be rendered, this allows another tag/component to be used instead. A block type element/component is suggested.
+   *
+   * Defaults to **null**.
+   */
+  tag: a.oneOfType([a.string, a.elementType, a.instanceOf(I.Component)]),
+  /**
+   * The content to be rendered when the `IconButton` is toggled off. Expects an `Icon` component. The typical use case for a toggle button would be to set an Icon for `toggleOn` and `toggleOff`, leaving children blank.
+   *
+   * Defaults to **null**.
+   */
+  toggleOff: a.node,
+  /**
+   * The `aria-label` value to be read by a screen-reader when the button is toggled off. Example 'Add to Favorites'. Alternatively, `toggleOffAriaLabelledBy` may be used instead.
+   *
+   * Defaults to **null**.
+   */
+  toggleOffAriaLabel: a.string,
+  /**
+   * The `aria-labelledby`value when the button is toggled on. This should be the `id `of a parent element to be read by a screen reader instead of `aria-label`.
+   *
+   * Defaults to **null**.
+   */
+  toggleOffAriaLabelledBy: a.string,
+  /**
+   * The content to be rendered when the `IconButton` is toggled on. Expects an `Icon` component. The typical use case for a toggle button would be to set an Icon for `toggleOn` and `toggleOff`, leaving children blank.
+   *
+   * Defaults to **null**.
+   */
+  toggleOn: a.node,
+  /**
+   * The `aria-label` value to be read by a screen-reader when the button is toggled on. Example 'Remove from Favorites'. Alternatively, `toggleOnAriaLabelledBy` may be used instead.
+   *
+   * Defaults to **null**.
+   */
+  toggleOnAriaLabel: a.string,
+  /**
+   * The `aria-labelledby`value when the button is toggled on. This should be the `id` of a parent element to be read by a screen reader instead of `aria-label`.
+   *
+   * Defaults to **null**.
+   */
+  toggleOnAriaLabelledBy: a.string,
+  /**
+   * Variants prefixed with `filled-` will add a background color to the icon according to the theme. Variants prefixed with ` color-` will change the color of the icon according to the theme.
+   *
+   * Defaults to **empty string**.
+   */
+  variant: En(a.oneOf(["", "filled-danger-alt", "filled-danger", "filled-primary", "filled-secondary", "filled-on-primary", "filled-on-secondary", "filled-on-unknown-black", "filled-on-unknown-white", "filled-on-unknown-surface", "color-primary", "color-secondary", "color-on-primary", "color-on-secondary", "color-on-dark", "color-on-unknown-black", "color-on-unknown-white", "color-on-unknown-surface", "secondary-on-surface"]), ["primary-alt", "secondary-alt", "primary", "danger-alt", "danger"], "IconButton", "Please use one of '','filled-danger-alt','filled-danger','filled-primary','filled-secondary','filled-on-primary','filled-on-secondary','filled-on-unknown-black','filled-on-unknown-white','filled-on-unknown-surface','color-primary','color-secondary','color-on-primary','color-on-secondary','color-on-dark','color-on-unknown-black','color-on-unknown-white','color-on-unknown-surface','secondary-on-surface'.")
+}, Hn = {
+  active: !1,
+  ariaLabel: null,
+  ariaLabelledBy: null,
+  badge: void 0,
+  badgePlacement: "right-start",
+  children: null,
+  className: void 0,
+  dense: void 0,
+  disabled: !1,
+  emphasis: "high",
+  icon: null,
+  iconSize: "medium",
+  iconSource: "material-icons",
+  iconType: "filled",
+  noHover: !1,
+  onClick: null,
+  tabIndex: 0,
+  tag: null,
+  toggleOff: null,
+  toggleOffAriaLabel: null,
+  toggleOffAriaLabelledBy: null,
+  toggleOn: null,
+  toggleOnAriaLabel: null,
+  toggleOnAriaLabelledBy: null,
+  variant: ""
+}, jn = ["active", "ariaLabel", "ariaLabelledBy", "badge", "badgePlacement", "children", "className", "dense", "disabled", "emphasis", "icon", "iconSize", "iconType", "onClick", "noHover", "tabIndex", "iconSource", "tag", "toggleOff", "toggleOffAriaLabel", "toggleOffAriaLabelledBy", "toggleOn", "toggleOnAriaLabel", "toggleOnAriaLabelledBy", "variant", "iconProps"], i = Hn, pn = /* @__PURE__ */ Pn(function(e, l) {
+  var o = e.active, c = o === void 0 ? i.active : o, r = e.ariaLabel, u = r === void 0 ? i.ariaLabel : r, w = e.ariaLabelledBy, N = w === void 0 ? i.ariaLabelledBy : w, $ = e.badge, P = $ === void 0 ? i.badge : $, S = e.badgePlacement, bn = S === void 0 ? i.badgePlacement : S, E = e.children, R = E === void 0 ? i.children : E, D = e.className, mn = D === void 0 ? i.className : D, x = e.dense, vn = x === void 0 ? i.dense : x, F = e.disabled, yn = F === void 0 ? i.disabled : F, M = e.emphasis, z = M === void 0 ? i.emphasis : M, H = e.icon, j = H === void 0 ? i.icon : H, U = e.iconSize, An = U === void 0 ? i.iconSize : U, G = e.iconType, hn = G === void 0 ? i.iconType : G, V = e.onClick, O = V === void 0 ? i.onClick : V, W = e.noHover, On = W === void 0 ? i.noHover : W, q = e.tabIndex, Ln = q === void 0 ? i.tabIndex : q, J = e.iconSource, _n = J === void 0 ? i.iconSource : J, K = e.tag, kn = K === void 0 ? i.tag : K, Q = e.toggleOff, X = Q === void 0 ? i.toggleOff : Q, Y = e.toggleOffAriaLabel, L = Y === void 0 ? i.toggleOffAriaLabel : Y, Z = e.toggleOffAriaLabelledBy, _ = Z === void 0 ? i.toggleOffAriaLabelledBy : Z, nn = e.toggleOn, en = nn === void 0 ? i.toggleOn : nn, on = e.toggleOnAriaLabel, k = on === void 0 ? i.toggleOnAriaLabel : on, an = e.toggleOnAriaLabelledBy, C = an === void 0 ? i.toggleOnAriaLabelledBy : an, tn = e.variant, n = tn === void 0 ? i.variant : tn, Cn = e.iconProps, Bn = Nn(e, jn), v = B(), y = B(), m = B(), g = en && X, ln = n && dn(n).call(n, "filled") > -1, p = An;
+  p === "medium" && vn && (p = "small"), P && (p === "small" || p === "xsmall") && (p = "medium"), Sn(l, function() {
+    return v.current;
+  }, []);
+  var Tn = A("lmnt", "lmnt-icon-button", "mdc-icon-button", On && "lmnt-icon-button__no-hover", ln && z === "low" && "lmnt-icon-button--emphasis-low", ln && z === "high" && "lmnt-icon-button--emphasis-high", (n === "primary" || n === "primary-alt" || n === "secondary" || n === "danger" || n === "danger-alt" || (n == null ? void 0 : dn(n).call(n, "filled-")) === 0) && "lmnt-icon-button--fill", (n === "danger-alt" || n === "filled-danger-alt") && "lmnt-icon-button--fill-danger-alt", (n === "danger" || n === "filled-danger") && "lmnt-icon-button--fill-danger", (n === "primary" || n === "filled-primary") && "lmnt-icon-button--fill-primary", (n === "primary-alt" || n === "filled-secondary") && "lmnt-icon-button--fill-secondary", (n === "secondary-alt" || n === "color-on-dark") && "lmnt-icon-button--color-on-dark", n === "color-primary" && "lmnt-icon-button--color-primary", n === "color-secondary" && "lmnt-icon-button--color-secondary", n === "color-on-unknown-black" && "lmnt-icon-button--color-on-unknown-black", n === "secondary-on-surface" && "lmnt-icon-button--secondary-on-surface", n === "filled-on-primary" && "lmnt-icon-button--fill-on-primary", n === "filled-on-secondary" && "lmnt-icon-button--fill-on-secondary", n === "filled-on-surface" && "lmnt-icon-button--fill-on-surface", n === "filled-on-unknown-black" && "lmnt-icon-button--fill-on-unknown-black", n === "filled-on-unknown-white" && "lmnt-icon-button--fill-on-unknown-white", n === "filled-on-unknown-surface" && "lmnt-icon-button--fill-on-unknown-surface", n === "color-on-primary" && "lmnt-icon-button--color-on-primary", n === "color-on-secondary" && "lmnt-icon-button--color-on-secondary", n === "color-on-unknown-white" && "lmnt-icon-button--color-on-unknown-white", n === "color-on-unknown-surface" && "lmnt-icon-button--color-on-unknown-surface", p && "lmnt-icon-button--".concat(p), mn);
+  cn(function() {
+    return g ? m.current = Mn.attachTo(v.current) : (y.current = fn.attachTo(v.current), y.current.unbounded = !0), function() {
+      g ? m.current.destroy() : y.current.destroy();
+    };
+  }, [m, g, y]), cn(function() {
+    g && (m.current.on = c);
+  }, [c, g, m]);
+  var In = function(d) {
+    O && (g ? O(m.current.on, d) : O(d));
+  }, wn = kn || "button";
+  return /* @__PURE__ */ I.createElement(wn, rn({
+    "aria-label": u,
+    "aria-labelledby": N,
+    "data-aria-label-on": k || C || u,
+    "data-aria-label-off": L || _ || u,
+    onClick: In,
+    ref: v,
+    className: Tn,
+    disabled: yn,
+    tabIndex: Ln
+  }, Bn), j && /* @__PURE__ */ I.createElement($n, rn({
+    badge: P,
+    badgePlacement: bn,
+    icon: j,
+    iconSize: p,
+    iconSource: _n,
+    iconType: hn
+  }, Cn)), R && T(R, function(t) {
+    var d, s;
+    return {
+      className: A("mdc-icon-button__icon", t == null || (d = t.props) === null || d === void 0 ? void 0 : d.className),
+      "aria-hidden": (t == null || (s = t.props) === null || s === void 0 ? void 0 : s["aria-hidden"]) || u || N
+    };
+  }), g && c && T(en, function(t) {
+    var d, s, b;
+    return {
+      className: A("mdc-icon-button__icon", t == null || (d = t.props) === null || d === void 0 ? void 0 : d.className),
+      "aria-label": (t == null || (s = t.props) === null || s === void 0 ? void 0 : s["aria-label"]) || k || C || u,
+      "aria-hidden": (t == null || (b = t.props) === null || b === void 0 ? void 0 : b["aria-hidden"]) || k || C || u
+    };
+  }), g && !c && T(X, function(t) {
+    var d, s, b;
+    return {
+      className: A("mdc-icon-button__icon", t == null || (d = t.props) === null || d === void 0 ? void 0 : d.className),
+      "aria-label": (t == null || (s = t.props) === null || s === void 0 ? void 0 : s["aria-label"]) || L || _ || u,
+      "aria-hidden": (t == null || (b = t.props) === null || b === void 0 ? void 0 : b["aria-hidden"]) || L || _ || u
+    };
+  }));
+});
+pn.displayName = "IconButton";
+pn.propTypes = zn;
+export {
+  pn as I
+};

package/dist/{index.es-Cr1PSTyq.js → index.es-C2ejWpji.js}

@@ -1,7 +1,7 @@
-import { _ as M, c as D, a as E, b as x, d as V, P as e } from "./index-Df2FYN-K.js";
+import { _ as M, c as D, a as E, b as x, d as V, P as e } from "./index-_-9ybP20.js";
 import W, { forwardRef as I, useMemo as k, useRef as el, useImperativeHandle as rl, useContext as al, createContext as tl } from "react";
-import { d as nl } from "./index.es-C6I3L4U4.js";
-import { _ as B, a as H, b as F, c as J, d as T, e as S, f as L } from "./defineProperty-B7N9EBBI.js";
+import { d as nl } from "./index.es-DRC-9PLs.js";
+import { _ as B, a as H, b as F, c as J, d as T, e as S, f as L } from "./defineProperty-SoB5opr-.js";
 var Q = /* @__PURE__ */ tl({}), il = {
   /**
    * @deprecated _Use `variant`='airy' instead._

package/dist/{index.es-DgncYOqO.js → index.es-C8AExypY.js}

@@ -1,5 +1,5 @@
-import { _ as w, a as R, c as D, b as g, d as I, P as d } from "./index-Df2FYN-K.js";
-import { _ as x, a as v, b as E, c as S, d as _, e as f, f as k } from "./defineProperty-B7N9EBBI.js";
+import { _ as w, a as R, c as D, b as g, d as I, P as d } from "./index-_-9ybP20.js";
+import { _ as x, a as v, b as E, c as S, d as _, e as f, f as k } from "./defineProperty-SoB5opr-.js";
 import q, { forwardRef as H, useMemo as K, useRef as M, useImperativeHandle as W } from "react";
 var z = {
   /**

package/dist/{index.es-BOvO8moE.js → index.es-CNrSvjAv.js}

@@ -1,9 +1,9 @@
-import { a as P, b as T, c as A, d as S, e as I, _ as g } from "./slicedToArray-DC6VAZtW.js";
-import { _ as $ } from "./es.string.iterator-DBx2A42F.js";
+import { a as P, b as T, c as A, d as S, e as I, _ as g } from "./slicedToArray-C2Ed3239.js";
+import { _ as $ } from "./es.string.iterator-BrOvr7F6.js";
 import i, { forwardRef as E, useState as R, useRef as w, useImperativeHandle as C, useEffect as x } from "react";
 import D from "react-dom";
-import { g as p, h as H } from "./index.es-C6I3L4U4.js";
-import { P as a } from "./index-Df2FYN-K.js";
+import { g as p, h as H } from "./index.es-DRC-9PLs.js";
+import { P as a } from "./index-_-9ybP20.js";
 function M(e) {
   if (P(e)) return T(e);
 }
@@ -54,8 +54,7 @@ var k = {
       }
     else
       t(r || o);
-  }, [r]), // eslint-disable-next-line react/jsx-no-useless-fragment
-  /* @__PURE__ */ i.createElement(i.Fragment, null, b || !m ? s : /* @__PURE__ */ D.createPortal(s, m));
+  }, [r]), /* @__PURE__ */ i.createElement(i.Fragment, null, b || !m ? s : /* @__PURE__ */ D.createPortal(s, m));
 });
 l.displayName = "Portal";
 l.propTypes = k;

package/dist/{index.es-l_3PNohs.js → index.es-CTKwa3Es.js}

@@ -1,4 +1,4 @@
-import { _ as b, a as y, c as C, P as l } from "./index-Df2FYN-K.js";
+import { _ as b, a as y, c as C, P as l } from "./index-_-9ybP20.js";
 import I, { forwardRef as _, useRef as f, useImperativeHandle as L, useEffect as p } from "react";
 import { b as h, c as m } from "./tslib.es6-BDCynO9F.js";
 import { M as T, a as N } from "./component-By6nyiBU.js";