@mittwald/flow-react-components 0.1.0-alpha.21 → 0.1.0-alpha.211

package/dist/Button-DQtavSbo.js

@@ -0,0 +1,129 @@
+"use client"
+/* */
+import o, { useEffect as F } from "react";
+import * as E from "react-aria-components";
+import y from "clsx";
+import { C } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import "@tabler/icons-react";
+import "./Icon-DPoIVASu.js";
+import { I, a as N } from "./IconSucceeded-B8qBpHF5.js";
+import { W as f } from "./Wrap-DGT1h1o3.js";
+import { T as B } from "./Text-Sd5q3Yme.js";
+import { f as k } from "./flowComponent-DHPUcYyM.js";
+import { L as A } from "./LoadingSpinner-BLy_eWhM.js";
+import { useLocalizedStringFormatter as D } from "react-aria";
+import { useLiveRegion as T } from "@chakra-ui/live-region";
+const z = "flow--button", L = "flow--button--content", R = "flow--button--state-icon", K = "flow--button--avatar", U = "flow--button--icon", W = "flow--button--text", $ = "flow--button--counter-badge", j = "flow--button--is-succeeded", q = "flow--button--is-failed", G = "flow--button--is-pending", H = "flow--button--plain", J = "flow--button--primary", M = "flow--button--solid", O = "flow--button--aria-disabled", Q = "flow--button--accent", V = "flow--button--danger", X = "flow--button--secondary", Y = "flow--button--dark", Z = "flow--button--light", _ = "flow--button--soft", t = {
+  button: z,
+  content: L,
+  stateIcon: R,
+  avatar: K,
+  icon: U,
+  text: W,
+  counterBadge: $,
+  isSucceeded: j,
+  isFailed: q,
+  isPending: G,
+  plain: H,
+  "size-s": "flow--button--size-s",
+  primary: J,
+  solid: M,
+  ariaDisabled: O,
+  accent: Q,
+  danger: V,
+  secondary: X,
+  dark: Y,
+  light: Z,
+  soft: _
+}, ee = { "de-DE": {
+  "action.isFailed": "Fehlgeschlagen",
+  "action.isPending": "Ausstehend...",
+  "action.isSucceeded": "Erfolgreich"
+}, "en-EN": {
+  "action.isFailed": "Failed",
+  "action.isPending": "Pending...",
+  "action.isSucceeded": "Succeeded"
+} }, te = (e, r = {}) => {
+  const i = D(ee), {
+    isPendingText: s = i.format("action.isPending"),
+    isSucceededText: c = i.format("action.isSucceeded"),
+    isFailedText: a = i.format("action.isFailed")
+  } = r, n = T({
+    "aria-live": "polite",
+    "aria-atomic": !1,
+    "aria-relevant": "text additions",
+    role: "status"
+  });
+  F(() => {
+    e === "isPending" ? n.speak(s) : e === "isSucceeded" ? n.speak(c) : e === "isFailed" && n.speak(a);
+  }, [e]);
+}, oe = (e) => ((e.isPending || e.isSucceeded || e.isFailed || e["aria-disabled"]) && (e = { ...e }, e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0), e), Se = k("Button", (e) => {
+  e = oe(e);
+  const {
+    color: r = "primary",
+    variant: i = "solid",
+    children: s,
+    className: c,
+    size: a = "m",
+    isPending: n,
+    isSucceeded: d,
+    isFailed: l,
+    "aria-disabled": g,
+    refProp: b,
+    slot: ne,
+    ariaSlot: P,
+    unstyled: m,
+    ...w
+  } = e, v = m ? c : y(
+    t.button,
+    n && t.isPending,
+    d && t.isSucceeded,
+    l && t.isFailed,
+    t[`size-${a}`],
+    t[r],
+    t[i],
+    c,
+    /**
+     * Workaround warning: The Aria.Button does not support "aria-disabled"
+     * by now, so this Button will be visually disabled via CSS.
+     */
+    g && t.ariaDisabled
+  );
+  te(
+    n ? "isPending" : d ? "isSucceeded" : l ? "isFailed" : "isIdle"
+  );
+  const p = {
+    Icon: {
+      className: t.icon,
+      "aria-hidden": !0,
+      size: a
+    },
+    Text: {
+      className: t.text
+    },
+    Avatar: {
+      className: t.avatar
+    },
+    CounterBadge: {
+      className: t.counterBadge
+    }
+  }, u = d ? I : l ? N : n ? A : void 0, S = u && /* @__PURE__ */ o.createElement(u, { size: a, className: t.stateIcon }), x = typeof s == "string";
+  return /* @__PURE__ */ o.createElement(C, null, /* @__PURE__ */ o.createElement(
+    E.Button,
+    {
+      className: v,
+      ref: b,
+      slot: P,
+      ...w
+    },
+    /* @__PURE__ */ o.createElement(h, { props: p }, /* @__PURE__ */ o.createElement(f, { if: !m }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(f, { if: x }, /* @__PURE__ */ o.createElement(B, null, s))))),
+    S
+  ));
+});
+export {
+  Se as B
+};

