@hortiview/shared-components 0.0.4529 → 0.0.4540

package/dist/index.es-CUWXKh7P.js

@@ -0,0 +1,106 @@
+import { P as e, c as N, a as O, _ } from "./index.es-WZ1mqvGz.js";
+import n, { forwardRef as h, useRef as x, useImperativeHandle as R, useMemo as o } from "react";
+const W = {
+  /**
+   * Content to be rendered inside the elevation.
+   *
+   * Defaults to **null**.
+   */
+  children: e.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: e.string,
+  /**
+   * Sets the distance of the elevation. Value must be between 0-24.
+   *
+   * Defaults to **0**.
+   */
+  elevation: e.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: e.bool,
+  /**
+   * The elevation element will have a visible border.
+   *
+   * Defaults to **false**.
+   */
+  outlined: e.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: e.oneOf(["standard", "dense", "airy"]),
+  /**
+   * The elevation element will have a border radius of 8px.
+   *
+   * Defaults to **false**.
+   */
+  rounded: e.bool,
+  /**
+   * HTML tag to render the contents in.
+   *
+   * Defaults to **'div'**.
+   */
+  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(n.Component)]),
+  /**
+   * Adds animation when elevation is changed.
+   *
+   * Defaults to **null**.
+   */
+  transition: e.bool
+}, $ = {
+  children: null,
+  customPadding: null,
+  elevation: 0,
+  noWrap: null,
+  outlined: !1,
+  padding: void 0,
+  rounded: !1,
+  tag: "div",
+  transition: null
+}, t = /* @__PURE__ */ h((y, P) => {
+  const {
+    children: l,
+    className: d,
+    customPadding: s,
+    elevation: i,
+    noWrap: E,
+    padding: a,
+    rounded: r,
+    tag: m,
+    outlined: p,
+    style: c,
+    transition: u,
+    ...v
+  } = y, f = x();
+  R(P, () => f.current, []);
+  const g = o(() => N("lmnt", `mdc-elevation--z${i}`, a === "standard" && "lmnt-elevation--padding-standard", a === "dense" && "lmnt-elevation--padding-dense", a === "airy" && "lmnt-elevation--padding-airy", u && "mdc-elevation-transition", r && "lmnt-elevation--rounded", p && "lmnt-elevation--outlined", d), [i, a, u, r, p, d]), T = o(() => ({
+    ...c,
+    padding: s
+  }), [c, s]), b = o(() => m, [m]);
+  return (
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    /* @__PURE__ */ n.createElement(n.Fragment, null, E ? O(l, {
+      className: g,
+      ...v
+    }) : /* @__PURE__ */ n.createElement(b, _({
+      ref: f,
+      className: g,
+      style: T
+    }, v), l))
+  );
+});
+t.displayName = "Elevation";
+t.propTypes = W;
+t.defaultProps = $;
+var C = /* @__PURE__ */ n.memo(t);
+export {
+  C as E
+};