@mittwald/flow-react-components 0.1.0-alpha.303 → 0.1.0-alpha.305

package/CHANGELOG.md

@@ -3,6 +3,35 @@
 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.305](https://github.com/mittwald/flow/compare/0.1.0-alpha.304...0.1.0-alpha.305) (2024-10-28)
+
+### Bug Fixes
+
+- **List:** hide summary in empty list
+  ([77f5a54](https://github.com/mittwald/flow/commit/77f5a540cdd77a8b8e93fd14b954b80c2e1be72a))
+
+# 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.304](https://github.com/mittwald/flow/compare/0.1.0-alpha.303...0.1.0-alpha.304) (2024-10-28)
+
+### Bug Fixes
+
+- **Select:** fix overflow in select field
+  ([c571018](https://github.com/mittwald/flow/commit/c571018830230b2441b97af39eb0d5e42508cd13))
+
+### Features
+
+- **Select:** Support numbers in select field
+  ([29a9d21](https://github.com/mittwald/flow/commit/29a9d21baf32f68f2ede56204521a2957797330c))
+
+# 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.303](https://github.com/mittwald/flow/compare/0.1.0-alpha.302...0.1.0-alpha.303) (2024-10-28)
 
 ### Bug Fixes

package/dist/css/Header.css

@@ -1 +1 @@
-.flow--section--section-header{display:flex;gap:var(--section-header--heading-to-actions-spacing);justify-content:space-between;align-items:center;flex-wrap:wrap}.flow--section--section-header .flow--section--section-header--actions{display:flex;gap:var(--section-header--action-to-action-spacing);margin-inline-start:auto;flex-wrap:wrap}
+.flow--section--section-header{display:flex;gap:var(--section-header--heading-to-actions-spacing);justify-content:space-between;align-items:center;flex-wrap:wrap}.flow--section--section-header .flow--section--section-header--actions{display:flex;gap:var(--section-header--action-to-action-spacing);margin-inline-start:auto;flex-wrap:wrap}.flow--section--section-header:not(:first-child){margin-top:var(--section--sub-heading-spacing)}

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--heading~.flow--heading,.flow--section .flow--section--section-header~.flow--section--section-header,.flow--section .flow--heading~.flow--section--section-header,.flow--section .flow--section--section-header~.flow--heading{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+.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/css/Select.css

@@ -1 +1 @@
-.flow--select .flow--select--toggle{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--font-size--default);text-align:left;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--default)}.flow--select .flow--select--toggle:hover{background-color:var(--form-control--background-color--hover)}.flow--select .flow--select--toggle[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .flow--select--toggle:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--select .flow--select--toggle:focus-visible,.flow--select .flow--select--toggle:focus{outline:none}.flow--select .flow--select--toggle[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--select .flow--select--toggle:disabled,.flow--select .flow--select--toggle[data-disabled],[aria-disabled] .flow--select .flow--select--toggle{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--select .flow--select--toggle:disabled::placeholder,.flow--select .flow--select--toggle[data-disabled]::placeholder,[aria-disabled] .flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--select[data-invalid] .flow--select--toggle{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select--options--popover{width:var(--trigger-width)}.flow--select--options{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing);outline:none}.flow--select--option{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--select--option:not(a){cursor:default}.flow--select--option{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--select--option[data-focused],.flow--select--option:focus{outline-style:none}.flow--select--option[data-focus-visible],.flow--select--option:focus-visible{outline-style:auto}.flow--select--option[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--select--option{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--select--option .flow--select--option--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--select--option .flow--select--option--text{order:1}.flow--select--option .flow--select--option--icon+.flow--select--option--text{margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--select--option:hover{background-color:var(--menu-item--background-color--hover)}.flow--select--option[data-focused]{outline-style:none}.flow--select--option[data-focus-visible]{outline-style:solid}.flow--select--option:not(:has(.flow--select--option--control-icon))[aria-current],.flow--select--option:not(:has(.flow--select--option--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--select--option[aria-current] .flow--select--option--icon,.flow--select--option[data-selected] .flow--select--option--icon{color:var(--menu-item--icon-color--current)}.flow--select--option[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}
+.flow--select .flow--select--toggle{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--font-size--default);text-align:left;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--default)}.flow--select .flow--select--toggle:hover{background-color:var(--form-control--background-color--hover)}.flow--select .flow--select--toggle[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .flow--select--toggle:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--select .flow--select--toggle:focus-visible,.flow--select .flow--select--toggle:focus{outline:none}.flow--select .flow--select--toggle[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--select .flow--select--toggle:disabled,.flow--select .flow--select--toggle[data-disabled],[aria-disabled] .flow--select .flow--select--toggle{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--select .flow--select--toggle:disabled::placeholder,.flow--select .flow--select--toggle[data-disabled]::placeholder,[aria-disabled] .flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--select[data-invalid] .flow--select--toggle{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .react-aria-SelectValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow--select--options--popover{width:var(--trigger-width)}.flow--select--options{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing);outline:none}.flow--select--option{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--select--option:not(a){cursor:default}.flow--select--option{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--select--option[data-focused],.flow--select--option:focus{outline-style:none}.flow--select--option[data-focus-visible],.flow--select--option:focus-visible{outline-style:auto}.flow--select--option[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--select--option{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--select--option .flow--select--option--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--select--option .flow--select--option--text{order:1}.flow--select--option .flow--select--option--icon+.flow--select--option--text{margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--select--option:hover{background-color:var(--menu-item--background-color--hover)}.flow--select--option[data-focused]{outline-style:none}.flow--select--option[data-focus-visible]{outline-style:solid}.flow--select--option:not(:has(.flow--select--option--control-icon))[aria-current],.flow--select--option:not(:has(.flow--select--option--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--select--option[aria-current] .flow--select--option--icon,.flow--select--option[data-selected] .flow--select--option--icon{color:var(--menu-item--icon-color--current)}.flow--select--option[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}

package/dist/js/List.js

@@ -3,7 +3,7 @@
 var Je = Object.defineProperty;
 var Ye = (a, e, t) => e in a ? Je(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var r = (a, e, t) => Ye(a, typeof e != "symbol" ? e + "" : e, t);
-import i, { createContext as _e, useContext as Qe, createElement as be, useState as J, useEffect as B, useRef as Xe, Suspense as Ze, cloneElement as et } from "react";
+import i, { createContext as _e, useContext as Qe, createElement as be, useState as J, useEffect as D, useRef as Xe, Suspense as Ze, cloneElement as et } from "react";
 import "./propsContext-DzAKlmhS.js";
 import { P as ve } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
@@ -13,10 +13,10 @@ import { B as y } from "./Button-Da1fC2tj.js";
 import { IconArrowBackUp as rt } from "@tabler/icons-react";
 import { I as ue } from "./Icon-COqUQ8Af.js";
 import { I as lt } from "./IconContextMenu-CzXLrZcd.js";
-import { a as R, C as Y } from "./ContextMenuTrigger-C0auvmeM.js";
+import { a as $, C as Y } from "./ContextMenuTrigger-C0auvmeM.js";
 import { M as _ } from "./MenuItem-CWcJNHm3.js";
 import { useLocalizedStringFormatter as w } from "react-aria";
-import { TunnelProvider as ye, TunnelExit as D } from "@mittwald/react-tunnel";
+import { TunnelProvider as ye, TunnelExit as x } from "@mittwald/react-tunnel";
 import T from "clsx";
 import { g as ot } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
 import { f as we } from "./flowComponent-uZXy7sF4.js";
@@ -31,20 +31,20 @@ import "./context-Cf7tqFtF.js";
 import { u as bt } from "./useOnChange-C1Quwyuz.js";
 import { S as vt } from "./SearchField-D_McGKsS.js";
 import { H as Q } from "./Heading-CB3ASpaU.js";
-import { S as yt } from "./Section-BXIIRoBN.js";
+import { S as yt } from "./Section-DszRJOuI.js";
 import { getProperty as wt } from "dot-prop";
 import { hash as Ee } from "object-code";
-import V from "zod";
+import k from "zod";
 import { useReactTable as Et, getCoreRowModel as Ft, getSortedRowModel as Tt, getFilteredRowModel as Ct, getPaginationRowModel as It, getFacetedUniqueValues as Lt } from "@tanstack/react-table";
 import Fe from "invariant";
 import { getAsyncResource as ge } from "@mittwald/react-use-promise";
 import { u as pe } from "./useSelector-DpU7_HMO.js";
 import { u as Pt } from "./SettingsProvider-D9oDS5r9.js";
 import * as X from "react-aria-components";
-import { S as x } from "./SkeletonText-B5ZghZhO.js";
+import { S as N } from "./SkeletonText-B5ZghZhO.js";
 import { I as Vt } from "./IllustratedMessage-CeYE8bxs.js";
 import { I as kt } from "./IconSearch-Bufq0n5e.js";
-import { d as S, a as P } from "./deepFindOfType-6pG0fH7S.js";
+import { d as S, a as V } from "./deepFindOfType-6pG0fH7S.js";
 import { ListLoaderAsyncResource as At, TypedListLoaderAsyncResource as Mt } from "./List/ListLoaderAsyncResource.js";
 import { S as Bt } from "./Skeleton-CKLaTmDR.js";
 import { a as Te, e as Ce, d as Ie, b as Le, T as Pe, c as Ve } from "./Table-BdpXhsOd.js";
@@ -93,7 +93,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
   "list.sorting": "Sorting"
 } }, Ht = (a) => {
   const { className: e, children: t } = a, s = w(b);
-  return /* @__PURE__ */ i.createElement(R, null, /* @__PURE__ */ i.createElement(
+  return /* @__PURE__ */ i.createElement($, null, /* @__PURE__ */ i.createElement(
     y,
     {
       variant: "plain",
@@ -140,7 +140,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
     t,
     m[ot(s)]
   );
-  return /* @__PURE__ */ i.createElement("div", { className: l }, /* @__PURE__ */ i.createElement(ve, { props: n }, /* @__PURE__ */ i.createElement(ye, null, e, /* @__PURE__ */ i.createElement("div", { className: m.title }, /* @__PURE__ */ i.createElement(D, { id: "title" })), /* @__PURE__ */ i.createElement(D, { id: "topContent" }))));
+  return /* @__PURE__ */ i.createElement("div", { className: l }, /* @__PURE__ */ i.createElement(ve, { props: n }, /* @__PURE__ */ i.createElement(ye, null, e, /* @__PURE__ */ i.createElement("div", { className: m.title }, /* @__PURE__ */ i.createElement(x, { id: "title" })), /* @__PURE__ */ i.createElement(x, { id: "topContent" }))));
 }, Gt = "flow--list--list-summary", jt = {
   listSummary: Gt
 }, _i = we("ListSummary", (a) => {
@@ -151,15 +151,15 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
 })), Jt = (a) => {
   const { sorting: e } = a;
   return /* @__PURE__ */ i.createElement(_, { id: e.id }, e.name);
-}, k = (a) => {
+}, A = (a) => {
   const { children: e, locales: t, variables: s } = a;
   return w(t).format(e, s);
 }, Yt = () => {
   const a = g(), e = a.visibleSorting.map((n) => /* @__PURE__ */ i.createElement(Jt, { sorting: n, key: n.id }));
   if (e.length === 0)
     return null;
-  const t = a.visibleSorting.find((n) => n.isSorted()), s = /* @__PURE__ */ i.createElement(E, null, t ? /* @__PURE__ */ i.createElement(i.Fragment, null, t.name ?? t.property) : /* @__PURE__ */ i.createElement(k, { locales: b }, "list.sorting"));
-  return /* @__PURE__ */ i.createElement(R, null, /* @__PURE__ */ i.createElement(y, { variant: "outline", color: "secondary" }, s, /* @__PURE__ */ i.createElement(dt, null)), /* @__PURE__ */ i.createElement(
+  const t = a.visibleSorting.find((n) => n.isSorted()), s = /* @__PURE__ */ i.createElement(E, null, t ? /* @__PURE__ */ i.createElement(i.Fragment, null, t.name ?? t.property) : /* @__PURE__ */ i.createElement(A, { locales: b }, "list.sorting"));
+  return /* @__PURE__ */ i.createElement($, null, /* @__PURE__ */ i.createElement(y, { variant: "outline", color: "secondary" }, s, /* @__PURE__ */ i.createElement(dt, null)), /* @__PURE__ */ i.createElement(
     Y,
     {
       selectionMode: "single",
@@ -182,7 +182,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
     },
     c.render()
   )), d = t.filter((c) => c.isActive).map((c) => c.id);
-  return /* @__PURE__ */ i.createElement(R, null, /* @__PURE__ */ i.createElement(y, { variant: "outline", color: "secondary" }, /* @__PURE__ */ i.createElement(E, null, n ?? l), /* @__PURE__ */ i.createElement(ut, null)), /* @__PURE__ */ i.createElement(
+  return /* @__PURE__ */ i.createElement($, null, /* @__PURE__ */ i.createElement(y, { variant: "outline", color: "secondary" }, /* @__PURE__ */ i.createElement(E, null, n ?? l), /* @__PURE__ */ i.createElement(ut, null)), /* @__PURE__ */ i.createElement(
     Y,
     {
       selectionMode: s === "one" ? "single" : "multiple",
@@ -201,7 +201,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
   activeFilters: is,
   clearButton: as
 }, rs = pt(() => {
-  const a = g(), e = w(b), s = a.filters.flatMap((c) => c.values).filter((c) => c.isActive).map((c) => /* @__PURE__ */ i.createElement(ft, { key: c.id, onClose: () => c.deactivate() }, /* @__PURE__ */ i.createElement(E, null, c.render()))), n = a.filters.filter((c) => c.hasChanged()).length > 0, l = a.supportsSettingsStorage && n && /* @__PURE__ */ i.createElement(H, null, /* @__PURE__ */ i.createElement(q, null, /* @__PURE__ */ i.createElement(k, { locales: b }, "list.filters.store")), /* @__PURE__ */ i.createElement(
+  const a = g(), e = w(b), s = a.filters.flatMap((c) => c.values).filter((c) => c.isActive).map((c) => /* @__PURE__ */ i.createElement(ft, { key: c.id, onClose: () => c.deactivate() }, /* @__PURE__ */ i.createElement(E, null, c.render()))), n = a.filters.filter((c) => c.hasChanged()).length > 0, l = a.supportsSettingsStorage && n && /* @__PURE__ */ i.createElement(H, null, /* @__PURE__ */ i.createElement(q, null, /* @__PURE__ */ i.createElement(A, { locales: b }, "list.filters.store")), /* @__PURE__ */ i.createElement(
     y,
     {
       size: "s",
@@ -211,7 +211,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
       "aria-label": e.format("list.filters.store")
     },
     /* @__PURE__ */ i.createElement(mt, null)
-  )), o = n ? /* @__PURE__ */ i.createElement(H, null, /* @__PURE__ */ i.createElement(q, null, /* @__PURE__ */ i.createElement(k, { locales: b }, "list.filters.reset")), /* @__PURE__ */ i.createElement(
+  )), o = n ? /* @__PURE__ */ i.createElement(H, null, /* @__PURE__ */ i.createElement(q, null, /* @__PURE__ */ i.createElement(A, { locales: b }, "list.filters.reset")), /* @__PURE__ */ i.createElement(
     y,
     {
       size: "s",
@@ -221,7 +221,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
       "aria-label": e.format("list.filters.reset")
     },
     /* @__PURE__ */ i.createElement(ue, null, /* @__PURE__ */ i.createElement(rt, null))
-  )) : void 0, d = s.length > 0 ? /* @__PURE__ */ i.createElement(H, null, /* @__PURE__ */ i.createElement(q, null, /* @__PURE__ */ i.createElement(k, { locales: b }, "list.filters.clear")), /* @__PURE__ */ i.createElement(
+  )) : void 0, d = s.length > 0 ? /* @__PURE__ */ i.createElement(H, null, /* @__PURE__ */ i.createElement(q, null, /* @__PURE__ */ i.createElement(A, { locales: b }, "list.filters.clear")), /* @__PURE__ */ i.createElement(
     y,
     {
       size: "s",
@@ -263,7 +263,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
   });
 }, cs = () => {
   const a = w(b), e = g(), t = e.viewMode, s = [];
-  return e.itemView && s.push("list"), e.table && s.push("table"), s.length <= 1 ? null : /* @__PURE__ */ i.createElement(R, null, /* @__PURE__ */ i.createElement(
+  return e.itemView && s.push("list"), e.table && s.push("table"), s.length <= 1 ? null : /* @__PURE__ */ i.createElement($, null, /* @__PURE__ */ i.createElement(
     y,
     {
       variant: "outline",
@@ -288,7 +288,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
   if (s.filters.length === 0 && s.visibleSorting.length === 0 && !s.search && !s.table && !t)
     return null;
   const n = s.filters.map((l) => /* @__PURE__ */ i.createElement(_t, { key: l.property, filter: l }));
-  return /* @__PURE__ */ i.createElement("div", { className: T(e, F.header) }, /* @__PURE__ */ i.createElement("div", { className: F.pickerListAndSearch }, /* @__PURE__ */ i.createElement("div", { className: F.pickerList }, /* @__PURE__ */ i.createElement(cs, null), /* @__PURE__ */ i.createElement(Yt, null), n), /* @__PURE__ */ i.createElement("div", { className: F.searchAndActions }, s.search && /* @__PURE__ */ i.createElement(os, { className: F.searchField, search: s.search }), /* @__PURE__ */ i.createElement(D, { id: "actions" }))), /* @__PURE__ */ i.createElement(rs, null));
+  return /* @__PURE__ */ i.createElement("div", { className: T(e, F.header) }, /* @__PURE__ */ i.createElement("div", { className: F.pickerListAndSearch }, /* @__PURE__ */ i.createElement("div", { className: F.pickerList }, /* @__PURE__ */ i.createElement(cs, null), /* @__PURE__ */ i.createElement(Yt, null), n), /* @__PURE__ */ i.createElement("div", { className: F.searchAndActions }, s.search && /* @__PURE__ */ i.createElement(os, { className: F.searchField, search: s.search }), /* @__PURE__ */ i.createElement(x, { id: "actions" }))), /* @__PURE__ */ i.createElement(rs, null));
 }, us = "flow--list", ms = {
   list: us
 };
@@ -387,7 +387,7 @@ class fe {
   }
 }
 const Ss = (a, e) => a === e, bs = (a) => String(a);
-class A {
+class M {
   constructor(e, t) {
     r(this, "_values");
     r(this, "_valuesFromTableState");
@@ -512,7 +512,7 @@ class A {
     this.onFilterUpdateCallbacks.add(e);
   }
 }
-r(A, "settingsStorageSchema", V.record(V.array(V.unknown())).optional());
+r(M, "settingsStorageSchema", k.record(k.array(k.unknown())).optional());
 class vs {
   constructor(e, t) {
     r(this, "list");
@@ -594,7 +594,7 @@ class Z {
       globalFilterFn: "auto",
       ...t
     });
-    return B(() => {
+    return D(() => {
       e && e(this.list);
     }, [this.list, e, l]), l;
   }
@@ -716,7 +716,7 @@ class te {
     }), this.useObserveBatchData(t, e), this.useObserveBatchLoadingState(t, e);
   }
   useObserveBatchLoadingState(e, t) {
-    B(() => (this.loaderState.setBatchLoadingState(
+    D(() => (this.loaderState.setBatchLoadingState(
       t,
       e.state.value
     ), e.state.observe((s) => {
@@ -728,7 +728,7 @@ class te {
       const { data: l, itemTotalCount: o } = n;
       this.loaderState.setDataBatch(t, l), o !== void 0 && this.list.batches.updateItemTotalCount(o);
     };
-    B(() => (e.value.value.isSet && s(e.value.value.value), e.value.observe((n) => {
+    D(() => (e.value.value.isSet && s(e.value.value.value), e.value.observe((n) => {
       n.isSet && s(n.value);
     })), [e, t]);
   }
@@ -807,7 +807,7 @@ class ws {
     this.onUpdateCallbacks.add(e);
   }
 }
-const N = class N {
+const R = class R {
   constructor(e, t = {}) {
     r(this, "list");
     r(this, "textValue");
@@ -818,11 +818,11 @@ const N = class N {
     this.list = e, this.textValue = n, this.renderFn = o, this.href = l, this.fallback = s;
   }
   render(e) {
-    return (this.renderFn ?? N.fallbackRenderItemFn)(e, this.list);
+    return (this.renderFn ?? R.fallbackRenderItemFn)(e, this.list);
   }
 };
-r(N, "fallbackRenderItemFn", (e) => be("pre", void 0, JSON.stringify(e)));
-let j = N, Es = class {
+r(R, "fallbackRenderItemFn", (e) => be("pre", void 0, JSON.stringify(e)));
+let j = R, Es = class {
   constructor(e, t = {}) {
     r(this, "tableHeader");
     r(this, "componentProps");
@@ -903,26 +903,26 @@ let Ps = (v = class {
       loader: u,
       search: h,
       onAction: C,
-      getItemId: $,
+      getItemId: z,
       defaultViewMode: L,
-      ...z
+      ...U
     } = e;
-    this.settingsStore = Pt(), this.settingStorageKey = t, this.filterSettingsStorageKey = t ? `${t}.activeFilters` : void 0, this.viewModeStorageKey = t ? `${t}.viewMode` : void 0, this.supportsSettingsStorage = !!this.settingStorageKey, this.items = new gs(this), this.filters = l.map((p) => new A(this, p)), this.sorting = o.map((p) => new vs(this, p)), this.search = h ? new ws(this, h) : void 0, this.itemView = s ? new j(this, s) : void 0, this.table = n ? new Ls(this, n) : void 0, this.batches = new ps(this, d), this.componentProps = z, this.loader = te.useNew(this, u), this.onAction = C, this.getItemId = $, this.reactTable = Z.useNew(this, c, {
+    this.settingsStore = Pt(), this.settingStorageKey = t, this.filterSettingsStorageKey = t ? `${t}.activeFilters` : void 0, this.viewModeStorageKey = t ? `${t}.viewMode` : void 0, this.supportsSettingsStorage = !!this.settingStorageKey, this.items = new gs(this), this.filters = l.map((p) => new M(this, p)), this.sorting = o.map((p) => new vs(this, p)), this.search = h ? new ws(this, h) : void 0, this.itemView = s ? new j(this, s) : void 0, this.table = n ? new Ls(this, n) : void 0, this.batches = new ps(this, d), this.componentProps = U, this.loader = te.useNew(this, u), this.onAction = C, this.getItemId = z, this.reactTable = Z.useNew(this, c, {
       manualFiltering: this.loader.manualFiltering,
       manualPagination: this.loader.manualPagination,
       manualSorting: this.loader.manualSorting
     });
-    const [U, K] = J(
+    const [K, O] = J(
       L ?? this.getStoredViewModeDefaultSetting() ?? "list"
     );
-    this.viewMode = U, this.setViewMode = (p) => {
-      K(p), this.settingsStore && this.viewModeStorageKey && this.settingsStore.set(
+    this.viewMode = K, this.setViewMode = (p) => {
+      O(p), this.settingsStore && this.viewModeStorageKey && this.settingsStore.set(
         "List",
         this.viewModeStorageKey,
         v.viewModeSettingsStorageSchema,
         p
       );
-    }, B(() => {
+    }, D(() => {
       this.filters.forEach((p) => p.deleteUnknownFilterValues());
     }, [this.filters]);
   }
@@ -946,7 +946,7 @@ let Ps = (v = class {
       this.settingsStore.set(
         "List",
         this.filterSettingsStorageKey,
-        A.settingsStorageSchema,
+        M.settingsStorageSchema,
         e
       );
     }
@@ -956,7 +956,7 @@ let Ps = (v = class {
       return this.settingsStore.get(
         "List",
         this.filterSettingsStorageKey,
-        A.settingsStorageSchema
+        M.settingsStorageSchema
       );
   }
   getStoredViewModeDefaultSetting() {
@@ -983,15 +983,15 @@ let Ps = (v = class {
   useIsEmpty() {
     return !this.loader.useIsLoading() && this.items.entries.length === 0;
   }
-}, r(v, "viewModeSettingsStorageSchema", V.enum(["list", "table"]).optional()), v);
+}, r(v, "viewModeSettingsStorageSchema", k.enum(["list", "table"]).optional()), v);
 const Vs = "flow--list--items", ks = "flow--list--items--is-loading", Se = {
   items: Vs,
   isLoading: ks
-}, As = "flow--list--items--item", Ms = "flow--list--items--item--is-selected", Bs = "flow--list--items--item--has-action", M = {
+}, As = "flow--list--items--item", Ms = "flow--list--items--item--is-selected", Bs = "flow--list--items--item--has-action", B = {
   item: As,
   isSelected: Ms,
   hasAction: Bs
-}, Be = () => /* @__PURE__ */ i.createElement(ke, null, /* @__PURE__ */ i.createElement(Q, null, /* @__PURE__ */ i.createElement(x, { width: "200px" })), /* @__PURE__ */ i.createElement(E, null, /* @__PURE__ */ i.createElement(x, { width: "300px" }))), Ds = (a) => {
+}, Be = () => /* @__PURE__ */ i.createElement(ke, null, /* @__PURE__ */ i.createElement(Q, null, /* @__PURE__ */ i.createElement(N, { width: "200px" })), /* @__PURE__ */ i.createElement(E, null, /* @__PURE__ */ i.createElement(N, { width: "300px" }))), Ds = (a) => {
   const { id: e, data: t, children: s } = a, l = g().itemView;
   if (!l)
     return null;
@@ -1001,9 +1001,9 @@ const Vs = "flow--list--items", ks = "flow--list--items--is-loading", Se = {
     {
       id: e,
       className: (h) => T(
-        M.item,
-        u && M.hasAction,
-        h.isSelected && M.isSelected
+        B.item,
+        u && B.hasAction,
+        h.isSelected && B.isSelected
       ),
       onAction: () => o && o(t),
       textValue: d,
@@ -1011,7 +1011,7 @@ const Vs = "flow--list--items", ks = "flow--list--items--is-loading", Se = {
     },
     /* @__PURE__ */ i.createElement(Ze, { fallback: /* @__PURE__ */ i.createElement(Be, null) }, s ?? l.render(t))
   );
-}, xs = (a) => /* @__PURE__ */ i.createElement(X.GridListItem, { textValue: "-", className: M.item }, a.children), W = () => {
+}, xs = (a) => /* @__PURE__ */ i.createElement(X.GridListItem, { textValue: "-", className: B.item }, a.children), W = () => {
   const a = w(b);
   return /* @__PURE__ */ i.createElement(Vt, null, /* @__PURE__ */ i.createElement(kt, null), /* @__PURE__ */ i.createElement(Q, null, a.format("list.noResult.heading")), /* @__PURE__ */ i.createElement(E, null, a.format("list.noResult.text")));
 }, Ns = () => {
@@ -1061,7 +1061,7 @@ const Vs = "flow--list--items", ks = "flow--list--items--is-loading", Se = {
 function ze(a) {
   return null;
 }
-const Js = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, Ys = (a) => /* @__PURE__ */ i.createElement(Te, { ...a }, /* @__PURE__ */ i.createElement(Ce, null, /* @__PURE__ */ i.createElement(Ie, null, /* @__PURE__ */ i.createElement(x, { width: "100%" }))), /* @__PURE__ */ i.createElement(Le, null, Array.from(Array(5)).map((e, t) => /* @__PURE__ */ i.createElement(Pe, { key: t }, /* @__PURE__ */ i.createElement(Ve, null, /* @__PURE__ */ i.createElement(x, { width: "100%" })))))), _s = "flow--list--table", Qs = "flow--list--table--is-loading", Xs = "flow--list--table--row", Zs = "flow--list--table--is-selected", ei = "flow--list--table--has-action", I = {
+const Js = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, Ys = (a) => /* @__PURE__ */ i.createElement(Te, { ...a }, /* @__PURE__ */ i.createElement(Ce, null, /* @__PURE__ */ i.createElement(Ie, null, /* @__PURE__ */ i.createElement(N, { width: "100%" }))), /* @__PURE__ */ i.createElement(Le, null, Array.from(Array(5)).map((e, t) => /* @__PURE__ */ i.createElement(Pe, { key: t }, /* @__PURE__ */ i.createElement(Ve, null, /* @__PURE__ */ i.createElement(N, { width: "100%" })))))), _s = "flow--list--table", Qs = "flow--list--table--is-loading", Xs = "flow--list--table--row", Zs = "flow--list--table--is-selected", ei = "flow--list--table--has-action", I = {
   table: _s,
   isLoading: Qs,
   row: Xs,
@@ -1133,20 +1133,20 @@ const Js = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, Ys =
     } : c ? {
       staticData: c.data
     } : void 0
-  }, h = (ne = S(e, ze)) == null ? void 0 : ne.props, C = (re = S(e, Re)) == null ? void 0 : re.props, $ = (le = S(e, He)) == null ? void 0 : le.props, L = P(e, Ue).map(
+  }, h = (ne = S(e, ze)) == null ? void 0 : ne.props, C = (re = S(e, Re)) == null ? void 0 : re.props, z = (le = S(e, He)) == null ? void 0 : le.props, L = V(e, Ue).map(
     (f) => ({
       ...f.props,
       name: f.props.children
     })
-  ), z = P(e, Oe).map(
+  ), U = V(e, Oe).map(
     (f) => ({
       ...f.props,
       renderFn: f.props.children
     })
-  ), U = (oe = S(e, Ke)) == null ? void 0 : oe.props, K = (ce = S(e, qe)) == null ? void 0 : ce.props, p = (de = S(e, Ge)) == null ? void 0 : de.props, O = Ps.useNew({
+  ), K = (oe = S(e, Ke)) == null ? void 0 : oe.props, O = (ce = S(e, qe)) == null ? void 0 : ce.props, p = (de = S(e, Ge)) == null ? void 0 : de.props, P = Ps.useNew({
     onChange: s,
     loader: u,
-    filters: P(e, xe).map(
+    filters: V(e, xe).map(
       (f) => ({
         ...f.props,
         renderItem: f.props.children
@@ -1157,24 +1157,24 @@ const Js = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, Ys =
       textFieldProps: h,
       defaultValue: h.defaultValue
     } : void 0,
-    sorting: P(e, Ne).map((f) => f.props),
+    sorting: V(e, Ne).map((f) => f.props),
     itemView: C ? {
       ...C,
       renderFn: C.children
     } : void 0,
     table: L.length > 0 ? {
       header: {
-        ...K,
+        ...O,
         columns: L
       },
       body: {
         ...p,
         row: {
-          ...U,
-          cells: z
+          ...K,
+          cells: U
         }
       },
-      ...$
+      ...z
     } : void 0,
     batchesController: {
       batchSize: t
@@ -1194,11 +1194,11 @@ const Js = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, Ys =
     Ae.Provider,
     {
       value: {
-        list: O
+        list: P
       }
     },
     /* @__PURE__ */ i.createElement(Wt, null),
-    /* @__PURE__ */ i.createElement("div", { className: ms.list, ref: n }, e, /* @__PURE__ */ i.createElement(ds, { hasActionGroup: We }), /* @__PURE__ */ i.createElement("div", null, /* @__PURE__ */ i.createElement(D, { id: "listSummary" }), O.viewMode === "list" && /* @__PURE__ */ i.createElement(Rs, null), O.viewMode === "table" && /* @__PURE__ */ i.createElement(ti, null)), /* @__PURE__ */ i.createElement(Ws, null))
+    /* @__PURE__ */ i.createElement("div", { className: ms.list, ref: n }, e, /* @__PURE__ */ i.createElement(ds, { hasActionGroup: We }), /* @__PURE__ */ i.createElement("div", null, P.items.entries.length > 0 && /* @__PURE__ */ i.createElement(x, { id: "listSummary" }), P.viewMode === "list" && /* @__PURE__ */ i.createElement(Rs, null), P.viewMode === "table" && /* @__PURE__ */ i.createElement(ti, null)), /* @__PURE__ */ i.createElement(Ws, null))
   )));
 }), ii = () => si, ia = () => ({
   List: ii(),

package/dist/js/Section-DszRJOuI.js

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

package/dist/js/Section.js

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