package/dist/Button.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { B as o } from "./Button-BzrU5duB.js";
+import { B as o } from "./Button-DQtavSbo.js";
 export {
   o as Button,
   o as default

package/dist/CalendarHeader-DkUXY9HD.js

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import e from "react";
+import { B as a } from "./Button-DQtavSbo.js";
+import * as r from "react-aria-components";
+import "@tabler/icons-react";
+import "./Icon-DPoIVASu.js";
+import { I as t } from "./IconCalendar-DdHJ9y75.js";
+import { I as n } from "./IconChevronRight-C9GdFYqH.js";
+const o = "flow--calendar", d = {
+  calendar: o
+}, f = () => /* @__PURE__ */ e.createElement("header", null, /* @__PURE__ */ e.createElement(a, { ariaSlot: "previous", variant: "plain" }, /* @__PURE__ */ e.createElement(t, null)), /* @__PURE__ */ e.createElement(r.Heading, null), /* @__PURE__ */ e.createElement(a, { ariaSlot: "next", variant: "plain" }, /* @__PURE__ */ e.createElement(n, null)));
+export {
+  f as C,
+  d as s
+};

package/dist/Checkbox-DOCJ2AAS.js

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import e from "react";
+import * as i from "react-aria-components";
+import p from "clsx";
+import "@tabler/icons-react";
+import "./Icon-DPoIVASu.js";
+import { I as x, a as f } from "./IconCheckboxEmpty-C5_FpyLH.js";
+import { I as h } from "./IconCheckboxIndeterminate-Cq9pCgrw.js";
+import { C } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as k } from "./flowComponent-DHPUcYyM.js";
+const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
+  checkbox: b,
+  icon: E
+}, q = k("Checkbox", (c) => {
+  const { children: t, className: r, refProp: m, ...a } = c, n = p(o.checkbox, r);
+  return /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(i.Checkbox, { ...a, className: n, ref: m }, ({ isSelected: s, isIndeterminate: l }) => /* @__PURE__ */ e.createElement(e.Fragment, null, s ? /* @__PURE__ */ e.createElement(x, { className: o.icon }) : l ? /* @__PURE__ */ e.createElement(h, { className: o.icon }) : /* @__PURE__ */ e.createElement(f, { className: o.icon }), t)));
+});
+export {
+  q as C
+};

package/dist/Checkbox.js

@@ -1,22 +1,7 @@
 "use client"
 /* */
-import c from "react";
-import * as k from "react-aria-components";
-import { c as l } from "./clsx-DB4S2d7J.js";
-import "@tabler/icons-react";
-import "./Icon-C8UD3vMe.js";
-import "html-react-parser";
-import "./propsContext-Dx7WKmmM.js";
-import "@react-aria/utils";
-import { I as n, a as h } from "./IconUnchecked-CGdUugGS.js";
-const i = "flow--checkbox", p = "flow--checkbox--checkmark", e = {
-  checkbox: i,
-  checkmark: p
-}, I = (o) => {
-  const { children: t, className: r, ...a } = o, m = l(e.checkbox, r);
-  return /* @__PURE__ */ c.createElement(k.Checkbox, { ...a, className: m }, ({ isSelected: s }) => /* @__PURE__ */ c.createElement(c.Fragment, null, s ? /* @__PURE__ */ c.createElement(n, { className: e.checkmark }) : /* @__PURE__ */ c.createElement(h, { className: e.checkmark }), t));
-};
+import { C as a } from "./Checkbox-DOCJ2AAS.js";
 export {
-  I as Checkbox,
-  I as default
+  a as Checkbox,
+  a as default
 };

package/dist/CheckboxButton-CwMRngE4.js

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import o from "react";
+import m from "clsx";
+import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as b } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { C as x } from "./Checkbox-DOCJ2AAS.js";
+import { f } from "./flowComponent-DHPUcYyM.js";
+const C = "flow--checkbox-button", i = "flow--checkbox-button--label", h = "flow--checkbox-button--content", t = {
+  checkboxButton: C,
+  label: i,
+  content: h
+}, y = f("CheckboxButton", (e) => {
+  const { children: c, className: n, refProp: r, ...s } = e, l = m(t.checkboxButton, n), a = {
+    Text: {
+      className: t.label
+    },
+    Content: {
+      className: t.content
+    }
+  };
+  return /* @__PURE__ */ o.createElement(p, null, /* @__PURE__ */ o.createElement(x, { ...s, className: l, ref: r }, /* @__PURE__ */ o.createElement(b, { props: a }, c)));
+});
+export {
+  y as C
+};

