@mittwald/flow-react-components 0.1.0-alpha.31 → 0.1.0-alpha.310

package/dist/js/Breadcrumb.js

@@ -0,0 +1,36 @@
+"use client"
+/* */
+import r from "react";
+import * as m from "react-aria-components";
+import a from "clsx";
+import "@tabler/icons-react";
+import "./Icon-C3JkDOTi.js";
+import { I as b } from "./IconChevronRight-35lfOS6U.js";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as d } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+const u = "flow--breadcrumb", p = "flow--breadcrumb--link", f = "flow--breadcrumb--breadcrumb-item", h = "flow--breadcrumb--icon", k = "flow--breadcrumb--dark", w = "flow--breadcrumb--light", e = {
+  breadcrumb: u,
+  link: p,
+  breadcrumbItem: f,
+  icon: h,
+  dark: k,
+  light: w
+}, N = (t) => {
+  const { children: o } = t, c = a(e.breadcrumbItem);
+  return /* @__PURE__ */ r.createElement(m.Breadcrumb, { className: c }, o, /* @__PURE__ */ r.createElement(b, { size: "s", className: e.icon }));
+}, R = (t) => {
+  const { children: o, className: c, color: s = "primary", ...n } = t, l = a(e.breadcrumb, e[s], c), i = {
+    Link: {
+      unstyled: !0,
+      className: e.link,
+      wrapWith: /* @__PURE__ */ r.createElement(N, null)
+    }
+  };
+  return /* @__PURE__ */ r.createElement(m.Breadcrumbs, { ...n, className: l }, /* @__PURE__ */ r.createElement(d, { props: i }, o));
+};
+export {
+  R as Breadcrumb,
+  R as default
+};

package/dist/js/Button-a4Hq_zmE.js

@@ -0,0 +1,130 @@
+"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 { PropsContextProvider as N } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import "@tabler/icons-react";
+import "./Icon-C3JkDOTi.js";
+import { I as h, a as I } from "./IconSucceeded-BHReEzlW.js";
+import { W as f } from "./Wrap-DGT1h1o3.js";
+import { T as B } from "./Text-CtABaZjp.js";
+import { f as k } from "./flowComponent-E-Gp2Toe.js";
+import { L as A } from "./LoadingSpinner-CAmMgo37.js";
+import { useLocalizedStringFormatter as D } from "react-aria";
+import { useLiveRegion as T } from "@chakra-ui/live-region";
+const z = "flow--button", L = "flow--button--outline", R = "flow--button--content", K = "flow--button--state-icon", U = "flow--button--avatar", W = "flow--button--icon", $ = "flow--button--text", j = "flow--button--counter-badge", q = "flow--button--is-succeeded", G = "flow--button--is-failed", H = "flow--button--is-pending", J = "flow--button--plain", M = "flow--button--primary", O = "flow--button--solid", Q = "flow--button--aria-disabled", V = "flow--button--accent", X = "flow--button--danger", Y = "flow--button--secondary", Z = "flow--button--dark", _ = "flow--button--light", ee = "flow--button--soft", t = {
+  button: z,
+  outline: L,
+  content: R,
+  stateIcon: K,
+  avatar: U,
+  icon: W,
+  text: $,
+  counterBadge: j,
+  isSucceeded: q,
+  isFailed: G,
+  isPending: H,
+  plain: J,
+  "size-s": "flow--button--size-s",
+  primary: M,
+  solid: O,
+  ariaDisabled: Q,
+  accent: V,
+  danger: X,
+  secondary: Y,
+  dark: Z,
+  light: _,
+  soft: ee
+}, te = { "de-DE": {
+  "action.isFailed": "Fehlgeschlagen",
+  "action.isPending": "Ausstehend...",
+  "action.isSucceeded": "Erfolgreich"
+}, "en-EN": {
+  "action.isFailed": "Failed",
+  "action.isPending": "Pending...",
+  "action.isSucceeded": "Succeeded"
+} }, oe = (e, r = {}) => {
+  const i = D(te), {
+    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]);
+}, ne = (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), xe = k("Button", (e) => {
+  e = ne(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: ie,
+    ariaSlot: P,
+    unstyled: u,
+    ...w
+  } = e, v = u ? 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
+  );
+  oe(
+    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
+    }
+  }, m = d ? h : l ? I : n ? A : void 0, S = m && /* @__PURE__ */ o.createElement(m, { 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(N, { props: p }, /* @__PURE__ */ o.createElement(f, { if: !u }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(f, { if: x }, /* @__PURE__ */ o.createElement(B, { className: t.text }, s))))),
+    S
+  ));
+});
+export {
+  xe as B
+};

