@hortiview/shared-components 2.8.6 → 2.8.8

package/dist/index.es-0QJC9VS2.js

@@ -0,0 +1,325 @@
+import { _ as on, a as an, c as ln, P as n } from "./index-Cpb-8cAN.js";
+import { _ as hn, a as gn, d as b, b as Cn } from "./index.es-BXj90wb_.js";
+import p, { forwardRef as rn, useRef as kn, useImperativeHandle as xn, useMemo as tn } from "react";
+import { R as wn } from "./index.es-BRtk0Q33.js";
+import { I as On } from "./index.es-DwzB1d7_.js";
+var Bn = {
+  /**
+   * @deprecated _Use `themeColor='secondary'` instead._
+   *
+   * Preview feature, this may change. Apply alternative button color scheme (defined by the individual theme).
+   *
+   * Defaults to **undefined**.
+   */
+  altColor: b(n.bool, "Button", 'Use `themeColor="secondary"` instead.'),
+  /**
+   * One of 'xsmall', 'small', 'medium', 'large' and 'xlarge' will change the size of the button. Defaults according to your theme.
+   *
+   * Defaults to **'themeDefault'**.
+   */
+  buttonSize: n.oneOf(["xsmall", "small", "medium", "large", "xlarge", "themeDefault"]),
+  /**
+   * Content to be rendered inside the button. Can be used instead `label` of to provide more flexibility. Accepts any valid markup. _Warning, if Label is set, it will be used instead of child content._
+   *
+   * Defaults to **null**.
+   */
+  children: n.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: n.string,
+  /**
+   * @deprecated _forwardRef has been implemented for Button._
+   *
+   * Reference to the DOM button. This enables a greater level of integration.
+   *
+   * Defaults to **undefined**.
+   */
+  customRef: b(n.oneOfType([
+    n.func,
+    // eslint-disable-next-line react/forbid-prop-types
+    n.shape({
+      current: n.any
+    })
+  ]), "Button", "forwardRef has been implemented for Button."),
+  /**
+   * @deprecated _Use `variant='danger'` instead._
+   *
+   * Apply danger style to the button.
+   *
+   * Defaults to **undefined**.
+   */
+  danger: b(n.bool, "Button", 'Use `variant="danger"` instead.'),
+  /**
+   * Prevent the user from interacting with the component.
+   *
+   * Defaults to **false**.
+   */
+  disabled: n.bool,
+  /**
+   * Sets elevation of the button. Default will be the theme default.
+   *
+   * Defaults to **'default'**.
+   */
+  elevation: n.oneOf(["default", "elevated", "flat"]),
+  /**
+   * @deprecated _Use `variant='filled'` instead._
+   *
+   * Apply a filled-in style. Previously called `primary`.
+   *
+   * Defaults to **undefined**.
+   */
+  filled: b(n.bool, "Button", 'Use `variant="filled"` instead.'),
+  /**
+   * Applies a full-width style where the textfield will fill it's container.
+   *
+   * Defaults to **false**.
+   */
+  fullWidth: n.bool,
+  /**
+   * The button will render as an anchor tag. If the tag prop is set, that prop will take precedence.
+   *
+   * Defaults to **null**.
+   */
+  href: n.string,
+  /**
+   * The displayed text. Expects a valid string. If label and children are both set, label will take priority.
+   *
+   * Defaults to **null**.
+   */
+  label: n.string,
+  /**
+   * Adds the given Icon to the left of the button text. Use only one icon per button. Place icons in the leading position by default. Expects the name of a valid Material icon, however an icon component may be passed in instead for more control,
+   *
+   * Defaults to **undefined**.
+   */
+  leadingIcon: n.oneOfType([n.string, n.func, n.node]),
+  /**
+   * The primary interaction event for button.
+   *
+   * Defaults to **null**.
+   */
+  onClick: n.func,
+  /**
+   * @deprecated _Use `variant='outlined'`._
+   *
+   * Apply outlined style to the button. Previously called `secondary`.
+   *
+   * Defaults to **undefined**.
+   */
+  outlined: b(n.bool, "Button", 'Use `variant="outlined"`.'),
+  /**
+   * @deprecated _Use `variant='filled'` instead._
+   *
+   * Apply primary style to the Button.
+   *
+   * Defaults to **undefined**.
+   */
+  primary: b(n.bool, "Button", 'Use `variant="filled"` instead.'),
+  /**
+   * @deprecated _Use `'variant=outlined'` instead._
+   *
+   * Apply secondary style to the Button.
+   *
+   * Defaults to **undefined**.
+   */
+  secondary: b(n.bool, "Button", 'Use `"variant=outlined"` instead.'),
+  /**
+   * By default a button or anchor tag will be rendered, this allows another tag/component to be used instead. A block type element/component is suggested.
+   *
+   * Defaults to **null**.
+   */
+  tag: n.oneOfType([n.string, n.elementType, n.instanceOf(p.Component)]),
+  /**
+   * @deprecated _Use `variant='embedded'` instead._
+   *
+   * Apply tertiary style to the Button.
+   *
+   * Defaults to **undefined**.
+   */
+  tertiary: b(n.bool, "Button", 'Use `variant="embedded"` instead.'),
+  /**
+   * @deprecated _Use `variant='text'` instead._
+   *
+   * Apply unfilled, un-outlined style to the Button. Previously called `tertiary`.
+   *
+   * Defaults to **undefined**.
+   */
+  text: b(n.bool, "Button", 'Use `variant="text"` instead.'),
+  /**
+   * Sets the theme color for the button. Most commonly used when the control is placed on a darker surface.
+   *
+   * Defaults to **'primary'**.
+   */
+  themeColor: Cn(n.oneOf(["primary", "secondary", "danger", "success", "on-unknown-black", "on-unknown-white", "on-primary", "on-secondary", "on-success", "on-danger"]), ["onUnknownBlack", "onUnknownWhite"], "Button", "Please use one of 'primary','secondary','danger','success','on-unknown-black','on-unknown-white','on-primary','on-secondary','on-success','on-danger'."),
+  /**
+   * Adds the given Icon to the right of the button text. Use only one icon per button. Place icons in the leading position by default. Expects the name of a valid Material icon, however an icon component may be passed in instead for more control.
+   *
+   * Defaults to **undefined**.
+   */
+  trailingIcon: n.oneOfType([n.string, n.func, n.node]),
+  /**
+   * This applies the html button type (button, submit, reset) or the anchor media type when used with the href property.
+   *
+   * Defaults to **'button'**.
+   */
+  type: n.oneOf(["button", "submit", "reset"]),
+  /**
+   * @deprecated _Use `elevation='flat' instead._
+   *
+   * Remove elevation.
+   *
+   * Defaults to **undefined**.
+   */
+  unelevated: b(n.bool, "Button", 'Use `elevation="flat" instead.'),
+  /**
+   * Applies the selected style to the button. `rounded-small` and `rounded-micro` are only available on select themes.
+   *
+   * Defaults to **'filled'**.
+   */
+  variant: n.oneOf(["filled", "outlined", "danger", "text", "success", "rounded-small", "rounded-micro"])
+}, $n = {
+  altColor: void 0,
+  buttonSize: "themeDefault",
+  children: null,
+  className: void 0,
+  customRef: void 0,
+  danger: void 0,
+  disabled: !1,
+  elevation: "default",
+  filled: void 0,
+  fullWidth: !1,
+  href: null,
+  label: null,
+  leadingIcon: void 0,
+  onClick: null,
+  outlined: void 0,
+  primary: void 0,
+  secondary: void 0,
+  tag: null,
+  tertiary: void 0,
+  text: void 0,
+  themeColor: "primary",
+  trailingIcon: void 0,
+  type: "button",
+  unelevated: void 0,
+  variant: "filled"
+}, _n = {
+  /**
+   * Children to be rendered. Expects multiple Element Buttons
+   *
+   * Defaults to **null**.
+   */
+  children: n.node,
+  /**
+   * How much spacing between buttons. Dense is 8p, standard is 16px and airy is 24px.
+   *
+   * Defaults to **'standard'**.
+   */
+  variant: n.oneOf(["dense", "standard", "airy"])
+}, Nn = {
+  children: null,
+  variant: "standard"
+}, Sn = ["altColor", "buttonSize", "children", "className", "customRef", "disabled", "elevation", "primary", "secondary", "tertiary", "text", "danger", "filled", "fullWidth", "href", "label", "leadingIcon", "onClick", "outlined", "tag", "themeColor", "trailingIcon", "type", "unelevated", "variant"], o = $n, dn = /* @__PURE__ */ rn(function(t, e) {
+  var a = t.altColor, l = a === void 0 ? o.altColor : a, c = t.buttonSize, v = c === void 0 ? o.buttonSize : c, y = t.children, i = y === void 0 ? o.children : y, g = t.className, x = g === void 0 ? o.className : g, d = t.customRef, w = d === void 0 ? o.customRef : d, I = t.disabled, N = I === void 0 ? o.disabled : I, O = t.elevation, B = O === void 0 ? o.elevation : O, h = t.primary, m = h === void 0 ? o.primary : h, C = t.secondary, k = C === void 0 ? o.secondary : C, $ = t.tertiary, _ = $ === void 0 ? o.tertiary : $, U = t.text, R = U === void 0 ? o.text : U, S = t.danger, r = S === void 0 ? o.danger : S, P = t.filled, f = P === void 0 ? o.filled : P, s = t.fullWidth, u = s === void 0 ? o.fullWidth : s, W = t.href, D = W === void 0 ? o.href : W, E = t.label, un = E === void 0 ? o.label : E, G = t.leadingIcon, A = G === void 0 ? o.leadingIcon : G, j = t.onClick, cn = j === void 0 ? o.onClick : j, F = t.outlined, H = F === void 0 ? o.outlined : F, M = t.tag, mn = M === void 0 ? o.tag : M, q = t.themeColor, J = q === void 0 ? o.themeColor : q, K = t.trailingIcon, L = K === void 0 ? o.trailingIcon : K, Q = t.type, fn = Q === void 0 ? o.type : Q, V = t.unelevated, X = V === void 0 ? o.unelevated : V, Y = t.variant, Z = Y === void 0 ? o.variant : Y, bn = on(t, Sn), T = kn(w || null);
+  xn(e, function() {
+    return T.current;
+  }, []);
+  var pn = un || i, vn = mn || (D ? "a" : "button"), nn = tn(function() {
+    return {
+      variant: Z,
+      outlined: H,
+      text: R,
+      tertiary: _,
+      danger: r,
+      themeColor: J,
+      filled: f,
+      primary: m,
+      secondary: k,
+      unelevated: X,
+      fullWidth: u,
+      elevation: B,
+      buttonSize: v,
+      className: x,
+      altColor: l
+    };
+  }, [Z, H, R, _, r, J, f, m, k, X, u, B, v, x, l]), yn = tn(function() {
+    return In(nn);
+  }, [nn]);
+  return /* @__PURE__ */ p.createElement(wn, {
+    componentRef: T
+  }, /* @__PURE__ */ p.createElement(vn, an({
+    ref: T,
+    href: D,
+    onClick: cn,
+    type: fn,
+    disabled: N,
+    className: yn
+  }, bn), /* @__PURE__ */ p.createElement("span", {
+    className: "mdc-button__ripple"
+  }), A && /* @__PURE__ */ p.createElement(en, {
+    icon: A,
+    position: "leading"
+  }), /* @__PURE__ */ p.createElement("span", {
+    className: "mdc-button__label"
+  }, pn), L && /* @__PURE__ */ p.createElement(en, {
+    icon: L,
+    position: "trailing"
+  }), /* @__PURE__ */ p.createElement("span", {
+    className: "mdc-button__touch"
+  })));
+}), Pn = function(e) {
+  var a = e.variant, l = e.outlined, c = e.text, v = e.tertiary, y = e.danger, i = e.themeColor;
+  e.filled, e.primary;
+  var g = e.secondary, x = e.altColor;
+  return {
+    isOutlined: a === "outlined" || l || g,
+    isRounded: a === "rounded-small" || a === "rounded-micro",
+    isText: a === "text" || c || v,
+    isDanger: a === "danger" || y || i === "danger",
+    isSuccess: a === "success" || i === "success",
+    isSecondaryColor: x || i === "secondary",
+    isPrimaryColor: i === "primary",
+    isOnUnknownBlack: i === "onUnknownBlack" || i === "on-unknown-black",
+    isOnUnknownWhite: i === "onUnknownWhite" || i === "on-unknown-white",
+    isOnPrimary: i === "onPrimary" || i === "on-primary",
+    isOnSecondary: i === "onSecondary" || i === "on-secondary",
+    isOnSuccess: i === "on-success",
+    isOnDanger: i === "on-danger"
+  };
+}, In = function(e) {
+  var a = e.variant, l = e.unelevated, c = e.fullWidth, v = e.elevation, y = e.buttonSize, i = e.className, g = e.filled, x = e.primary, d = Pn(e), w = d.isOutlined, I = d.isRounded, N = d.isText, O = d.isDanger, B = d.isSuccess, h = d.isSecondaryColor, m = d.isPrimaryColor, C = d.isOnUnknownBlack, k = d.isOnUnknownWhite, $ = d.isOnPrimary, _ = d.isOnSecondary, U = d.isOnSuccess, R = d.isOnDanger, S = ["lmnt", "mdc-button", "lmnt-button", "mdc-button--touch", "mdc-touch-target-wrapper"], r = [], P = !w && !N && (a === "filled" || g || x);
+  P && l && (m && r.push("lmnt-button--filled-primary"), h && r.push("lmnt-button--filled-secondary"), O && r.push("lmnt-button--filled-danger"), B && r.push("lmnt-button--filled-success")), P && !l && (r.push("mdc-button--raised"), m && r.push("lmnt-button--filled-primary"), h && r.push("lmnt-button--filled-secondary"), $ && r.push("lmnt-button--filled-on-primary"), _ && r.push("lmnt-button--filled-on-secondary"), U && r.push("lmnt-button--filled-on-success"), R && r.push("lmnt-button--filled-on-danger"), C && r.push("lmnt-button--filled-on-unknown-black"), k && r.push("lmnt-button--filled-on-unknown-white"));
+  var f = [];
+  w && (f.push("mdc-button--outlined"), m && f.push("lmnt-button--outlined-primary"), h && f.push("lmnt-button--outlined-secondary"), $ && f.push("lmnt-button--outlined-on-primary"), _ && f.push("lmnt-button--outlined-on-secondary"), k && f.push("lmnt-button--outlined-on-unknown-white"), C && f.push("lmnt-button--outlined-on-unknown-black"));
+  var s = [];
+  N && (s.push("mdc-button__text"), $ && s.push("lmnt-button--text-on-primary"), _ && s.push("lmnt-button--text-on-secondary"), k && s.push("lmnt-button--text-on-unknown-white"), C && s.push("lmnt-button--text-on-unknown-black"), m && s.push("lmnt-button--text-primary"), h && s.push("lmnt-button--text-secondary"), O && s.push("lmnt-button--text-danger"), B && s.push("lmnt-button--text-success")), I && (k && s.push("lmnt-button--text-on-unknown-white mdc-button__text"), C && s.push("lmnt-button--text-on-unknown-black mdc-button__text"));
+  var u = [];
+  O ? (l && h && u.push("lmnt-button--danger-secondary"), !l && h && (u.push("lmnt-button--danger-secondary"), u.push("mdc-button--raised")), l && m && u.push("lmnt-button--danger-primary"), !l && m && (u.push("lmnt-button--danger-primary"), u.push("mdc-button--raised")), w && u.push("lmnt-button--danger-primary")) : B && (l && m && u.push("lmnt-button--success-primary"), !l && m && (u.push("lmnt-button--success-primary"), u.push("mdc-button--raised")), w && u.push("lmnt-button--success-primary"));
+  var W = [c && "lmnt-button--full-width", l && !N && "mdc-button--unelevated", v === "flat" && "lmnt-button--flat", v === "elevated" && "lmnt-button--elevated", "lmnt-button--".concat(y), a === "rounded-small" && "lmnt-button--rounded lmnt-button--rounded-small mdc-button__text lmnt-button--text-primary", a === "rounded-micro" && "lmnt-button--rounded lmnt-button--rounded-micro mdc-button__text lmnt-button--text-primary", i];
+  return ln.apply(void 0, hn(S).call(S, r, f, s, u, W));
+}, en = function(e) {
+  var a = e.icon, l = e.position, c = "mdc-button__icon lmnt-button__icon--".concat(l);
+  return typeof a == "string" ? /* @__PURE__ */ p.createElement(On, {
+    className: c,
+    icon: a
+  }) : typeof a == "function" ? a({
+    className: c
+  }) : gn(a, c);
+};
+dn.displayName = "Button";
+dn.propTypes = Bn;
+var Un = ["children", "className", "variant"], z = Nn, sn = /* @__PURE__ */ rn(function(t, e) {
+  var a = t.children, l = a === void 0 ? z.children : a, c = t.className, v = c === void 0 ? z.className : c, y = t.variant, i = y === void 0 ? z.variant : y, g = on(t, Un);
+  return /* @__PURE__ */ p.createElement("div", an({
+    ref: e,
+    className: ln("lmnt", "lmnt-button-group", i === "dense" && "lmnt-button-group--dense", i === "standard" && "lmnt-button-group--standard", i === "airy" && "lmnt-button-group--airy", v)
+  }, g), l);
+});
+sn.displayName = "ButtonGroup";
+sn.propTypes = _n;
+export {
+  dn as B
+};