package/dist/CheckboxButton.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { C as t } from "./CheckboxButton-CwMRngE4.js";
+export {
+  t as CheckboxButton,
+  t as default
+};

package/dist/CheckboxGroup.js

@@ -0,0 +1,44 @@
+"use client"
+/* */
+import e from "react";
+import * as x from "react-aria-components";
+import b from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import { F as E } from "./FieldError-CHN9uCb_.js";
+import { C as k } from "./CheckboxButton-CwMRngE4.js";
+import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
+import { s as o } from "./FormField.module-DHK6nIcD.js";
+import { C as N } from "./ColumnLayout-FMONjI17.js";
+import { d as F } from "./deepFindOfType-6pG0fH7S.js";
+import { f as G } from "./flowComponent-DHPUcYyM.js";
+const P = "flow--checkbox-group", s = {
+  checkboxGroup: P
+}, j = G("CheckboxGroup", (l) => {
+  const { children: t, className: m, s: n, m: a, l: i, refProp: p, ...d } = l, f = b(o.formField, m), u = {
+    Label: {
+      className: o.label
+    },
+    FieldDescription: {
+      className: o.fieldDescription,
+      tunnelId: "fieldDescription"
+    },
+    FieldError: {
+      className: o.customFieldError,
+      tunnelId: "fieldError"
+    },
+    Checkbox: {
+      tunnelId: "checkboxes"
+    },
+    CheckboxButton: {
+      tunnelId: "checkboxes"
+    }
+  }, c = !!F(t, k);
+  return /* @__PURE__ */ e.createElement(x.CheckboxGroup, { ...d, className: f, ref: p }, /* @__PURE__ */ e.createElement(h, { props: u }, /* @__PURE__ */ e.createElement(C, null, t, c && /* @__PURE__ */ e.createElement(N, { s: n, m: a, l: i, className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), !c && /* @__PURE__ */ e.createElement("div", { className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), /* @__PURE__ */ e.createElement(r, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(r, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(E, { className: o.fieldError }));
+});
+export {
+  j as CheckboxGroup,
+  j as default
+};

package/dist/{ClearPropsContext-CD1-9TZA.js → ClearPropsContext-CUvsbMn8.js}

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import t from "react";
-import { p as o } from "./propsContext-Dx7WKmmM.js";
+import { p as o } from "./propsContext-DzAKlmhS.js";
 const a = (r) => {
   const { children: e } = r;
   return /* @__PURE__ */ t.createElement(o.Provider, { value: {} }, e);

package/dist/ColumnLayout-FMONjI17.js

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import e from "react";
+import C from "clsx";
+const L = "flow--column-layout--column-layout-container", d = "flow--column-layout", r = {
+  columnLayoutContainer: L,
+  columnLayout: d
+}, c = (o) => {
+  if (o.length < 1)
+    throw new Error("Column layout array is empty");
+  return o.map((t) => `${t}fr`).join(" ");
+}, w = (o) => {
+  const { children: u, className: t, s: n, m: l, l: a } = o, s = n ? c(n) : void 0, m = l ? c(l) : n ? s : void 0, y = a ? c(a) : l || n ? m : void 0, i = {
+    "--column-layout--columns-s": s,
+    "--column-layout--columns-m": m,
+    "--column-layout--columns-l": y
+  }, f = C(r.columnLayoutContainer, t);
+  return /* @__PURE__ */ e.createElement("div", { className: f, style: i }, /* @__PURE__ */ e.createElement("div", { className: r.columnLayout }, u));
+};
+export {
+  w as C
+};

package/dist/ColumnLayout.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { C as a } from "./ColumnLayout-FMONjI17.js";
+export {
+  a as ColumnLayout,
+  a as default
+};

package/dist/Content-YN32VD1q.js

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import t from "react";
+import { C as c } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as l } from "./flowComponent-DHPUcYyM.js";
+import { W as s } from "./Wrap-DGT1h1o3.js";
+import { A as f } from "./Activity-CmfZpgOM.js";
+const W = l("Content", (e) => {
+  const {
+    children: r,
+    elementType: o = "div",
+    refProp: m,
+    clearPropsContext: n = !0,
+    isActive: i = !0,
+    ...p
+  } = e, a = o;
+  return /* @__PURE__ */ t.createElement(s, { if: n }, /* @__PURE__ */ t.createElement(c, null, /* @__PURE__ */ t.createElement(f, { isActive: i }, /* @__PURE__ */ t.createElement(a, { ref: m, ...p }, r))));
+});
+export {
+  W as C
+};

package/dist/Content.js

@@ -1,15 +1,7 @@
 "use client"
 /* */
-import e from "react";
-import { C as s } from "./ClearPropsContext-CD1-9TZA.js";
-import "./propsContext-Dx7WKmmM.js";
-import "@react-aria/utils";
-import { u as l } from "./useProps-C7GIMcgB.js";
-const C = (t) => {
-  const { children: r, elementType: o = "div", ...n } = l("Content", t), m = o;
-  return /* @__PURE__ */ e.createElement(m, { ...n }, /* @__PURE__ */ e.createElement(s, null, r));
-};
+import { C as o } from "./Content-YN32VD1q.js";
 export {
-  C as Content,
-  C as default
+  o as Content,
+  o as default
 };

package/dist/ContextMenu.js

@@ -0,0 +1,11 @@
+"use client"
+/* */
+import { C as t } from "./ContextMenuTrigger-DOCNHDwJ.js";
+import { a } from "./ContextMenuTrigger-DOCNHDwJ.js";
+import { M as n } from "./MenuItem-DcfYvfPJ.js";
+export {
+  t as ContextMenu,
+  a as ContextMenuTrigger,
+  n as MenuItem,
+  t as default
+};

package/dist/ContextMenu.module-BZingr2B.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+const o = "flow--context-menu", t = "flow--context-menu--section", n = "flow--context-menu--popover-content", e = {
+  contextMenu: o,
+  section: t,
+  popoverContent: n
+};
+export {
+  e as s
+};

package/dist/ContextMenuTrigger-DOCNHDwJ.js

@@ -0,0 +1,91 @@
+"use client"
+/* */
+import e from "react";
+import * as i from "react-aria-components";
+import { s } from "./ContextMenu.module-BZingr2B.js";
+import { f as m } from "./flowComponent-DHPUcYyM.js";
+import { P } from "./Popover-Cv7qj8sY.js";
+import "mobx";
+import { u as E } from "./useOverlayController-D8pgx8nV.js";
+import { C as O } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as T } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { O as S } from "./OverlayContextProvider-xvILXWn5.js";
+import { A } from "./Action-Dp_7RavF.js";
+import { O as h } from "./OverlayTrigger-D9ziPSB1.js";
+const G = m("ContextMenu", (t) => {
+  const {
+    children: r,
+    onAction: n,
+    selectionMode: o,
+    selectedKeys: c,
+    defaultSelectedKeys: p,
+    disabledKeys: C,
+    onSelectionChange: u,
+    refProp: v,
+    controller: f,
+    ...g
+  } = t, x = E("ContextMenu", {
+    reuseControllerFromContext: !0
+  }), l = f ?? x, M = o === "navigation" ? "none" : o, a = o === "navigation" ? "navigation" : "control", y = {
+    MenuItem: {
+      selectionVariant: a
+    },
+    Section: {
+      MenuItem: {
+        selectionVariant: a
+      },
+      renderContextMenuSection: !0
+    }
+  }, d = o === "single" || o === "navigation" ? "ContextMenu" : void 0;
+  return /* @__PURE__ */ e.createElement(O, null, /* @__PURE__ */ e.createElement(
+    P,
+    {
+      ...g,
+      contentClassName: s.popoverContent,
+      controller: l,
+      isDialogContent: !1
+    },
+    /* @__PURE__ */ e.createElement(
+      S,
+      {
+        type: "ContextMenu",
+        controller: l
+      },
+      /* @__PURE__ */ e.createElement(
+        i.Menu,
+        {
+          className: s.contextMenu,
+          onAction: n,
+          selectionMode: M,
+          selectedKeys: c,
+          defaultSelectedKeys: p,
+          disabledKeys: C,
+          onSelectionChange: u,
+          ref: v
+        },
+        /* @__PURE__ */ e.createElement(T, { props: y }, /* @__PURE__ */ e.createElement(A, { closeOverlay: d }, r))
+      )
+    )
+  ));
+}), H = m(
+  "ContextMenuTrigger",
+  (t) => {
+    const { children: r, ...n } = t;
+    return /* @__PURE__ */ e.createElement(
+      h,
+      {
+        overlayType: "ContextMenu",
+        ...n,
+        component: i.MenuTrigger
+      },
+      r
+    );
+  }
+);
+export {
+  G as C,
+  H as a
+};

package/dist/ContextualHelp.js

@@ -0,0 +1,64 @@
+"use client"
+/* */
+import t from "react";
+import { P as s } from "./Popover-Cv7qj8sY.js";
+import * as c from "react-aria-components";
+import "mobx";
+import { u } from "./useOverlayController-D8pgx8nV.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import "./context-Cf7tqFtF.js";
+import { f } from "./flowComponent-DHPUcYyM.js";
+import { O as x } from "./OverlayTrigger-D9ziPSB1.js";
+import { useLocalizedStringFormatter as g } from "react-aria";
+import "@tabler/icons-react";
+import "./Icon-DPoIVASu.js";
+import { I as C } from "./IconInfo-p6ir3vIp.js";
+const H = "flow--contextual-help", d = {
+  contextualHelp: H
+}, A = f("ContextualHelp", (o) => {
+  const {
+    children: e,
+    controller: r,
+    refProp: a,
+    ...n
+  } = o, m = u("ContextualHelp", {
+    reuseControllerFromContext: !0
+  }), p = r ?? m, i = {
+    Heading: {
+      level: 5
+    }
+  };
+  return /* @__PURE__ */ t.createElement(s, { withTip: !0, ...n, controller: p }, /* @__PURE__ */ t.createElement(l, { props: i }, /* @__PURE__ */ t.createElement("div", { className: d.contextualHelp }, e)));
+}), P = { "de-DE": {
+  "contextualHelpButton.moreInformation": "Weitere Informationen"
+}, "en-EN": {
+  "contextualHelpButton.moreInformation": "More information"
+} }, L = (o) => {
+  const { children: e, ...r } = o, n = {
+    Button: {
+      "aria-label": g(P).format(
+        "contextualHelpButton.moreInformation"
+      ),
+      children: /* @__PURE__ */ t.createElement(C, null),
+      size: "s",
+      variant: "plain"
+    }
+  };
+  return /* @__PURE__ */ t.createElement(
+    x,
+    {
+      overlayType: "ContextualHelp",
+      ...r,
+      component: c.DialogTrigger
+    },
+    /* @__PURE__ */ t.createElement(l, { props: n, mergeInParentContext: !0 }, e)
+  );
+};
+export {
+  A as ContextualHelp,
+  L as ContextualHelpTrigger,
+  A as default
+};

package/dist/CopyButton.js

@@ -0,0 +1,41 @@
+"use client"
+/* */
+import o from "react";
+import i from "copy-to-clipboard";
+import { B as l } from "./Button-DQtavSbo.js";
+import "@tabler/icons-react";
+import "./Icon-DPoIVASu.js";
+import { I as c } from "./IconCopy-mEoW_08H.js";
+import { useLocalizedStringFormatter as s } from "react-aria";
+import { a as f, T as u } from "./TooltipTrigger-TslkLN5s.js";
+import { onlyText as y } from "react-children-utilities";
+import { C } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as E } from "./flowComponent-DHPUcYyM.js";
+import { A as B } from "./Action-Dp_7RavF.js";
+const g = { "de-DE": {
+  "copyButton.copy": "Kopieren"
+}, "en-EN": {
+  "copyButton.copy": "Copy"
+} }, R = E("CopyButton", (r) => {
+  const { text: e, refProp: n, variant: p = "plain", ...m } = r, t = s(g).format("copyButton.copy"), a = () => {
+    i(y(e));
+  };
+  return /* @__PURE__ */ o.createElement(C, null, /* @__PURE__ */ o.createElement(f, null, /* @__PURE__ */ o.createElement(B, { action: a, showFeedback: !0 }, /* @__PURE__ */ o.createElement(
+    l,
+    {
+      "aria-label": t,
+      ...m,
+      ref: n,
+      variant: p
+    },
+    /* @__PURE__ */ o.createElement(c, null)
+  )), /* @__PURE__ */ o.createElement(u, null, t)));
+});
+export {
+  R as CopyButton,
+  R as default
+};

package/dist/CounterBadge.js

@@ -0,0 +1,18 @@
+"use client"
+/* */
+import s from "react";
+import c from "clsx";
+import { f as m } from "./flowComponent-DHPUcYyM.js";
+const u = "flow--counter-badge", d = {
+  counterBadge: u
+}, g = m(
+  "CounterBadge",
+  (o) => {
+    const { className: t, count: e, refProp: r, ...a } = o, n = c(d.counterBadge, t);
+    return /* @__PURE__ */ s.createElement("span", { className: n, ...a, "aria-hidden": !0, ref: r }, e && e > 99 ? "99+" : e);
+  }
+);
+export {
+  g as CounterBadge,
+  g as default
+};