package/dist/{Button.js → js/Button.js}

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

package/dist/js/CalendarHeader-o7J1eLg1.js

@@ -0,0 +1,17 @@
+"use client"
+/* */
+import e from "react";
+import { B as r } from "./Button-a4Hq_zmE.js";
+import * as a from "react-aria-components";
+import "@tabler/icons-react";
+import "./Icon-C3JkDOTi.js";
+import { I as n } from "./IconCalendar-CXEqxrD-.js";
+import { I as t } from "./IconChevronRight-35lfOS6U.js";
+const o = "flow--calendar", l = "flow--calendar--range", f = {
+  calendar: o,
+  range: l
+}, u = () => /* @__PURE__ */ e.createElement("header", null, /* @__PURE__ */ e.createElement(r, { ariaSlot: "previous", variant: "plain", color: "secondary" }, /* @__PURE__ */ e.createElement(n, null)), /* @__PURE__ */ e.createElement(a.Heading, null), /* @__PURE__ */ e.createElement(r, { ariaSlot: "next", variant: "plain", color: "secondary" }, /* @__PURE__ */ e.createElement(t, null)));
+export {
+  u as C,
+  f as s
+};

package/dist/js/Checkbox-B8cVD_TG.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-C3JkDOTi.js";
+import { I as x, a as f } from "./IconCheckboxEmpty-CC7q-vMC.js";
+import { I as h } from "./IconCheckboxIndeterminate-Bc54gPFD.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-E-Gp2Toe.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/js/Checkbox.js

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

package/dist/js/CheckboxButton-COo3XHBr.js

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import o from "react";
+import a from "clsx";
+import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
+import { PropsContextProvider as b } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { C as x } from "./Checkbox-B8cVD_TG.js";
+import { f } from "./flowComponent-E-Gp2Toe.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 = a(t.checkboxButton, n), m = {
+    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: m }, c)));
+});
+export {
+  y as C
+};

package/dist/js/CheckboxButton.js

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

