@hortiview/shared-components 2.8.6 → 2.8.7

package/dist/{index.es-Dnrk7XL6.js → index.es-DObVvepK.js}

@@ -1,12 +1,13 @@
-import { c as M, _ as F, P as i } from "./index-D5m--65X.js";
-import { F as B } from "./index.es-nQ0lMwpE.js";
-import { I as V } from "./index.es-eKuwB1ll.js";
-import l, { forwardRef as G, useState as q, useRef as O, useImperativeHandle as W, useCallback as z, useEffect as b } from "react";
-import { f as X } from "./index.es-ChSlnpSq.js";
-import { b as U, c as T } from "./tslib.es6-BDCynO9F.js";
-import { g as S } from "./util-DA21pZXj.js";
-import { M as $, a as J } from "./component-neHBNHRu.js";
-import { M as H, a as x, m as Q, b as Y } from "./component-DsB0poTj.js";
+import { _ as ne, c as w, a as re, P as o } from "./index-Cpb-8cAN.js";
+import { _ as ae } from "./slicedToArray-BWk2gTCn.js";
+import { F as ie } from "./index.es-CKdJX75f.js";
+import { I as oe } from "./index.es-CmF6xAUJ.js";
+import u, { forwardRef as ce, useState as se, useRef as $, useImperativeHandle as de, useCallback as le, useEffect as k } from "react";
+import { e as ue } from "./index.es-BXj90wb_.js";
+import { b as z, c as b } from "./tslib.es6-BDCynO9F.js";
+import { g as F } from "./util-DA21pZXj.js";
+import { M as he, a as Ee } from "./component-neHBNHRu.js";
+import { M as B, a as V, m as Ce, b as _e } from "./component-DsB0poTj.js";
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -56,7 +57,7 @@ var f = {
   TRANSITION_STATE_INDETERMINATE: "indeterminate",
   TRANSITION_STATE_INIT: "init",
   TRANSITION_STATE_UNCHECKED: "unchecked"
-}, K = {
+}, G = {
   ANIM_END_LATCH_MS: 250
 };
 /**
@@ -81,33 +82,33 @@ var f = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Z = (
+var me = (
   /** @class */