package/dist/{index.es-CyjMwj5g.js → index.es-45NOgWlB.js}

@@ -1,10 +1,11 @@
-import { _ as w, c as v, P as r } from "./index-D5m--65X.js";
-import l, { forwardRef as F, useState as H, useRef as S, useImperativeHandle as M, useEffect as R } from "react";
-import { F as j } from "./index.es-nQ0lMwpE.js";
-import { f as x, d as B } from "./index.es-ChSlnpSq.js";
-import { b as L, c as f, _ as K, a as U } from "./tslib.es6-BDCynO9F.js";
-import { M as V, a as q } from "./component-neHBNHRu.js";
-import { M as A, a as D, m as $, b as W } from "./component-DsB0poTj.js";
+import { _ as X, a as I, c as _, P as r } from "./index-Cpb-8cAN.js";
+import { _ as Y } from "./slicedToArray-BWk2gTCn.js";
+import l, { forwardRef as Z, useState as ee, useRef as $, useImperativeHandle as te, useEffect as F } from "react";
+import { F as ne } from "./index.es-CKdJX75f.js";
+import { e as ae, d as re } from "./index.es-BXj90wb_.js";
+import { b as x, c as m, _ as ie, a as oe } from "./tslib.es6-BDCynO9F.js";
+import { M as se, a as de } from "./component-neHBNHRu.js";
+import { M as H, a as M, m as ce, b as le } from "./component-DsB0poTj.js";
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -32,7 +33,7 @@ var u = {
   CHECKED: "mdc-switch--checked",
   /** Class used for a switch that is disabled. */
   DISABLED: "mdc-switch--disabled"
-}, k = {
+}, j = {
   /** Aria attribute for checked or unchecked state of switch */
   ARIA_CHECKED_ATTR: "aria-checked",
   /** A CSS selector used to locate the native HTML control for the switch.  */
@@ -62,17 +63,17 @@ var u = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var _ = (
+var g = (
   /** @class */
-  function(s) {
-    L(t, s);
+  function(n) {
+    x(t, n);
     function t(e) {
-      return s.call(this, f(f({}, t.defaultAdapter), e)) || this;
+      return n.call(this, m(m({}, t.defaultAdapter), e)) || this;
     }
     return Object.defineProperty(t, "strings", {
       /** The string constants used by the switch. */
       get: function() {
-        return k;
+        return j;
       },
       enumerable: !1,
       configurable: !0
@@ -106,14 +107,14 @@ var _ = (
     }, t.prototype.setDisabled = function(e) {
       this.adapter.setNativeControlDisabled(e), e ? this.adapter.addClass(u.DISABLED) : this.adapter.removeClass(u.DISABLED);
     }, t.prototype.handleChange = function(e) {
-      var a = e.target;
-      this.updateAriaChecked_(a.checked), this.updateCheckedStyling_(a.checked);
+      var d = e.target;
+      this.updateAriaChecked_(d.checked), this.updateCheckedStyling_(d.checked);
     }, t.prototype.updateCheckedStyling_ = function(e) {
       e ? this.adapter.addClass(u.CHECKED) : this.adapter.removeClass(u.CHECKED);
     }, t.prototype.updateAriaChecked_ = function(e) {
-      this.adapter.setNativeControlAttr(k.ARIA_CHECKED_ATTR, "" + !!e);
+      this.adapter.setNativeControlAttr(j.ARIA_CHECKED_ATTR, "" + !!e);
     }, t;
-  }(V)
+  }(se)
 );
 /**
  * @license
@@ -137,44 +138,44 @@ var _ = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var z = (
+var ue = (
   /** @class */
-  function(s) {
-    L(t, s);
+  function(n) {
+    x(t, n);
     function t() {
-      var e = s !== null && s.apply(this, arguments) || this;
+      var e = n !== null && n.apply(this, arguments) || this;
       return e.ripple_ = e.createRipple_(), e;
     }
     return t.attachTo = function(e) {
       return new t(e);
     }, t.prototype.destroy = function() {
-      s.prototype.destroy.call(this), this.ripple_.destroy(), this.nativeControl_.removeEventListener("change", this.changeHandler_);
+      n.prototype.destroy.call(this), this.ripple_.destroy(), this.nativeControl_.removeEventListener("change", this.changeHandler_);
     }, t.prototype.initialSyncWithDOM = function() {
       var e = this;
       this.changeHandler_ = function() {
-        for (var a, n = [], o = 0; o < arguments.length; o++)
-          n[o] = arguments[o];
-        return (a = e.foundation).handleChange.apply(a, K([], U(n)));
+        for (var d, a = [], i = 0; i < arguments.length; i++)
+          a[i] = arguments[i];
+        return (d = e.foundation).handleChange.apply(d, ie([], oe(a)));
       }, this.nativeControl_.addEventListener("change", this.changeHandler_), this.checked = this.checked;
     }, t.prototype.getDefaultFoundation = function() {
-      var e = this, a = {
-        addClass: function(n) {
-          return e.root.classList.add(n);
+      var e = this, d = {
+        addClass: function(a) {
+          return e.root.classList.add(a);
         },
-        removeClass: function(n) {
-          return e.root.classList.remove(n);
+        removeClass: function(a) {
+          return e.root.classList.remove(a);
         },
-        setNativeControlChecked: function(n) {
-          return e.nativeControl_.checked = n;
+        setNativeControlChecked: function(a) {
+          return e.nativeControl_.checked = a;
         },
-        setNativeControlDisabled: function(n) {
-          return e.nativeControl_.disabled = n;
+        setNativeControlDisabled: function(a) {
+          return e.nativeControl_.disabled = a;
         },
-        setNativeControlAttr: function(n, o) {
-          return e.nativeControl_.setAttribute(n, o);
+        setNativeControlAttr: function(a, i) {
+          return e.nativeControl_.setAttribute(a, i);
         }
       };
-      return new _(a);
+      return new g(d);
     }, Object.defineProperty(t.prototype, "ripple", {
       get: function() {
         return this.ripple_;
@@ -200,35 +201,34 @@ var z = (
       enumerable: !1,
       configurable: !0
     }), t.prototype.createRipple_ = function() {
-      var e = this, a = _.strings.RIPPLE_SURFACE_SELECTOR, n = this.root.querySelector(a), o = f(f({}, A.createAdapter(this)), { addClass: function(i) {
-        return n.classList.add(i);
+      var e = this, d = g.strings.RIPPLE_SURFACE_SELECTOR, a = this.root.querySelector(d), i = m(m({}, H.createAdapter(this)), { addClass: function(o) {
+        return a.classList.add(o);
       }, computeBoundingRect: function() {
-        return n.getBoundingClientRect();
-      }, deregisterInteractionHandler: function(i, c) {
-        e.nativeControl_.removeEventListener(i, c, D());
+        return a.getBoundingClientRect();
+      }, deregisterInteractionHandler: function(o, c) {
+        e.nativeControl_.removeEventListener(o, c, M());
       }, isSurfaceActive: function() {
-        return $(e.nativeControl_, ":active");
+        return ce(e.nativeControl_, ":active");
       }, isUnbounded: function() {
         return !0;
-      }, registerInteractionHandler: function(i, c) {
-        e.nativeControl_.addEventListener(i, c, D());
-      }, removeClass: function(i) {
-        n.classList.remove(i);
-      }, updateCssVariable: function(i, c) {
-        n.style.setProperty(i, c);
+      }, registerInteractionHandler: function(o, c) {
+        e.nativeControl_.addEventListener(o, c, M());
+      }, removeClass: function(o) {
+        a.classList.remove(o);
+      }, updateCssVariable: function(o, c) {
+        a.style.setProperty(o, c);
       } });
-      return new A(this.root, new W(o));
+      return new H(this.root, new le(i));
     }, Object.defineProperty(t.prototype, "nativeControl_", {
       get: function() {
-        var e = _.strings.NATIVE_CONTROL_SELECTOR;
+        var e = g.strings.NATIVE_CONTROL_SELECTOR;
         return this.root.querySelector(e);
       },
       enumerable: !1,
       configurable: !0
     }), t;
-  }(q)
-);
-const G = {
+  }(de)
+), he = {
   /**
    * Aligns switch to the right of the label.
    *
@@ -248,7 +248,7 @@ const G = {
    *
    * Defaults to **undefined**.
    */
-  children: B(r.node, "Switch", "Use `label` instead."),
+  children: re(r.node, "Switch", "Use `label` instead."),
   /**
    * The css class name to be passed through to the component markup.
    *
@@ -300,10 +300,10 @@ const G = {
   /**
    * When a switch button is checked, this value will be returned as the second parameter of the `change` handler.
    *
-   * Defaults to **null**.
+   * Defaults to **undefined**.
    */
   value: r.oneOfType([r.string, r.number, r.bool, r.object])
-}, J = {
+}, pe = {
   alignEnd: !1,
   checked: !1,
   children: void 0,
@@ -313,62 +313,54 @@ const G = {
   id: void 0,
   inputProps: void 0,
   label: "Off|On",
+  onChange: null,
   themeColor: "primary",
-  value: null
-}, b = /* @__PURE__ */ F((s, t) => {
-  const {
-    alignEnd: e,
-    checked: a,
-    children: n,
-    className: o,
-    disabled: i,
-    hideLabel: c,
-    id: N,
-    inputProps: h,
-    label: P,
-    onChange: m,
-    themeColor: g,
-    value: E,
-    ...O
-  } = s, [y] = H(() => N || x()), C = S(), p = S(), T = P || n;
-  M(t, () => C.current, []);
-  const I = (d) => {
-    m?.(d.target.checked, E, d);
+  value: void 0
+}, fe = ["alignEnd", "checked", "children", "className", "disabled", "hideLabel", "id", "inputProps", "label", "onChange", "themeColor", "value"], s = pe, B = /* @__PURE__ */ Z(function(n, t) {
+  var e = n.alignEnd, d = e === void 0 ? s.alignEnd : e, a = n.checked, i = a === void 0 ? s.checked : a, o = n.children, c = o === void 0 ? s.children : o, E = n.className, K = E === void 0 ? s.className : E, y = n.disabled, v = y === void 0 ? s.disabled : y, S = n.hideLabel, U = S === void 0 ? s.hideLabel : S, w = n.id, V = w === void 0 ? s.id : w, R = n.inputProps, h = R === void 0 ? s.inputProps : R, k = n.label, q = k === void 0 ? s.label : k, L = n.onChange, C = L === void 0 ? s.onChange : L, N = n.themeColor, A = N === void 0 ? s.themeColor : N, P = n.value, D = P === void 0 ? s.value : P, W = X(n, fe), z = ee(function() {
+    return V || ae();
+  }), G = Y(z, 1), O = G[0], b = $(), p = $(), J = c || q;
+  te(t, function() {
+    return b.current;
+  }, []);
+  var Q = function(T) {
+    C?.(T.target.checked, D, T);
   };
-  return R(() => (p.current = z.attachTo(C.current), () => {
-    var d;
-    (d = p.current) === null || d === void 0 || d.destroy();
-  }), []), R(() => {
-    p.current.checked = !!a;
-  }, [a]), /* @__PURE__ */ l.createElement(j, {
+  return F(function() {
+    return p.current = ue.attachTo(b.current), function() {
+      var f;
+      (f = p.current) === null || f === void 0 || f.destroy();
+    };
+  }, []), F(function() {
+    p.current.checked = !!i;
+  }, [i]), /* @__PURE__ */ l.createElement(ne, {
     inputRef: p,
-    alignEnd: e
-  }, /* @__PURE__ */ l.createElement("div", w({
-    ref: C,
-    className: v("lmnt mdc-switch lmnt-switch", i && "mdc-switch--disabled", a && "mdc-switch--checked", g && `lmnt-switch--${g}`, o)
-  }, O), /* @__PURE__ */ l.createElement("div", {
+    alignEnd: d
+  }, /* @__PURE__ */ l.createElement("div", I({
+    ref: b,
+    className: _("lmnt mdc-switch lmnt-switch", v && "mdc-switch--disabled", i && "mdc-switch--checked", A && "lmnt-switch--".concat(A), K)
+  }, W), /* @__PURE__ */ l.createElement("div", {
     className: "mdc-switch__track"
   }), /* @__PURE__ */ l.createElement("div", {
     className: "mdc-switch__thumb-underlay"
   }, /* @__PURE__ */ l.createElement("div", {
     className: "mdc-switch__thumb"
-  }), /* @__PURE__ */ l.createElement("input", w({
-    onChange: I,
-    disabled: i,
+  }), /* @__PURE__ */ l.createElement("input", I({
+    onChange: Q,
+    disabled: v,
     type: "checkbox",
-    id: y,
+    id: O,
     role: "switch"
   }, h, {
-    className: v("mdc-switch__native-control", h?.className),
-    value: E
+    className: _("mdc-switch__native-control", h?.className),
+    value: D
   })))), /* @__PURE__ */ l.createElement("label", {
-    className: v("lmnt-switch-label mdc-switch-label", c && "sr-only", i && "lmnt-switch-label--disabled"),
-    htmlFor: y
-  }, T));
+    className: _("lmnt-switch-label mdc-switch-label", U && "sr-only", v && "lmnt-switch-label--disabled"),
+    htmlFor: O
+  }, J));
 });
-b.displayName = "Switch";
-b.propTypes = G;
-b.SwitchDefaultProps = J;
+B.displayName = "Switch";
+B.propTypes = he;
 export {
-  b as S
+  B as S
 };