@mittwald/flow-react-components 0.1.0-alpha.360 → 0.1.0-alpha.361

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.361](https://github.com/mittwald/flow/compare/0.1.0-alpha.360...0.1.0-alpha.361) (2024-11-28)
+
+**Note:** Version bump only for package @mittwald/flow-react-components
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [0.1.0-alpha.360](https://github.com/mittwald/flow/compare/0.1.0-alpha.359...0.1.0-alpha.360) (2024-11-28)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/css/Section.css

@@ -1 +1 @@
-.flow--section{display:flex;flex-direction:column;row-gap:var(--section--content-to-content-spacing);container-type:inline-size}.flow--section+.flow--section{margin-block-start:var(--section--section-to-section-spacing);border-block-start-width:var(--section--border-width);border-block-start-style:var(--section--border-style);border-block-start-color:var(--section--border-color);padding-block-start:var(--section--section-to-section-spacing)}.flow--section .flow--section--heading:not(:first-child){margin-top:var(--section--sub-heading-spacing)}
+.flow--section{display:flex;flex-direction:column;row-gap:var(--section--content-to-content-spacing);container-type:inline-size}+.flow--section:not(.flow--section--hide-separator) .flow--section{margin-block-start:var(--section--section-to-section-spacing);border-block-start-width:var(--section--border-width);border-block-start-style:var(--section--border-style);border-block-start-color:var(--section--border-color);padding-block-start:var(--section--section-to-section-spacing)}.flow--section .flow--section--heading:not(:first-child){margin-top:var(--section--sub-heading-spacing)}

package/dist/js/CheckboxGroup.js

@@ -11,7 +11,7 @@ import { F as E } from "./FieldError-1vrCcwXu.js";
 import { C as k } from "./CheckboxButton-xdeKio9Y.js";
 import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
 import { f as o } from "./FormField.module-CqWpTQKP.js";
-import { C as N } from "./ColumnLayout-CLtV-itI.js";
+import { C as N } from "./ColumnLayout-BhsG7J-Z.js";
 import { f as F } from "./flowComponent-Bs2i5Rrn.js";
 import { d as G } from "./deepHas-KHS5X1F_.js";
 const D = "flow--checkbox-group", s = {

package/dist/js/ColumnLayout-BhsG7J-Z.js

@@ -0,0 +1,43 @@
+"use client"
+/* */
+import a from "react";
+import E from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as h } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+const x = "flow--column-layout--column-layout-container", N = "flow--column-layout", i = {
+  columnLayoutContainer: x,
+  columnLayout: N
+}, c = (o) => {
+  if (o.length < 1)
+    throw new Error("Column layout array is empty");
+  return o.map((n) => `${n}fr`).join(" ");
+}, j = (o) => {
+  const {
+    children: m,
+    className: n,
+    s: t,
+    m: l,
+    l: u,
+    gap: e = "m",
+    rowGap: p = e,
+    columnGap: y = e,
+    elementType: C = "div",
+    "aria-label": f
+  } = o, r = t ? c(t) : void 0, s = l ? c(l) : t ? r : void 0, L = u ? c(u) : l || t ? s : void 0, d = {
+    "--column-layout--columns-s": r,
+    "--column-layout--columns-m": s,
+    "--column-layout--columns-l": L,
+    "--column-layout--row-gap": `var(--column-layout--gap--${p})`,
+    "--column-layout--column-gap": `var(--column-layout--gap--${y})`
+  }, g = E(i.columnLayoutContainer, n), v = C, w = {
+    Section: {
+      hideSeparator: !0
+    }
+  };
+  return /* @__PURE__ */ a.createElement("div", { className: g, style: d }, /* @__PURE__ */ a.createElement(v, { "aria-label": f, className: i.columnLayout }, /* @__PURE__ */ a.createElement(h, { props: w }, m)));
+};
+export {
+  j as C
+};

package/dist/js/ColumnLayout.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { C as a } from "./ColumnLayout-CLtV-itI.js";
+import { C as a } from "./ColumnLayout-BhsG7J-Z.js";
 export {
   a as ColumnLayout,
   a as default

package/dist/js/FileCardList.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import e from "react";
-import { C as p } from "./ColumnLayout-CLtV-itI.js";
+import { C as p } from "./ColumnLayout-BhsG7J-Z.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as s } from "./PropsContextProvider.js";
 import "@react-aria/utils";

package/dist/js/List.js

@@ -31,7 +31,7 @@ import "./context-BaYmTa0I.js";
 import { u as vt } from "./useOnChange-C1Quwyuz.js";
 import { S as yt } from "./SearchField-DbuaeZzD.js";
 import { H as Z } from "./Heading-B8EYcl-r.js";
-import { S as wt } from "./Section-C0X09K6_.js";
+import { S as wt } from "./Section-MvkaA4tm.js";
 import { getProperty as Et } from "dot-prop";
 import { hash as Ie } from "object-code";
 import x from "zod";

package/dist/js/RadioGroup.js

@@ -8,7 +8,7 @@ import { PropsContextProvider as C } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { F } from "./FieldError-1vrCcwXu.js";
-import { C as G } from "./ColumnLayout-CLtV-itI.js";
+import { C as G } from "./ColumnLayout-BhsG7J-Z.js";
 import { TunnelProvider as I, TunnelExit as c } from "@mittwald/react-tunnel";
 import { f as l } from "./FormField.module-CqWpTQKP.js";
 import { C as R } from "./ClearPropsContext-CUvsbMn8.js";

package/dist/js/Section-MvkaA4tm.js

@@ -0,0 +1,61 @@
+"use client"
+/* */
+import e, { useId as h } from "react";
+import S from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as i } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { f as c } from "./flowComponent-Bs2i5Rrn.js";
+import * as s from "react-aria-components";
+import { s as x } from "./ContextMenu.module-_LC3xtX0.js";
+const C = "flow--section", g = "flow--section--hide-separator", E = "flow--section--heading", a = {
+  section: C,
+  hideSeparator: g,
+  heading: E
+}, w = c(
+  "ContextMenuSection",
+  (o) => {
+    const { children: t } = o, r = {
+      Heading: {
+        level: 5,
+        wrapWith: /* @__PURE__ */ e.createElement(s.Header, null)
+      }
+    };
+    return /* @__PURE__ */ e.createElement(s.Section, { className: x.section }, /* @__PURE__ */ e.createElement(i, { props: r, mergeInParentContext: !0 }, t));
+  }
+), A = c("Section", (o) => {
+  const {
+    children: t,
+    className: r,
+    refProp: l,
+    renderContextMenuSection: m,
+    hideSeparator: p,
+    ...d
+  } = o;
+  if (!t)
+    return null;
+  if (m)
+    return /* @__PURE__ */ e.createElement(w, null, t);
+  const f = S(
+    a.section,
+    r,
+    p
+  ), n = h(), u = {
+    Heading: {
+      level: 2,
+      id: n,
+      className: a.heading
+    },
+    Header: {
+      renderSectionHeader: !0
+    },
+    List: {
+      "aria-labelledby": n
+    }
+  };
+  return /* @__PURE__ */ e.createElement("section", { ...d, className: f, ref: l }, /* @__PURE__ */ e.createElement(i, { props: u, mergeInParentContext: !0 }, t));
+});
+export {
+  A as S
+};

package/dist/js/Section.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as t } from "./Section-C0X09K6_.js";
+import { S as t } from "./Section-MvkaA4tm.js";
 export {
   t as Section,
   t as default