-  function(s) {
-    U(n, s);
-    function n(e) {
-      var t = s.call(this, T(T({}, n.defaultAdapter), e)) || this;
-      return t.currentCheckState_ = c.TRANSITION_STATE_INIT, t.currentAnimationClass_ = "", t.animEndLatchTimer_ = 0, t.enableAnimationEndHandler_ = !1, t;
+  function(i) {
+    z(t, i);
+    function t(e) {
+      var n = i.call(this, b(b({}, t.defaultAdapter), e)) || this;
+      return n.currentCheckState_ = c.TRANSITION_STATE_INIT, n.currentAnimationClass_ = "", n.animEndLatchTimer_ = 0, n.enableAnimationEndHandler_ = !1, n;
     }
-    return Object.defineProperty(n, "cssClasses", {
+    return Object.defineProperty(t, "cssClasses", {
       get: function() {
         return f;
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(n, "strings", {
+    }), Object.defineProperty(t, "strings", {
       get: function() {
         return c;
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(n, "numbers", {
+    }), Object.defineProperty(t, "numbers", {
       get: function() {
-        return K;
+        return G;
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(n, "defaultAdapter", {
+    }), Object.defineProperty(t, "defaultAdapter", {
       get: function() {
         return {
           addClass: function() {
@@ -138,47 +139,47 @@ var Z = (
       },
       enumerable: !1,
       configurable: !0
-    }), n.prototype.init = function() {
+    }), t.prototype.init = function() {
       this.currentCheckState_ = this.determineCheckState_(), this.updateAriaChecked_(), this.adapter.addClass(f.UPGRADED);
-    }, n.prototype.destroy = function() {
+    }, t.prototype.destroy = function() {
       clearTimeout(this.animEndLatchTimer_);
-    }, n.prototype.setDisabled = function(e) {
+    }, t.prototype.setDisabled = function(e) {
       this.adapter.setNativeControlDisabled(e), e ? this.adapter.addClass(f.DISABLED) : this.adapter.removeClass(f.DISABLED);
-    }, n.prototype.handleAnimationEnd = function() {
+    }, t.prototype.handleAnimationEnd = function() {
       var e = this;
       this.enableAnimationEndHandler_ && (clearTimeout(this.animEndLatchTimer_), this.animEndLatchTimer_ = setTimeout(function() {
         e.adapter.removeClass(e.currentAnimationClass_), e.enableAnimationEndHandler_ = !1;
-      }, K.ANIM_END_LATCH_MS));
-    }, n.prototype.handleChange = function() {
+      }, G.ANIM_END_LATCH_MS));
+    }, t.prototype.handleChange = function() {
       this.transitionCheckState_();
-    }, n.prototype.transitionCheckState_ = function() {
+    }, t.prototype.transitionCheckState_ = function() {
       if (this.adapter.hasNativeControl()) {
-        var e = this.currentCheckState_, t = this.determineCheckState_();
-        if (e !== t) {
+        var e = this.currentCheckState_, n = this.determineCheckState_();
+        if (e !== n) {
           this.updateAriaChecked_();
           var r = c.TRANSITION_STATE_UNCHECKED, a = f.SELECTED;
-          t === r ? this.adapter.removeClass(a) : this.adapter.addClass(a), this.currentAnimationClass_.length > 0 && (clearTimeout(this.animEndLatchTimer_), this.adapter.forceLayout(), this.adapter.removeClass(this.currentAnimationClass_)), this.currentAnimationClass_ = this.getTransitionAnimationClass_(e, t), this.currentCheckState_ = t, this.adapter.isAttachedToDOM() && this.currentAnimationClass_.length > 0 && (this.adapter.addClass(this.currentAnimationClass_), this.enableAnimationEndHandler_ = !0);
+          n === r ? this.adapter.removeClass(a) : this.adapter.addClass(a), this.currentAnimationClass_.length > 0 && (clearTimeout(this.animEndLatchTimer_), this.adapter.forceLayout(), this.adapter.removeClass(this.currentAnimationClass_)), this.currentAnimationClass_ = this.getTransitionAnimationClass_(e, n), this.currentCheckState_ = n, this.adapter.isAttachedToDOM() && this.currentAnimationClass_.length > 0 && (this.adapter.addClass(this.currentAnimationClass_), this.enableAnimationEndHandler_ = !0);
         }
       }
-    }, n.prototype.determineCheckState_ = function() {
-      var e = c.TRANSITION_STATE_INDETERMINATE, t = c.TRANSITION_STATE_CHECKED, r = c.TRANSITION_STATE_UNCHECKED;
-      return this.adapter.isIndeterminate() ? e : this.adapter.isChecked() ? t : r;
-    }, n.prototype.getTransitionAnimationClass_ = function(e, t) {
-      var r = c.TRANSITION_STATE_INIT, a = c.TRANSITION_STATE_CHECKED, o = c.TRANSITION_STATE_UNCHECKED, d = n.cssClasses, _ = d.ANIM_UNCHECKED_CHECKED, E = d.ANIM_UNCHECKED_INDETERMINATE, N = d.ANIM_CHECKED_UNCHECKED, C = d.ANIM_CHECKED_INDETERMINATE, m = d.ANIM_INDETERMINATE_CHECKED, u = d.ANIM_INDETERMINATE_UNCHECKED;
+    }, t.prototype.determineCheckState_ = function() {
+      var e = c.TRANSITION_STATE_INDETERMINATE, n = c.TRANSITION_STATE_CHECKED, r = c.TRANSITION_STATE_UNCHECKED;
+      return this.adapter.isIndeterminate() ? e : this.adapter.isChecked() ? n : r;
+    }, t.prototype.getTransitionAnimationClass_ = function(e, n) {
+      var r = c.TRANSITION_STATE_INIT, a = c.TRANSITION_STATE_CHECKED, s = c.TRANSITION_STATE_UNCHECKED, l = t.cssClasses, E = l.ANIM_UNCHECKED_CHECKED, _ = l.ANIM_UNCHECKED_INDETERMINATE, T = l.ANIM_CHECKED_UNCHECKED, C = l.ANIM_CHECKED_INDETERMINATE, m = l.ANIM_INDETERMINATE_CHECKED, N = l.ANIM_INDETERMINATE_UNCHECKED;
       switch (e) {
         case r:
-          return t === o ? "" : t === a ? m : u;
-        case o:
-          return t === a ? _ : E;
+          return n === s ? "" : n === a ? m : N;
+        case s:
+          return n === a ? E : _;
         case a:
-          return t === o ? N : C;
+          return n === s ? T : C;
         default:
-          return t === a ? m : u;
+          return n === a ? m : N;
       }
-    }, n.prototype.updateAriaChecked_ = function() {
+    }, t.prototype.updateAriaChecked_ = function() {
       this.adapter.isIndeterminate() ? this.adapter.setNativeControlAttr(c.ARIA_CHECKED_ATTR, c.ARIA_CHECKED_INDETERMINATE_VALUE) : this.adapter.removeNativeControlAttr(c.ARIA_CHECKED_ATTR);
-    }, n;
-  }($)
+    }, t;
+  }(he)
 );
 /**
  * @license
@@ -202,23 +203,23 @@ var Z = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var L = ["checked", "indeterminate"], ee = (
+var W = ["checked", "indeterminate"], fe = (
   /** @class */
-  function(s) {
-    U(n, s);
-    function n() {
-      var e = s !== null && s.apply(this, arguments) || this;
+  function(i) {
+    z(t, i);
+    function t() {
+      var e = i !== null && i.apply(this, arguments) || this;
       return e.ripple_ = e.createRipple_(), e;
     }
-    return n.attachTo = function(e) {
-      return new n(e);
-    }, Object.defineProperty(n.prototype, "ripple", {
+    return t.attachTo = function(e) {
+      return new t(e);
+    }, Object.defineProperty(t.prototype, "ripple", {
       get: function() {
         return this.ripple_;
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(n.prototype, "checked", {
+    }), Object.defineProperty(t.prototype, "checked", {
       get: function() {
         return this.nativeControl_.checked;
       },
@@ -227,7 +228,7 @@ var L = ["checked", "indeterminate"], ee = (
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(n.prototype, "indeterminate", {
+    }), Object.defineProperty(t.prototype, "indeterminate", {
       get: function() {
         return this.nativeControl_.indeterminate;
       },
@@ -236,7 +237,7 @@ var L = ["checked", "indeterminate"], ee = (
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(n.prototype, "disabled", {
+    }), Object.defineProperty(t.prototype, "disabled", {
       get: function() {
         return this.nativeControl_.disabled;
       },
@@ -245,7 +246,7 @@ var L = ["checked", "indeterminate"], ee = (
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(n.prototype, "value", {
+    }), Object.defineProperty(t.prototype, "value", {
       get: function() {
         return this.nativeControl_.value;
       },
@@ -254,20 +255,20 @@ var L = ["checked", "indeterminate"], ee = (
       },
       enumerable: !1,
       configurable: !0
-    }), n.prototype.initialize = function() {
+    }), t.prototype.initialize = function() {
       var e = c.DATA_INDETERMINATE_ATTR;
       this.nativeControl_.indeterminate = this.nativeControl_.getAttribute(e) === "true", this.nativeControl_.removeAttribute(e);
-    }, n.prototype.initialSyncWithDOM = function() {
+    }, t.prototype.initialSyncWithDOM = function() {
       var e = this;
       this.handleChange_ = function() {
         return e.foundation.handleChange();
       }, this.handleAnimationEnd_ = function() {
         return e.foundation.handleAnimationEnd();
-      }, this.nativeControl_.addEventListener("change", this.handleChange_), this.listen(S(window, "animationend"), this.handleAnimationEnd_), this.installPropertyChangeHooks_();
-    }, n.prototype.destroy = function() {
-      this.ripple_.destroy(), this.nativeControl_.removeEventListener("change", this.handleChange_), this.unlisten(S(window, "animationend"), this.handleAnimationEnd_), this.uninstallPropertyChangeHooks_(), s.prototype.destroy.call(this);
-    }, n.prototype.getDefaultFoundation = function() {
-      var e = this, t = {
+      }, this.nativeControl_.addEventListener("change", this.handleChange_), this.listen(F(window, "animationend"), this.handleAnimationEnd_), this.installPropertyChangeHooks_();
+    }, t.prototype.destroy = function() {
+      this.ripple_.destroy(), this.nativeControl_.removeEventListener("change", this.handleChange_), this.unlisten(F(window, "animationend"), this.handleAnimationEnd_), this.uninstallPropertyChangeHooks_(), i.prototype.destroy.call(this);
+    }, t.prototype.getDefaultFoundation = function() {
+      var e = this, n = {
         addClass: function(r) {
           return e.root.classList.add(r);
         },
@@ -299,129 +300,129 @@ var L = ["checked", "indeterminate"], ee = (
           e.nativeControl_.disabled = r;
         }
       };
-      return new Z(t);
-    }, n.prototype.createRipple_ = function() {
-      var e = this, t = T(T({}, H.createAdapter(this)), { deregisterInteractionHandler: function(r, a) {
-        return e.nativeControl_.removeEventListener(r, a, x());
+      return new me(n);
+    }, t.prototype.createRipple_ = function() {
+      var e = this, n = b(b({}, B.createAdapter(this)), { deregisterInteractionHandler: function(r, a) {
+        return e.nativeControl_.removeEventListener(r, a, V());
       }, isSurfaceActive: function() {
-        return Q(e.nativeControl_, ":active");
+        return Ce(e.nativeControl_, ":active");
       }, isUnbounded: function() {
         return !0;
       }, registerInteractionHandler: function(r, a) {
-        return e.nativeControl_.addEventListener(r, a, x());
+        return e.nativeControl_.addEventListener(r, a, V());
       } });
-      return new H(this.root, new Y(t));
-    }, n.prototype.installPropertyChangeHooks_ = function() {
-      var e = this, t = this.nativeControl_, r = Object.getPrototypeOf(t);
-      L.forEach(function(a) {
-        var o = Object.getOwnPropertyDescriptor(r, a);
-        if (P(o)) {
-          var d = o.get, _ = {
-            configurable: o.configurable,
-            enumerable: o.enumerable,
-            get: d,
-            set: function(E) {
-              o.set.call(t, E), e.foundation.handleChange();
+      return new B(this.root, new _e(n));
+    }, t.prototype.installPropertyChangeHooks_ = function() {
+      var e = this, n = this.nativeControl_, r = Object.getPrototypeOf(n);
+      W.forEach(function(a) {
+        var s = Object.getOwnPropertyDescriptor(r, a);
+        if (q(s)) {
+          var l = s.get, E = {
+            configurable: s.configurable,
+            enumerable: s.enumerable,
+            get: l,
+            set: function(_) {
+              s.set.call(n, _), e.foundation.handleChange();
             }
           };
-          Object.defineProperty(t, a, _);
+          Object.defineProperty(n, a, E);
         }
       });
-    }, n.prototype.uninstallPropertyChangeHooks_ = function() {
-      var e = this.nativeControl_, t = Object.getPrototypeOf(e);
-      L.forEach(function(r) {
-        var a = Object.getOwnPropertyDescriptor(t, r);
-        P(a) && Object.defineProperty(e, r, a);
+    }, t.prototype.uninstallPropertyChangeHooks_ = function() {
+      var e = this.nativeControl_, n = Object.getPrototypeOf(e);
+      W.forEach(function(r) {
+        var a = Object.getOwnPropertyDescriptor(n, r);
+        q(a) && Object.defineProperty(e, r, a);
       });
-    }, Object.defineProperty(n.prototype, "nativeControl_", {
+    }, Object.defineProperty(t.prototype, "nativeControl_", {
       get: function() {
-        var e = c.NATIVE_CONTROL_SELECTOR, t = this.root.querySelector(e);
-        if (!t)
+        var e = c.NATIVE_CONTROL_SELECTOR, n = this.root.querySelector(e);
+        if (!n)
           throw new Error("Checkbox component requires a " + e + " element");
-        return t;
+        return n;
       },
       enumerable: !1,
       configurable: !0
-    }), n;
-  }(J)
+    }), t;
+  }(Ee)
 );
-function P(s) {
-  return !!s && typeof s.set == "function";
+function q(i) {
+  return !!i && typeof i.set == "function";
 }
-const te = {
+var Te = {
   /**
    * Aligns checkbox to the right of the label.
    *
    * Defaults to **false**.
    */
-  alignEnd: i.bool,
+  alignEnd: o.bool,
   /**
    * The current state of the checkbox.
    *
    * Defaults to **null**.
    */
-  checked: i.bool,
+  checked: o.bool,
   /**
    * Alternative to `label`, if both `label` and `children` are set, `label` will take priority. Expects a string, but will accept any valid markup.
    *
    * Defaults to **undefined**.
    */
-  children: i.node,
+  children: o.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: i.string,
+  className: o.string,
   /**
    * Prevent the user from interacting with the component.
    *
    * Defaults to **false**.
    */
-  disabled: i.bool,
+  disabled: o.bool,
   /**
    * The label not be displayed, but will still be available to screen readers. This should only be used when the context of the checkbox is clear and understandable. An example use-case could be as a column in a table where the column header specifies the action.
    *
    * Defaults to **false**.
    */
-  hideLabel: i.bool,
+  hideLabel: o.bool,
   /**
    * Randomly generated id. May be overwritten.
    *
    * Defaults to **undefined**.
    */
-  id: i.string,
+  id: o.string,
   /**
    * The checkbox will show an indicator if no value (true or false) is set.
    *
    * Defaults to **false**.
    */
-  indeterminate: i.bool,
+  indeterminate: o.bool,
   /**
    * Display label. The `label` should always be set even when using `hideLabel` - it will be used by screen readers.
    *
    * Defaults to **null**.
    */
-  label: i.oneOfType([i.string, i.node]),
+  label: o.oneOfType([o.string, o.node]),
   /**
    * Fired when checkbox value is changed
    *
    * Defaults to **null**.
    */
-  onChange: i.func,
+  onChange: o.func,
   /**
    * Override the default (`primary`) color with the `secondary` color. Most commonly used when the control is placed on a darker surface.
    *
    * Defaults to **'primary'**.
    */
-  themeColor: i.oneOf(["primary", "secondary", "danger", "success"]),
+  themeColor: o.oneOf(["primary", "secondary", "danger", "success"]),
   /**
    * Any additional value information to be included with the event.
    *
    * Defaults to **null**.
    */
-  value: i.oneOfType([i.string, i.number, i.bool, i.object])
-}, ne = {
+  value: o.oneOfType([o.string, o.number, o.bool, o.object])
+}, Ne = {
   alignEnd: !1,
   checked: null,
   children: void 0,
@@ -431,79 +432,70 @@ const te = {
   id: void 0,
   indeterminate: !1,
   label: null,
+  onChange: null,
   themeColor: "primary",
   value: null
-}, I = /* @__PURE__ */ G((s, n) => {
-  const {
-    alignEnd: e,
-    checked: t,
-    children: r,
-    className: a,
-    disabled: o,
-    hideLabel: d,
-    id: _,
-    indeterminate: E,
-    label: N,
-    onChange: C,
-    themeColor: m,
-    value: u,
-    ...j
-  } = s, [v] = q(() => _ || X()), A = O(), h = O(), w = N || r;
-  W(n, () => A.current, []);
-  let D = !1, p = t;
-  const k = z((g) => {
-    const y = g.target.checked;
-    D && y === p || (D = !0, p = y, C?.(p, g, u));
-  }, [C]);
-  b(() => (h.current = new ee(A.current), () => {
-    h.current.destroy();
-  }), []), b(() => {
-    h.current.checked !== t && (h.current.checked = t);
-  }, [t]), b(() => {
-    E && t === null ? h.current.indeterminate = !0 : h.current.indeterminate = !1;
-  }, [t, E]);
-  const R = {};
-  return u != null && (R.value = u), /* @__PURE__ */ l.createElement(B, {
-    alignEnd: e,
+}, Ae = ["alignEnd", "checked", "children", "className", "disabled", "hideLabel", "id", "indeterminate", "label", "onChange", "themeColor", "value"], d = Ne, X = /* @__PURE__ */ ce(function(i, t) {
+  var e = i.alignEnd, n = e === void 0 ? d.alignEnd : e, r = i.checked, a = r === void 0 ? d.checked : r, s = i.children, l = s === void 0 ? d.children : s, E = i.className, _ = E === void 0 ? d.className : E, T = i.disabled, C = T === void 0 ? d.disabled : T, m = i.hideLabel, N = m === void 0 ? d.hideLabel : m, D = i.id, J = D === void 0 ? d.id : D, g = i.indeterminate, R = g === void 0 ? d.indeterminate : g, y = i.label, Q = y === void 0 ? d.label : y, M = i.onChange, A = M === void 0 ? d.onChange : M, O = i.themeColor, S = O === void 0 ? d.themeColor : O, H = i.value, p = H === void 0 ? d.value : H, Y = ne(i, Ae), Z = se(function() {
+    return J || ue();
+  }), ee = ae(Z, 1), x = ee[0], v = $(), h = $(), te = Q || l;
+  de(t, function() {
+    return v.current;
+  }, []);
+  var K = !1, I = a, L = le(function(U) {
+    var j = U.target.checked;
+    K && j === I || (K = !0, I = j, A?.(I, U, p));
+  }, [A]);
+  k(function() {
+    return h.current = new fe(v.current), function() {
+      h.current.destroy();
+    };
+  }, []), k(function() {
+    h.current.checked !== a && (h.current.checked = a);
+  }, [a]), k(function() {
+    R && a === null ? h.current.indeterminate = !0 : h.current.indeterminate = !1;
+  }, [a, R]);
+  var P = {};
+  return p != null && (P.value = p), /* @__PURE__ */ u.createElement(ie, {
+    alignEnd: n,
     input: h,
     className: "lmnt mdc-touch-target-wrapper"
-  }, /* @__PURE__ */ l.createElement("div", {
+  }, /* @__PURE__ */ u.createElement("div", {
     // onClick={handleChange}
-    ref: A,
-    className: M("lmnt mdc-checkbox lmnt-checkbox mdc-checkbox--touch", o && "mdc-checkbox--disabled", m && `lmnt-checkbox--${m}`, a)
-  }, /* @__PURE__ */ l.createElement("input", F({
-    id: v,
-    disabled: o,
+    ref: v,
+    className: w("lmnt mdc-checkbox lmnt-checkbox mdc-checkbox--touch", C && "mdc-checkbox--disabled", S && "lmnt-checkbox--".concat(S), _)
+  }, /* @__PURE__ */ u.createElement("input", re({
+    id: x,
+    disabled: C,
     type: "checkbox",
     className: "mdc-checkbox__native-control",
-    onChange: k,
-    onClick: k,
-    defaultChecked: t
-  }, R, j)), /* @__PURE__ */ l.createElement("div", {
+    onChange: L,
+    onClick: L,
+    defaultChecked: a
+  }, P, Y)), /* @__PURE__ */ u.createElement("div", {
     className: "mdc-checkbox__background"
-  }, /* @__PURE__ */ l.createElement("svg", {
+  }, /* @__PURE__ */ u.createElement("svg", {
     className: "mdc-checkbox__checkmark",
     viewBox: "0 0 24 24"
-  }, /* @__PURE__ */ l.createElement("path", {
+  }, /* @__PURE__ */ u.createElement("path", {
     className: "mdc-checkbox__checkmark-path",
     fill: "none",
     stroke: "white",
     d: "M1.73,12.91 8.1,19.28 22.79,4.59"
-  })), /* @__PURE__ */ l.createElement("div", {
+  })), /* @__PURE__ */ u.createElement("div", {
     className: "mdc-checkbox__mixedmark"
-  })), /* @__PURE__ */ l.createElement("div", {
+  })), /* @__PURE__ */ u.createElement("div", {
     className: "mdc-checkbox__ripple"
-  })), /* @__PURE__ */ l.createElement(V, {
-    hideLabel: d,
-    targetId: v,
-    className: M(o && "lmnt-theme-on-surface-disabled"),
-    disabled: o
-  }, w));
+  })), /* @__PURE__ */ u.createElement(oe, {
+    hideLabel: N,
+    targetId: x,
+    className: w(C && "lmnt-theme-on-surface-disabled"),
+    disabled: C
+  }, te));
 });
-I.displayName = "Checkbox";
-I.propTypes = te;
-I.defaultProps = ne;
+X.displayName = "Checkbox";
+X.propTypes = Te;
 export {
-  I as C,
-  ee as M
+  X as C,
+  fe as M
 };

package/dist/index.es-DeF-y7fd.js

@@ -0,0 +1,122 @@
+import { _ as K, c as M, a as q, b as R, d as A, P as n } from "./index-Cpb-8cAN.js";
+import { _ as B, a as x, b as G, c as J, d as z, e as S, f as L } from "./defineProperty-CmuOyxyf.js";
+import l, { forwardRef as Q, useRef as U, useImperativeHandle as V, useMemo as u } from "react";
+import { c as X } from "./index.es-BXj90wb_.js";
+var Y = {
+  /**
+   * Content to be rendered inside the elevation.
+   *
+   * Defaults to **null**.
+   */
+  children: n.node,
+  /**
+   * Adds a custom padding style to the child content. Must be a valid CSS padding declaration. i.e. 38px 30px
+   *
+   * Defaults to **null**.
+   */
+  customPadding: n.string,
+  /**
+   * Sets the distance of the elevation. Value must be between 0-24.
+   *
+   * Defaults to **0**.
+   */
+  elevation: n.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24]),
+  /**
+   * Avoids adding an extra element to the DOM and applies proper classes directly to the child element.
+   *
+   * Defaults to **null**.
+   */
+  noWrap: n.bool,
+  /**
+   * The elevation element will have a visible border.
+   *
+   * Defaults to **false**.
+   */
+  outlined: n.bool,
+  /**
+   * Adds a universal padding around the child content. `dense` is 8px, `standard` is 16px, and `airy` is 24px. If `customPadding` is used, this will be ignored.
+   *
+   * Defaults to **undefined**.
+   */
+  padding: n.oneOf(["standard", "dense", "airy"]),
+  /**
+   * The elevation element will have a border radius of 8px.
+   *
+   * Defaults to **false**.
+   */
+  rounded: n.bool,
+  /**
+   * HTML tag to render the contents in.
+   *
+   * Defaults to **'div'**.
+   */
+  tag: n.oneOfType([n.string, n.elementType, n.instanceOf(l.Component)]),
+  /**
+   * Adds animation when elevation is changed.
+   *
+   * Defaults to **null**.
+   */
+  transition: n.bool
+}, Z = {
+  children: null,
+  customPadding: null,
+  elevation: 0,
+  noWrap: null,
+  outlined: !1,
+  padding: void 0,
+  rounded: !1,
+  tag: "div",
+  transition: null
+}, ee = ["children", "className", "customPadding", "elevation", "noWrap", "padding", "rounded", "tag", "outlined", "style", "transition"];
+function k(e, r) {
+  var i = A(e);
+  if (S) {
+    var t = S(e);
+    r && (t = L(t).call(t, function(o) {
+      return z(e, o).enumerable;
+    })), i.push.apply(i, t);
+  }
+  return i;
+}
+function c(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var i, t, o = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? R(i = k(Object(o), !0)).call(i, function(d) {
+      B(e, d, o[d]);
+    }) : x ? G(e, x(o)) : R(t = k(Object(o))).call(t, function(d) {
+      J(e, d, z(o, d));
+    });
+  }
+  return e;
+}
+var a = Z, p = /* @__PURE__ */ Q(function(e, r) {
+  var i = e.children, t = i === void 0 ? a.children : i, o = e.className, d = o === void 0 ? a.className : o, v = e.customPadding, m = v === void 0 ? a.customPadding : v, f = e.elevation, g = f === void 0 ? a.elevation : f, y = e.noWrap, C = y === void 0 ? a.noWrap : y, P = e.padding, s = P === void 0 ? a.padding : P, b = e.rounded, $ = b === void 0 ? a.rounded : b, _ = e.tag, O = _ === void 0 ? a.tag : _, h = e.outlined, j = h === void 0 ? a.outlined : h, E = e.style, N = E === void 0 ? a.style : E, W = e.transition, T = W === void 0 ? a.transition : W, w = K(e, ee), D = U();
+  V(r, function() {
+    return D.current;
+  }, []);
+  var I = u(function() {
+    return M("lmnt", "mdc-elevation--z".concat(g), s === "standard" && "lmnt-elevation--padding-standard", s === "dense" && "lmnt-elevation--padding-dense", s === "airy" && "lmnt-elevation--padding-airy", T && "mdc-elevation-transition", $ && "lmnt-elevation--rounded", j && "lmnt-elevation--outlined", d);
+  }, [g, s, T, $, j, d]), F = u(function() {
+    return c(c({}, N), {}, {
+      padding: m
+    });
+  }, [N, m]), H = u(function() {
+    return O;
+  }, [O]);
+  return (
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    /* @__PURE__ */ l.createElement(l.Fragment, null, C ? X(t, c({
+      className: I
+    }, w)) : /* @__PURE__ */ l.createElement(H, q({
+      ref: D,
+      className: I,
+      style: F
+    }, w), t))
+  );
+});
+p.displayName = "Elevation";
+p.propTypes = Y;
+var re = /* @__PURE__ */ l.memo(p);
+export {
+  re as E
+};