@mittwald/flow-react-components 0.1.0-alpha.199 → 0.1.0-alpha.200

package/dist/Accordion-DX40QvjC.js

@@ -0,0 +1,85 @@
+"use client"
+/* */
+import n, { useState as I, useId as a } from "react";
+import w from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { P as N } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import { d } from "./dynamic-ClpUSmEt.js";
+import { B as y } from "./Button-CVDWL-od.js";
+import "@tabler/icons-react";
+import "./Icon-CUhvR1IT.js";
+import { I as B } from "./IconChevronDown-0Qm5hGlw.js";
+import { TunnelProvider as C, TunnelExit as P } from "@mittwald/react-tunnel";
+import { A } from "./Activity-CmfZpgOM.js";
+const b = "flow--accordion", g = "flow--accordion--header", D = "flow--accordion--header-button", T = "flow--accordion--content", H = "flow--accordion--content-inner", L = "flow--accordion--chevron", R = "flow--accordion--outline", S = "flow--accordion--expanded", e = {
+  accordion: b,
+  header: g,
+  headerButton: D,
+  content: T,
+  contentInner: H,
+  chevron: L,
+  outline: R,
+  expanded: S
+}, W = (i) => {
+  const {
+    children: s,
+    className: l,
+    defaultExpanded: m = !1,
+    variant: p = "default",
+    ...u
+  } = i, [o, h] = I(m), f = w(
+    e.accordion,
+    o && e.expanded,
+    l,
+    p === "outlined" && e.outline
+  ), v = a(), r = a(), c = (t) => /* @__PURE__ */ n.createElement(
+    y,
+    {
+      unstyled: !0,
+      "aria-expanded": o,
+      className: e.headerButton,
+      onPress: () => h((E) => !E),
+      "aria-controls": r
+    },
+    t,
+    /* @__PURE__ */ n.createElement(B, { className: e.chevron })
+  ), x = {
+    Content: {
+      className: e.contentInner,
+      tunnelId: "content"
+    },
+    Heading: {
+      className: e.header,
+      level: 4,
+      children: d((t) => c(t.children))
+    },
+    Label: {
+      className: e.header,
+      children: d((t) => c(t.children))
+    }
+  };
+  return /* @__PURE__ */ n.createElement("div", { ...u, className: f }, /* @__PURE__ */ n.createElement(
+    N,
+    {
+      mergeInParentContext: !0,
+      props: x,
+      dependencies: [o]
+    },
+    /* @__PURE__ */ n.createElement(C, null, s, /* @__PURE__ */ n.createElement(
+      "div",
+      {
+        "aria-labelledby": v,
+        id: r,
+        role: "region",
+        hidden: !o,
+        className: e.content
+      },
+      /* @__PURE__ */ n.createElement(A, { isActive: o, inactiveDelay: 1e3 }, /* @__PURE__ */ n.createElement(P, { id: "content" }))
+    ))
+  ));
+};
+export {
+  W as A
+};

package/dist/Accordion.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as r } from "./Accordion-C3Df-FUx.js";
+import { A as r } from "./Accordion-DX40QvjC.js";
 export {
   r as Accordion,
   r as default

package/dist/Navigation.js

@@ -9,7 +9,7 @@ import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as u, TunnelExit as p } from "@mittwald/react-tunnel";
-import { A as x } from "./Accordion-C3Df-FUx.js";
+import { A as x } from "./Accordion-DX40QvjC.js";
 import { C as N } from "./Content-DTwZweqp.js";
 const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigation--icon", P = "flow--navigation--text", w = "flow--navigation--control-icon", r = {
   navigation: C,