@mittwald/flow-react-components 0.1.0-alpha.389 → 0.1.0-alpha.390

package/dist/js/Select.js

@@ -74,10 +74,11 @@ const f = "flow--select", D = "flow--select--toggle", M = {
     },
     /* @__PURE__ */ n.createElement(k, { type: "Select", controller: d }, /* @__PURE__ */ n.createElement(P, { props: A }, /* @__PURE__ */ n.createElement(F, null, /* @__PURE__ */ n.createElement(u.Button, { className: M.toggle }, /* @__PURE__ */ n.createElement(u.SelectValue, null), /* @__PURE__ */ n.createElement(b, null)), i, /* @__PURE__ */ n.createElement(U, null, /* @__PURE__ */ n.createElement(R, { id: "options" })), /* @__PURE__ */ n.createElement(K, { className: a.fieldError }))))
   );
-}), V = "flow--select--option", v = "flow--select--option--icon", w = "flow--select--option--text", J = "flow--select--option--control-icon", Z = "flow--select--option--avatar", W = {
+}), V = "flow--select--option", w = "flow--select--option--icon", v = "flow--select--option--text", J = "flow--select--option--control-icon", Z = "flow--select--option--avatar", W = {
   option: V,
-  icon: v,
-  text: w,
+  switch: "flow--select--option--switch",
+  icon: w,
+  text: v,
   controlIcon: J,
   avatar: Z
 }, z = S("Option", (e) => {

package/dist/js/Switch-BhDMHWjv.js

@@ -0,0 +1,39 @@
+"use client"
+/* */
+import e from "react";
+import * as n from "react-aria-components";
+import p from "clsx";
+import "@tabler/icons-react";
+import "./Icon--OEo4TjW.js";
+import { I as f } from "./IconCheck-s8wGBc30.js";
+import { I as h } from "./IconClose-Bf4k99aq.js";
+import { L as w } from "./Label-BK8Njoxm.js";
+import { C as b } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as d } from "./flowComponent-BQs9wMX_.js";
+const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
+  switch: "flow--switch",
+  "label-leading": "flow--switch--label-leading",
+  track: E,
+  handle: C,
+  label: N
+}, R = d("Switch", (a) => {
+  const {
+    children: l,
+    className: o,
+    labelPosition: r = "trailing",
+    refProp: s,
+    ...c
+  } = a, m = p(
+    t.switch,
+    t[`label-${r}`],
+    o
+  );
+  return /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(n.Switch, { ...c, className: m, ref: s }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(f, { size: "s" }) : /* @__PURE__ */ e.createElement(h, { size: "s" }))), l && /* @__PURE__ */ e.createElement(w, { className: t.label }, l))));
+});
+export {
+  R as S
+};

package/dist/js/Switch.js

@@ -1,40 +1,7 @@
 "use client"
 /* */
-import e from "react";
-import * as n from "react-aria-components";
-import f from "clsx";
-import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as p } from "./IconCheck-s8wGBc30.js";
-import { I as h } from "./IconClose-Bf4k99aq.js";
-import { L as w } from "./Label-BK8Njoxm.js";
-import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
-import "./propsContext-DzAKlmhS.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { f as b } from "./flowComponent-BQs9wMX_.js";
-const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
-  switch: "flow--switch",
-  "label-leading": "flow--switch--label-leading",
-  track: E,
-  handle: C,
-  label: N
-}, R = b("Switch", (a) => {
-  const {
-    children: l,
-    className: o,
-    labelPosition: r = "trailing",
-    refProp: s,
-    ...c
-  } = a, m = f(
-    t.switch,
-    t[`label-${r}`],
-    o
-  );
-  return /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(n.Switch, { ...c, className: m, ref: s }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(p, { size: "s" }) : /* @__PURE__ */ e.createElement(h, { size: "s" }))), l && /* @__PURE__ */ e.createElement(w, { className: t.label }, l))));
-});
+import { S as a } from "./Switch-BhDMHWjv.js";
 export {
-  R as Switch,
-  R as default
+  a as Switch,
+  a as default
 };

package/dist/js/Tabs.js

@@ -6,8 +6,9 @@ import u from "clsx";
 import { TunnelExit as E, TunnelProvider as P, TunnelEntry as f } from "@mittwald/react-tunnel";
 import { f as O } from "./flowComponent-BQs9wMX_.js";
 import { useCallbackRef as S } from "use-callback-ref";
-import { a as A, C as B } from "./ContextMenuTrigger-CsnzKkVf.js";
-import { M as K } from "./MenuItem-BhQ--5y5.js";
+import { a as A, C as B } from "./ContextMenuTrigger-BAV29sr-.js";
+import { M as K } from "./MenuItem-BUyas6dP.js";
+import "./ContextMenuSection-CmajFz_f.js";
 import { B as L } from "./Button-BTc_iJae.js";
 import "@tabler/icons-react";
 import "./Icon--OEo4TjW.js";
@@ -80,7 +81,7 @@ const $ = "flow--tabs", k = "flow--tabs--list", j = {
     /* @__PURE__ */ e.createElement(E, { id: "ContextMenuItems" })
   ));
   return /* @__PURE__ */ e.createElement("div", { className: t }, m, d, T);
-}, Te = O("Tabs", (s) => {
+}, ve = O("Tabs", (s) => {
   const {
     children: n,
     className: r,
@@ -114,12 +115,12 @@ const $ = "flow--tabs", k = "flow--tabs--list", j = {
   ));
 }), g = I({
   id: "undefined"
-}), Y = () => y(g), Z = g.Provider, ve = (s) => {
+}), Y = () => y(g), Z = g.Provider, xe = (s) => {
   const { children: n, className: r, ...o } = s, { id: a } = Y(), c = u(p.tabTitle, r);
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(f, { id: "Titles" }, /* @__PURE__ */ e.createElement(C.Tab, { ...o, id: a, className: c }, (l) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(F, { emulateBoldWidth: !0 }, /* @__PURE__ */ e.createElement("span", { className: p.text }, n)), /* @__PURE__ */ e.createElement(f, { id: "ActiveTitle" }, l.isSelected && n)))), /* @__PURE__ */ e.createElement(f, { id: "ContextMenuItems" }, /* @__PURE__ */ e.createElement(K, { className: p.menuItem, id: a }, n)));
 }, _ = "flow--tabs--tab--tab-panel", ee = {
   tabPanel: _
-}, xe = (s) => {
+}, we = (s) => {
   const { children: n, className: r, id: o, ...a } = s, c = u(ee.tabPanel, r), l = N(), t = o ?? l, i = (m) => {
     const d = m.state.selectedKey === t, T = {
       Content: {
@@ -150,8 +151,8 @@ const $ = "flow--tabs", k = "flow--tabs--list", j = {
   )));
 };
 export {
-  xe as Tab,
-  ve as TabTitle,
-  Te as Tabs,
-  Te as default
+  we as Tab,
+  xe as TabTitle,
+  ve as Tabs,
+  ve as default
 };