@hortiview/shared-components 0.0.11528 → 0.0.11589

package/dist/index.es-8GOVkuo-.js

@@ -0,0 +1,374 @@
+import { _ as w, c as v, P as r } from "./identity-DLWZln-X.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-B-_jXDuz.js";
+import { f as x, d as B } from "./index.es-da0cf7oE.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";
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var u = {
+  /** Class used for a switch that is in the "checked" (on) position. */
+  CHECKED: "mdc-switch--checked",
+  /** Class used for a switch that is disabled. */
+  DISABLED: "mdc-switch--disabled"
+}, k = {
+  /** 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.  */
+  NATIVE_CONTROL_SELECTOR: ".mdc-switch__native-control",
+  /** A CSS selector used to locate the ripple surface element for the switch. */
+  RIPPLE_SURFACE_SELECTOR: ".mdc-switch__thumb-underlay"
+};
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var _ = (
+  /** @class */
+  function(s) {
+    L(t, s);
+    function t(e) {
+      return s.call(this, f(f({}, t.defaultAdapter), e)) || this;
+    }
+    return Object.defineProperty(t, "strings", {
+      /** The string constants used by the switch. */
+      get: function() {
+        return k;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "cssClasses", {
+      /** The CSS classes used by the switch. */
+      get: function() {
+        return u;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "defaultAdapter", {
+      /** The default Adapter for the switch. */
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          setNativeControlChecked: function() {
+          },
+          setNativeControlDisabled: function() {
+          },
+          setNativeControlAttr: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t.prototype.setChecked = function(e) {
+      this.adapter.setNativeControlChecked(e), this.updateAriaChecked_(e), this.updateCheckedStyling_(e);
+    }, 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);
+    }, 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);
+    }, t;
+  }(V)
+);
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var z = (
+  /** @class */
+  function(s) {
+    L(t, s);
+    function t() {
+      var e = s !== null && s.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_);
+    }, 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)));
+      }, 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);
+        },
+        removeClass: function(n) {
+          return e.root.classList.remove(n);
+        },
+        setNativeControlChecked: function(n) {
+          return e.nativeControl_.checked = n;
+        },
+        setNativeControlDisabled: function(n) {
+          return e.nativeControl_.disabled = n;
+        },
+        setNativeControlAttr: function(n, o) {
+          return e.nativeControl_.setAttribute(n, o);
+        }
+      };
+      return new _(a);
+    }, Object.defineProperty(t.prototype, "ripple", {
+      get: function() {
+        return this.ripple_;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t.prototype, "checked", {
+      get: function() {
+        return this.nativeControl_.checked;
+      },
+      set: function(e) {
+        this.foundation.setChecked(e);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t.prototype, "disabled", {
+      get: function() {
+        return this.nativeControl_.disabled;
+      },
+      set: function(e) {
+        this.foundation.setDisabled(e);
+      },
+      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);
+      }, computeBoundingRect: function() {
+        return n.getBoundingClientRect();
+      }, deregisterInteractionHandler: function(i, c) {
+        e.nativeControl_.removeEventListener(i, c, D());
+      }, isSurfaceActive: function() {
+        return $(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);
+      } });
+      return new A(this.root, new W(o));
+    }, Object.defineProperty(t.prototype, "nativeControl_", {
+      get: function() {
+        var e = _.strings.NATIVE_CONTROL_SELECTOR;
+        return this.root.querySelector(e);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t;
+  }(q)
+);
+const G = {
+  /**
+   * Aligns switch to the right of the label.
+   *
+   * Defaults to **false**.
+   */
+  alignEnd: r.bool,
+  /**
+   * The current value of the switch.
+   *
+   * Defaults to **false**.
+   */
+  checked: r.bool,
+  /**
+   * @deprecated _Use `label` instead._
+   *
+   * Primary content of the switch. Expects a valid string. If `children` and `label` are both set, `label` will take priority.
+   *
+   * Defaults to **undefined**.
+   */
+  children: B(r.node, "Switch", "Use `label` instead."),
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: r.string,
+  /**
+   * Prevent the user from interacting with the control.
+   *
+   * Defaults to **false**.
+   */
+  disabled: r.bool,
+  /**
+   * The label not be displayed, but will still be available to screen readers.
+   *
+   * Defaults to **false**.
+   */
+  hideLabel: r.bool,
+  /**
+   * The html id for the input.
+   *
+   * Defaults to **undefined**.
+   */
+  id: r.string,
+  /**
+   * Props to send to the html input
+   *
+   * Defaults to **undefined**.
+   */
+  inputProps: r.object,
+  /**
+   * Display label. The `label` should always be set even when using `hideLabel` - it will be used by screen readers.
+   *
+   * Defaults to **'Off|On'**.
+   */
+  label: r.string.isRequired,
+  /**
+   * Fired when the control is clicked.
+   *
+   * Defaults to **null**.
+   */
+  onChange: r.func,
+  /**
+   * Color of the switch according to the theme.
+   *
+   * Defaults to **'primary'**.
+   */
+  themeColor: r.oneOf(["primary", "secondary", "danger", "success"]),
+  /**
+   * When a switch button is checked, this value will be returned as the second parameter of the `change` handler.
+   *
+   * Defaults to **null**.
+   */
+  value: r.oneOfType([r.string, r.number, r.bool, r.object])
+}, J = {
+  alignEnd: !1,
+  checked: !1,
+  children: void 0,
+  className: void 0,
+  disabled: !1,
+  hideLabel: !1,
+  id: void 0,
+  inputProps: void 0,
+  label: "Off|On",
+  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);
+  };
+  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, {
+    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", {
+    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,
+    type: "checkbox",
+    id: y,
+    role: "switch"
+  }, h, {
+    className: v("mdc-switch__native-control", h?.className),
+    value: E
+  })))), /* @__PURE__ */ l.createElement("label", {
+    className: v("lmnt-switch-label mdc-switch-label", c && "sr-only", i && "lmnt-switch-label--disabled"),
+    htmlFor: y
+  }, T));
+});
+b.displayName = "Switch";
+b.propTypes = G;
+b.SwitchDefaultProps = J;
+export {
+  b as S
+};

