@hortiview/default-components 1.4.0 → 1.4.2

package/dist/index.es-Bo1Rhtyb-B650l9Yk.js

@@ -0,0 +1,79 @@
+import { r as Z, h as _, e as q, Z as g, c as w, p, f as x, v as z, s as N, X as A, a as f, b as B, t as d } from "./useTranslation-CVaIJbcK.js";
+import E, { forwardRef as H, useMemo as I, useRef as M, useImperativeHandle as $ } from "react";
+var k = {
+  /**
+   * Content to be rendered inside the padding component. Accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: d.node.isRequired,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: d.string,
+  /**
+   * Adds a custom padding style to the child content. Must be a valid CSS padding declaration. i.e. 38px 30px
+   *
+   * Defaults to **null**.
+   */
+  customPadding: d.string,
+  /**
+   * By default a div will be rendered, this allow another tag to be used instead. A block type component is suggested.
+   *
+   * Defaults to **'div'**.
+   */
+  tag: d.oneOfType([d.string, d.elementType]),
+  /**
+   * Applies the specified padding amount. `dense` is 8px, `standard` is 16px, and `airy` is 24px. If `customPadding` is used, this will be ignored.
+   *
+   * Defaults to **'standard'**.
+   */
+  variant: d.oneOf(["dense", "standard", "airy"])
+}, C = {
+  children: null,
+  className: void 0,
+  customPadding: null,
+  tag: "div",
+  variant: "standard"
+}, D = ["tag", "variant", "children", "className", "customPadding", "style"];
+function y(a, n) {
+  var e = A(a);
+  if (f) {
+    var s = f(a);
+    n && (s = B(s).call(s, function(t) {
+      return N(a, t).enumerable;
+    })), e.push.apply(e, s);
+  }
+  return e;
+}
+function h(a) {
+  for (var n = 1; n < arguments.length; n++) {
+    var e, s, t = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? g(e = y(Object(t), !0)).call(e, function(r) {
+      w(a, r, t[r]);
+    }) : p ? x(a, p(t)) : g(s = y(Object(t))).call(s, function(r) {
+      z(a, r, N(t, r));
+    });
+  }
+  return a;
+}
+var i = C, P = /* @__PURE__ */ H(function(a, n) {
+  var e = a.tag, s = e === void 0 ? i.tag : e, t = a.variant, r = t === void 0 ? i.variant : t, l = a.children, b = l === void 0 ? i.children : l, c = a.className, O = c === void 0 ? i.className : c, u = a.customPadding, o = u === void 0 ? i.customPadding : u, m = a.style, v = m === void 0 ? i.style : m, T = Z(a, D), j = I(function() {
+    return h(h({}, v), {}, {
+      padding: o
+    });
+  }, [v, o]), R = s || "div", X = M();
+  return $(n, function() {
+    return X.current;
+  }, []), /* @__PURE__ */ E.createElement(R, _({
+    className: q("lmnt", "lmnt-padding", r === "dense" && "lmnt-padding--dense", r === "standard" && "lmnt-padding--standard", r === "airy" && "lmnt-padding--airy", O),
+    style: j
+  }, T), b);
+});
+P.displayName = "Padding";
+P.propTypes = k;
+export {
+  P as b
+};