@mittwald/flow-react-components 0.1.0-alpha.394 → 0.1.0-alpha.395

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 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.395](https://github.com/mittwald/flow/compare/0.1.0-alpha.394...0.1.0-alpha.395) (2025-01-20)
+
+### Features
+
+- **ActionGroup:** support switch
+  ([#1105](https://github.com/mittwald/flow/issues/1105))
+  ([5415c9d](https://github.com/mittwald/flow/commit/5415c9dc01fc2cef7a701ba547625f6eb2f0a9d5))
+
+# 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.394](https://github.com/mittwald/flow/compare/0.1.0-alpha.393...0.1.0-alpha.394) (2025-01-15)
 
 ### Bug Fixes

package/dist/css/ActionGroup.css

@@ -1 +1 @@
-.flow--action-group{display:flex}.flow--action-group .flow--action-group--primary{order:3}.flow--action-group .flow--action-group--primary:only-child{margin-left:auto}.flow--action-group .flow--action-group--secondary{margin-left:auto;order:2}.flow--action-group .flow--action-group--secondary~.flow--action-group--secondary{margin-left:unset}.flow--action-group .flow--action-group--abort{order:1;margin-right:auto}.flow--action-group--action-group-container.flow--action-group--ignore-breakpoint .flow--action-group{flex-wrap:wrap}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint){container-type:inline-size}@container (max-width: 550px){.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group{display:flex;flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--primary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--abort{width:100%}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary{flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary>*{width:100%}}.flow--action-group--action-group-container.flow--action-group--s .flow--action-group,.flow--action-group--action-group-container .flow--action-group{gap:var(--action-group--spacing--s)}.flow--action-group--action-group-container.flow--action-group--m .flow--action-group{gap:var(--action-group--spacing--m)}
+.flow--action-group{display:flex;align-items:center}.flow--action-group .flow--action-group--primary{order:3}.flow--action-group .flow--action-group--primary:only-child{margin-left:auto}.flow--action-group .flow--action-group--secondary{margin-left:auto;order:2}.flow--action-group .flow--action-group--secondary~.flow--action-group--secondary{margin-left:unset}.flow--action-group .flow--action-group--abort{order:1;margin-right:auto}.flow--action-group--action-group-container.flow--action-group--ignore-breakpoint .flow--action-group{flex-wrap:wrap}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint){container-type:inline-size}@container (max-width: 550px){.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group{display:flex;flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--primary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--abort{width:100%}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary{flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary>*{width:100%}}.flow--action-group--action-group-container.flow--action-group--s .flow--action-group,.flow--action-group--action-group-container .flow--action-group{gap:var(--action-group--spacing--s)}.flow--action-group--action-group-container.flow--action-group--m .flow--action-group{gap:var(--action-group--spacing--m)}

package/dist/js/ActionGroup-cpOWMaBi.js

@@ -0,0 +1,52 @@
+"use client"
+/* */
+import r from "react";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as w } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { d as n } from "./dynamic-ClpUSmEt.js";
+import e from "clsx";
+import { f as C } from "./flowComponent-BQs9wMX_.js";
+import { TunnelProvider as G } from "@mittwald/react-tunnel";
+import { A as y, g as a } from "./getActionGroupSlot-BHzMGEA7.js";
+const N = "flow--action-group", P = "flow--action-group--primary", x = "flow--action-group--secondary", A = "flow--action-group--abort", b = "flow--action-group--action-group-container", k = "flow--action-group--ignore-breakpoint", v = "flow--action-group--s", B = "flow--action-group--m", t = {
+  actionGroup: N,
+  primary: P,
+  secondary: x,
+  abort: A,
+  actionGroupContainer: b,
+  ignoreBreakpoint: k,
+  s: v,
+  m: B
+}, F = C("ActionGroup", (i) => {
+  const {
+    children: c,
+    className: s,
+    refProp: p,
+    ignoreBreakpoint: l,
+    spacing: m = "s",
+    ...u
+  } = i, g = e(
+    t.actionGroupContainer,
+    s,
+    l && t.ignoreBreakpoint,
+    t[m]
+  ), f = {
+    Button: {
+      slot: n((o) => a(o)),
+      className: n((o) => {
+        const d = a(o);
+        return e(o.className, t[d]);
+      })
+    },
+    Switch: {
+      labelPosition: "leading",
+      className: n((o) => e(o.className, o.slot && t[o.slot]))
+    }
+  };
+  return /* @__PURE__ */ r.createElement(y, null, /* @__PURE__ */ r.createElement(w, { props: f, mergeInParentContext: !0 }, /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement("div", { ...u, className: g, ref: p }, /* @__PURE__ */ r.createElement("div", { className: t.actionGroup, role: "group" }, c)))));
+});
+export {
+  F as A
+};

package/dist/js/ActionGroup.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as r } from "./ActionGroup-Bd0aZvbX.js";
+import { A as r } from "./ActionGroup-cpOWMaBi.js";
 export {
   r as ActionGroup,
   r as default

package/dist/js/List.js

@@ -50,7 +50,7 @@ import { a as v, b as D, d as xe } from "./deepHas-KHS5X1F_.js";
 import { ListLoaderAsyncResource as De, TypedListLoaderAsyncResource as Ne } from "./List/ListLoaderAsyncResource.js";
 import { S as Re } from "./Skeleton-CKLaTmDR.js";
 import { a as Lt, e as Pt, d as At, b as Vt, T as kt, c as Bt } from "./Table-Cgwv_qa_.js";
-import { A as $e } from "./ActionGroup-Bd0aZvbX.js";
+import { A as $e } from "./ActionGroup-cpOWMaBi.js";
 const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view--content", Ke = "flow--list--items--item--view--title", Oe = "flow--list--items--item--view--avatar", He = "flow--list--items--item--view--sub-title", qe = "flow--list--items--item--view--heading", Ge = "flow--list--items--item--view--text", je = "flow--list--items--item--view--top-content", We = "flow--list--items--item--view--action", Je = "flow--list--items--item--view--bottom-content", p = {
   view: Ue,
   content: ze,