package/dist/index.es-B-_jXDuz.js

@@ -0,0 +1,216 @@
+import { _ as F, c as g, P as a } from "./identity-DLWZln-X.js";
+import h, { forwardRef as E, useRef as d, useImperativeHandle as y, useEffect as f } from "react";
+import { b as v, c as p } from "./tslib.es6-BDCynO9F.js";
+import { M as b, a as R } from "./component-neHBNHRu.js";
+/**
+ * @license
+ * Copyright 2017 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var C = {
+  ROOT: "mdc-form-field"
+}, I = {
+  LABEL_SELECTOR: ".mdc-form-field > label"
+};
+/**
+ * @license
+ * Copyright 2017 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var m = (
+  /** @class */
+  function(r) {
+    v(e, r);
+    function e(t) {
+      var n = r.call(this, p(p({}, e.defaultAdapter), t)) || this;
+      return n.click = function() {
+        n.handleClick();
+      }, n;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return C;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return I;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          activateInputRipple: function() {
+          },
+          deactivateInputRipple: function() {
+          },
+          deregisterInteractionHandler: function() {
+          },
+          registerInteractionHandler: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.init = function() {
+      this.adapter.registerInteractionHandler("click", this.click);
+    }, e.prototype.destroy = function() {
+      this.adapter.deregisterInteractionHandler("click", this.click);
+    }, e.prototype.handleClick = function() {
+      var t = this;
+      this.adapter.activateInputRipple(), requestAnimationFrame(function() {
+        t.adapter.deactivateInputRipple();
+      });
+    }, e;
+  }(b)
+);
+/**
+ * @license
+ * Copyright 2017 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var L = (
+  /** @class */
+  function(r) {
+    v(e, r);
+    function e() {
+      return r !== null && r.apply(this, arguments) || this;
+    }
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, e.prototype.labelEl = function() {
+      var t = m.strings.LABEL_SELECTOR;
+      return this.root.querySelector(t);
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, n = {
+        activateInputRipple: function() {
+          t.input && t.input.ripple && t.input.ripple.activate();
+        },
+        deactivateInputRipple: function() {
+          t.input && t.input.ripple && t.input.ripple.deactivate();
+        },
+        deregisterInteractionHandler: function(o, l) {
+          var i = t.labelEl();
+          i && i.removeEventListener(o, l);
+        },
+        registerInteractionHandler: function(o, l) {
+          var i = t.labelEl();
+          i && i.addEventListener(o, l);
+        }
+      };
+      return new m(n);
+    }, e;
+  }(R)
+);
+const _ = {
+  /**
+   * Reverse the order of the input and label.
+   *
+   * Defaults to **false**.
+   */
+  alignEnd: a.bool,
+  /**
+   * Content to be rendered inside the FormField. Accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * The reference of the input the form field will be associated with. It enables a greater level of integration with parent components.
+   *
+   * Defaults to **null**.
+   */
+  inputRef: a.oneOfType([
+    a.func,
+    // eslint-disable-next-line react/forbid-prop-types
+    a.shape({
+      current: a.any
+    })
+  ])
+}, T = {
+  alignEnd: !1,
+  children: null,
+  className: void 0,
+  inputRef: null
+}, s = /* @__PURE__ */ E((r, e) => {
+  const {
+    children: t,
+    inputRef: n,
+    className: o,
+    alignEnd: l,
+    ...i
+  } = r, c = d(), u = d();
+  return y(e, () => c.current, []), f(() => (u.current = L.attachTo(c.current), () => {
+    u.current.destroy();
+  })), f(() => {
+    n && (u.current.input = n.current);
+  }, [n]), /* @__PURE__ */ h.createElement("div", F({
+    ref: c,
+    className: g("lmnt mdc-form-field lmnt-form-field", l && "mdc-form-field--align-end", o)
+  }, i), t);
+});
+s.displayName = "FormField";
+s.propTypes = _;
+s.defaultProps = T;
+export {
+  s as F
+};

