@hortiview/shared-components 0.0.4529 → 0.0.4540

package/dist/index.es-DYsXox--.js

@@ -0,0 +1,151 @@
+import { P as r, d as m, _ as h, c as v } from "./index.es-WZ1mqvGz.js";
+import x, { forwardRef as w, useRef as A, useImperativeHandle as P } from "react";
+const b = {
+  /**
+   * Children to be rendered. Expects multiple components of a similar type.
+   *
+   * Defaults to **null**.
+   */
+  children: r.node,
+  /**
+   * The grouping direction.
+   *
+   * Defaults to **'horizontal'**.
+   */
+  direction: r.oneOf(["horizontal", "vertical", "horizontal-reverse", "vertical-reverse"]),
+  /**
+   * Sets the Group width to be 100%.
+   *
+   * Defaults to **false**.
+   */
+  fullWidth: r.bool,
+  /**
+   * How much spacing between items. Dense is 8p, standard is 16px and airy is 24px.
+   *
+   * Defaults to **'standard'**.
+   */
+  gap: r.oneOf(["dense", "standard", "airy", "none"]),
+  /**
+   * @deprecated _Renamed for improved clarity. See `gap`._
+   *
+   * How much spacing between items. Dense is 8p, standard is 16px and airy is 24px.
+   *
+   * Defaults to **undefined**.
+   */
+  padding: m(r.oneOf(["dense", "standard", "airy", "none"]), "Group", "Renamed for improved clarity. See `gap`."),
+  /**
+   * Alignment along the primary axis. 'For `horizontal` grouping this means the x-axis positioning, for `vertical`, this means the y-axis positioning.Equivalent to flexbox 'justify-content.
+   *
+   * Defaults to **'start'**.
+   */
+  primaryAlign: r.oneOf(["start", "end", "center", "space-evenly", "space-between", "space-around"]),
+  /**
+   * Alignment along the secondary axis. For horizontal grouping this means the y-axis positioning, for vertical, this means the x-axis positioning.Equivalent to flexbox 'align-items.
+   *
+   * Defaults to **'baseline'**.
+   */
+  secondaryAlign: r.oneOf(["start", "end", "center", "stretch", "baseline"])
+}, G = {
+  children: null,
+  direction: "horizontal",
+  fullWidth: !1,
+  gap: "standard",
+  padding: void 0,
+  primaryAlign: "start",
+  secondaryAlign: "baseline"
+}, z = (e) => {
+  switch (e) {
+    case "end":
+      return "flex-end";
+    case "start":
+      return "flex-start";
+    case "center":
+      return "center";
+    case "stretch":
+      return "stretch";
+    case "baseline":
+    default:
+      return "baseline";
+  }
+}, O = (e) => {
+  switch (e) {
+    case "end":
+      return "flex-end";
+    case "center":
+      return "center";
+    case "space-evenly":
+      return "space-evenly";
+    case "space-between":
+      return "space-between";
+    case "space-around":
+      return "space-around";
+    case "start":
+    default:
+      return "flex-start";
+  }
+}, R = (e) => {
+  switch (e) {
+    case "dense":
+      return "8px";
+    case "airy":
+      return "24px";
+    case "standard":
+      return "16px";
+    case "none":
+    default:
+      return "0px";
+  }
+}, _ = (e) => {
+  switch (e) {
+    case "horizontal":
+      return "row";
+    case "vertical":
+      return "column";
+    case "horizontal-reverse":
+      return "row-reverse";
+    case "vertical-reverse":
+      return "column-reverse";
+    default:
+      return "row";
+  }
+}, n = /* @__PURE__ */ w((e, a) => {
+  const {
+    children: s,
+    className: c,
+    direction: o,
+    fullWidth: l,
+    gap: i,
+    padding: d,
+    primaryAlign: u,
+    secondaryAlign: p,
+    style: f,
+    variant: D,
+    ...y
+  } = e, g = {
+    display: "flex",
+    flexDirection: _(o),
+    justifyContent: O(u),
+    alignItems: z(p),
+    gap: R(d || i),
+    width: l ? "100%" : "",
+    ...f
+  }, t = A();
+  return P(a, () => t.current, []), /* @__PURE__ */ x.createElement("div", h({
+    ref: t,
+    className: v(
+      "lmnt",
+      "lmnt-group",
+      // variant === 'dense' && 'lmnt-button-group--dense',
+      // variant === 'standard' && 'lmnt-button-group--standard',
+      // variant === 'airy' && 'lmnt-button-group--airy',
+      c
+    ),
+    style: g
+  }, y), s);
+});
+n.displayName = "Group";
+n.propTypes = b;
+n.defaultProps = G;
+export {
+  n as G
+};