package/dist/js/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 { PropsContextProvider as h } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { F as E } from "./FieldError-BZ6oyvAN.js";
+import { C as k } from "./CheckboxButton-COo3XHBr.js";
+import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
+import { f as o } from "./FormField.module-CqWpTQKP.js";
+import { C as N } from "./ColumnLayout-Bvw578tz.js";
+import { d as F } from "./deepFindOfType-6pG0fH7S.js";
+import { f as G } from "./flowComponent-E-Gp2Toe.js";
+const y = "flow--checkbox-group", s = {
+  checkboxGroup: y
+}, j = G("CheckboxGroup", (l) => {
+  const { children: t, className: m, s: i, m: n, l: a, 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: i, m: n, l: a, 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 → 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/js/CodeBlock.js

@@ -0,0 +1,38 @@
+"use client"
+/* */
+import e from "react";
+import d from "react-syntax-highlighter";
+import m from "clsx";
+import { C as f } from "./CopyButton-rkjTnjDf.js";
+const i = "flow--code-block", k = "flow--code-block--light", u = "flow--code-block--dark", l = {
+  codeBlock: i,
+  default: "flow--code-block--default",
+  light: k,
+  dark: u
+}, h = (c) => {
+  const { code: t, className: a, copyable: r, color: o = "default", ...s } = c, n = m(l.codeBlock, l[o], a);
+  return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(
+    d,
+    {
+      customStyle: {
+        background: "none",
+        padding: "none",
+        margin: "none"
+      },
+      useInlineStyles: !1,
+      ...s
+    },
+    t
+  ), r && /* @__PURE__ */ e.createElement(
+    f,
+    {
+      size: "s",
+      color: o === "default" ? "dark" : o,
+      text: t
+    }
+  ));
+};
+export {
+  h as CodeBlock,
+  h as default
+};

package/dist/js/ColumnLayout-Bvw578tz.js

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

package/dist/js/ColumnLayout.js

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

package/dist/js/Content-ytee2WFF.js

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

package/dist/js/Content.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { C as o } from "./Content-ytee2WFF.js";
+export {
+  o as Content,
+  o as default
+};

package/dist/js/ContextMenu.js

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

package/dist/js/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/js/ContextMenuTrigger-Ciwiz8WT.js

@@ -0,0 +1,90 @@
+"use client"
+/* */
+import e from "react";
+import * as i from "react-aria-components";
+import { s } from "./ContextMenu.module-BZingr2B.js";
+import { f as c } from "./flowComponent-E-Gp2Toe.js";
+import { P } from "./Popover-C4jNPNSb.js";
+import { C as E } from "./ClearPropsContext-CUvsbMn8.js";
+import { PropsContextProvider as O } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import "mobx";
+import { u as T } from "./useOverlayController-D8pgx8nV.js";
+import { O as S, a as A } from "./OverlayTrigger-BmB63e4e.js";
+import { A as h } from "./Action-CiJBykBu.js";
+const B = c("ContextMenu", (t) => {
+  const {
+    children: r,
+    onAction: n,
+    selectionMode: o,
+    selectedKeys: m,
+    defaultSelectedKeys: p,
+    disabledKeys: C,
+    onSelectionChange: u,
+    refProp: v,
+    controller: g,
+    ...x
+  } = t, M = T("ContextMenu", {
+    reuseControllerFromContext: !0
+  }), l = g ?? M, f = 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(E, null, /* @__PURE__ */ e.createElement(
+    P,
+    {
+      ...x,
+      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: f,
+          selectedKeys: m,
+          defaultSelectedKeys: p,
+          disabledKeys: C,
+          onSelectionChange: u,
+          ref: v
+        },
+        /* @__PURE__ */ e.createElement(O, { props: y }, /* @__PURE__ */ e.createElement(h, { closeOverlay: d }, r))
+      )
+    )
+  ));
+}), G = c(
+  "ContextMenuTrigger",
+  (t) => {
+    const { children: r, ...n } = t;
+    return /* @__PURE__ */ e.createElement(
+      A,
+      {
+        overlayType: "ContextMenu",
+        ...n,
+        component: i.MenuTrigger
+      },
+      r
+    );
+  }
+);
+export {
+  B as C,
+  G as a
+};

package/dist/js/ContextualHelp.js

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

package/dist/js/CopyButton-rkjTnjDf.js

@@ -0,0 +1,40 @@
+"use client"
+/* */
+import o from "react";
+import i from "copy-to-clipboard";
+import { B as c } from "./Button-a4Hq_zmE.js";
+import "@tabler/icons-react";
+import "./Icon-C3JkDOTi.js";
+import { I as l } from "./IconCopy-D3-038qg.js";
+import { useLocalizedStringFormatter as s } from "react-aria";
+import { a as f, T as u } from "./Tooltip-DmYZavnZ.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-E-Gp2Toe.js";
+import { A as B } from "./Action-CiJBykBu.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(
+    c,
+    {
+      "aria-label": t,
+      ...m,
+      ref: n,
+      variant: p
+    },
+    /* @__PURE__ */ o.createElement(l, null)
+  )), /* @__PURE__ */ o.createElement(u, null, t)));
+});
+export {
+  R as C
+};

package/dist/js/CopyButton.js

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