@mittwald/flow-react-components 0.1.0-alpha.383 → 0.1.0-alpha.385

package/dist/js/SegmentedControl.js

@@ -3,80 +3,79 @@
 import { f as d } from "./flowComponent-BQs9wMX_.js";
 import e from "react";
 import * as p from "react-aria-components";
-import { f as t } from "./FormField.module-CqWpTQKP.js";
-import { g as k } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
+import { f as n } from "./FormField.module-CqWpTQKP.js";
 import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as E } from "./PropsContextProvider.js";
+import { PropsContextProvider as k } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { TunnelProvider as N, TunnelExit as i } from "@mittwald/react-tunnel";
-import { F as u } from "./FieldError-B_3nLHFz.js";
+import { TunnelProvider as E, TunnelExit as a } from "@mittwald/react-tunnel";
+import { F as N } from "./FieldError-B_3nLHFz.js";
 import g from "clsx";
 import "@tabler/icons-react";
 import "./Icon--OEo4TjW.js";
 import { I as b } from "./IconCheck-s8wGBc30.js";
-import { C as w } from "./ClearPropsContext-CUvsbMn8.js";
+import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
 import "dot-prop";
-const z = "flow--segmented-control", x = "flow--segmented-control--segments", S = "flow--segmented-control--segmented-control-container", h = "flow--segmented-control--segment", n = {
+const z = "flow--segmented-control", w = "flow--segmented-control--segments", x = "flow--segmented-control--segmented-control-container", S = "flow--segmented-control--segment", o = {
   segmentedControl: z,
-  segments: x,
-  segmentedControlContainer: S,
+  segments: w,
+  segmentedControlContainer: x,
   "container-breakpoint-size-xs": "flow--segmented-control--container-breakpoint-size-xs",
-  segment: h,
+  segment: S,
   "container-breakpoint-size-s": "flow--segmented-control--container-breakpoint-size-s",
   "container-breakpoint-size-m": "flow--segmented-control--container-breakpoint-size-m",
   "container-breakpoint-size-l": "flow--segmented-control--container-breakpoint-size-l",
   "container-breakpoint-size-xl": "flow--segmented-control--container-breakpoint-size-xl"
-}, M = d("SegmentedControl", (o) => {
+}, h = (t) => `container-breakpoint-size-${t}`, K = d("SegmentedControl", (t) => {
   const {
     children: r,
     className: s,
     containerBreakpointSize: m = "m",
     refProp: l,
-    ...a
-  } = o, f = g(
-    t.formField,
-    n.segmentedControlContainer,
+    ...i
+  } = t, f = g(
+    n.formField,
+    o.segmentedControlContainer,
     s,
-    n[k(m)]
+    o[h(m)]
   ), C = {
     Label: {
-      className: t.label
+      className: n.label
     },
     FieldDescription: {
-      className: t.fieldDescription,
+      className: n.fieldDescription,
       tunnelId: "fieldDescription"
     },
     FieldError: {
-      className: t.customFieldError,
+      className: n.customFieldError,
       tunnelId: "fieldError"
     },
     Segment: {
       tunnelId: "segments",
-      className: n.segment
+      className: o.segment
     }
   };
-  return /* @__PURE__ */ e.createElement(p.RadioGroup, { ...a, className: f, ref: l }, /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(
-    E,
+  return /* @__PURE__ */ e.createElement(p.RadioGroup, { ...i, className: f, ref: l }, /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement(
+    k,
     {
       dependencies: ["segment"],
       props: C,
       mergeInParentContext: !0
     },
     r,
-    /* @__PURE__ */ e.createElement("div", { className: n.segmentedControl }, /* @__PURE__ */ e.createElement("div", { className: n.segments }, /* @__PURE__ */ e.createElement(i, { id: "segments" }))),
-    /* @__PURE__ */ e.createElement(i, { id: "fieldDescription" }),
-    /* @__PURE__ */ e.createElement(i, { id: "fieldError" })
-  )), /* @__PURE__ */ e.createElement(u, { className: t.fieldError }));
+    /* @__PURE__ */ e.createElement("div", { className: o.segmentedControl }, /* @__PURE__ */ e.createElement("div", { className: o.segments }, /* @__PURE__ */ e.createElement(a, { id: "segments" }))),
+    /* @__PURE__ */ e.createElement(a, { id: "fieldDescription" }),
+    /* @__PURE__ */ e.createElement(a, { id: "fieldError" })
+  )), /* @__PURE__ */ e.createElement(N, { className: n.fieldError }));
 }), F = "flow--segmented-control--segment", P = "flow--segmented-control--segment--checkmark", c = {
   segment: F,
   checkmark: P
-}, O = d("Segment", (o) => {
-  const { children: r, className: s, refProp: m, ...l } = o, a = g(c.segment, s);
-  return /* @__PURE__ */ e.createElement(w, null, /* @__PURE__ */ e.createElement(p.Radio, { ...l, className: a, ref: m }, r, /* @__PURE__ */ e.createElement(b, { className: c.checkmark })));
+}, M = d("Segment", (t) => {
+  const { children: r, className: s, refProp: m, ...l } = t, i = g(c.segment, s);
+  return /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(p.Radio, { ...l, className: i, ref: m }, r, /* @__PURE__ */ e.createElement(b, { className: c.checkmark })));
 });
 export {
-  O as Segment,
-  M as SegmentedControl,
-  M as default
+  M as Segment,
+  K as SegmentedControl,
+  K as default
 };