package/dist/index.es-BWgXLqXn.js

@@ -0,0 +1,102 @@
+import { c as D, _ as I, P as r } from "./identity-DLWZln-X.js";
+import N, { forwardRef as P, useRef as T, useImperativeHandle as H } from "react";
+import { d as e } from "./index.es-da0cf7oE.js";
+const _ = {
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: r.string,
+  /**
+   * @deprecated _Use `themeColor` instead._
+   *
+   * The name of the desired Element color like 'primary'
+   *
+   * Defaults to **undefined**.
+   */
+  dividerColor: e(r.string, "Divider", "Use `themeColor` instead."),
+  /**
+   * @deprecated _Use `themeColorImportant` instead._
+   *
+   * If the border-color should be set with !important
+   *
+   * Defaults to **undefined**.
+   */
+  dividerColorImportant: e(r.bool, "Divider", "Use `themeColorImportant` instead."),
+  /**
+   * @deprecated _Use `variant` instead._
+   *
+   * Choose between dense and tall variants.
+   *
+   * Defaults to **undefined**.
+   */
+  dividerHeight: e(r.string, "Divider", "Use `variant` instead."),
+  /**
+   * Set the border-style with default browser styles. In general, avoid using.
+   *
+   * Defaults to **empty string**.
+   */
+  dividerStyle: r.string,
+  /**
+   * The name of the desired Element color like 'primary'
+   *
+   * Defaults to **'on-surface-stroke'**.
+   */
+  themeColor: r.oneOf(["", "primary", "primary-variant", "primary-50", "primary-100", "primary-200", "primary-300", "primary-400", "primary-500", "primary-600", "primary-700", "primary-800", "primary-900", "secondary", "secondary-variant", "secondary-50", "secondary-100", "secondary-200", "secondary-300", "secondary-400", "secondary-500", "secondary-600", "secondary-700", "secondary-800", "secondary-900", "danger", "danger-variant", "danger-50", "danger-100", "danger-200", "danger-300", "danger-400", "danger-500", "danger-600", "danger-700", "danger-800", "danger-900", "success", "success-variant", "success-50", "success-100", "success-200", "success-300", "success-400", "success-500", "success-600", "success-700", "success-800", "success-900", "ancillary-100", "ancillary-200", "ancillary-300", "ancillary-400", "ancillary-500", "ancillary-600", "ancillary-700", "ancillary-800", "ancillary-900", "on-surface-stroke"]),
+  /**
+   * @deprecated _No longer needed._
+   *
+   * In some cases `themeColor` may be inadvertently overridden by another style, this will ensure the selected color is applied.
+   *
+   * Defaults to **undefined**.
+   */
+  themeColorImportant: e(r.bool, "Divider", "No longer needed."),
+  /**
+   * Choose between dense and tall variants.
+   *
+   * Defaults to **'dense'**.
+   */
+  variant: r.oneOf(["dense", "tall"]),
+  /**
+   * Adds top and bottom margin.
+   *
+   * Defaults to **'none'**.
+   */
+  verticalMargin: r.oneOf(["none", "dense", "standard", "airy"])
+}, $ = {
+  className: void 0,
+  dividerColor: void 0,
+  dividerColorImportant: void 0,
+  dividerHeight: void 0,
+  dividerStyle: "",
+  themeColor: "on-surface-stroke",
+  themeColorImportant: void 0,
+  variant: "dense",
+  verticalMargin: "none"
+}, n = /* @__PURE__ */ P((t, c) => {
+  const {
+    dividerColor: l,
+    dividerColorImportant: m,
+    dividerHeight: y,
+    dividerStyle: i,
+    themeColor: p,
+    themeColorImportant: v,
+    variant: u,
+    className: g,
+    verticalMargin: a,
+    ...f
+  } = t, C = m || v, s = y || u, d = l || p, o = T();
+  H(c, () => o.current, []);
+  const h = D("lmnt", "lmnt-divider", C && "lmnt-divider--color-important", s && `lmnt-divider--${s}`, i && `lmnt-divider--${i}`, d && `lmnt-divider--${d}`, a && a !== "none" && `lmnt-divider--margin-${a}`, g);
+  return /* @__PURE__ */ N.createElement("hr", I({
+    ref: o,
+    className: h
+  }, f));
+});
+n.displayName = "Divider";
+n.propTypes = _;
+n.defaultProps = $;
+export {
+  n as D
+};