@mittwald/flow-react-components 0.1.0-alpha.8

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Mittwald CM Service GmbH & Co. KG and contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,5 @@
+# @mittwald/flow-react-components
+
+This package is part of
+[Flow – mittwald design system](https://mittwald.github.io/flow/). See the
+homepage for more details.

package/dist/Avatar.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const Avatar: FC<AvatarProps>;
+export { Avatar }
+export default Avatar;
+
+export declare interface AvatarProps extends PropsWithChildren {
+    className?: string;
+    /** @default "s" */
+    size?: "s" | "m" | "l";
+}
+
+export { }

package/dist/Avatar.js

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import s from "react";
+import { c as n } from "./clsx-F0OAuoLf.js";
+import "./propsContext-1HT-3SRC.js";
+import { P as c } from "./PropsContextProvider-1ZntTV8J.js";
+import "@react-aria/utils";
+const m = "flow--avatar", p = "flow--avatar--initials", a = {
+  avatar: m,
+  initials: p,
+  "size-s": "flow--avatar--size-s",
+  "size-m": "flow--avatar--size-m",
+  "size-l": "flow--avatar--size-l"
+}, x = (t) => {
+  const { children: i, className: e, size: o = "s" } = t, r = n(a.avatar, a[`size-${o}`], e), l = {
+    Initials: {
+      className: a.initials
+    }
+  };
+  return /* @__PURE__ */ s.createElement("div", { className: r }, /* @__PURE__ */ s.createElement(c, { props: l }, i));
+};
+export {
+  x as Avatar,
+  x as default
+};

package/dist/Badge.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const Badge: FC<BadgeProps>;
+export { Badge }
+export default Badge;
+
+export declare interface BadgeProps extends PropsWithChildren, StatusVariantProps {
+    className?: string;
+}
+
+declare interface StatusVariantProps<TOmit extends Variant = never> {
+    variant?: Exclude<Variant, TOmit>;
+}
+
+declare type Variant = "info" | "success" | "warning" | "danger";
+
+export { }

package/dist/Badge.js

@@ -0,0 +1,39 @@
+"use client"
+/* */
+import o from "react";
+import { c as i } from "./clsx-F0OAuoLf.js";
+import { S as l } from "./StatusIcon-R1Q9m-y9.js";
+import { T as p } from "./Text-ZKs-d7Xd.js";
+import "./propsContext-1HT-3SRC.js";
+import { P as d } from "./PropsContextProvider-1ZntTV8J.js";
+import "@react-aria/utils";
+import "./Icon-ZFuEzyOR.js";
+import "@fortawesome/react-fontawesome";
+import "html-react-parser";
+import "./useProps-5ZdbXCrH.js";
+import "react-aria";
+import "react-aria-components";
+const f = "flow--badge", g = "flow--badge--content", u = "flow--badge--custom-icon", b = "flow--badge--status-icon", w = "flow--badge--info", I = "flow--badge--success", x = "flow--badge--warning", N = "flow--badge--danger", t = {
+  badge: f,
+  content: g,
+  customIcon: u,
+  statusIcon: b,
+  info: w,
+  success: I,
+  warning: x,
+  danger: N
+}, z = (n) => {
+  const { children: s, className: c, variant: e = "info", ...a } = n, r = i(t.badge, t[e], c), m = {
+    Icon: {
+      className: t.customIcon
+    },
+    Text: {
+      className: t.content
+    }
+  };
+  return /* @__PURE__ */ o.createElement("div", { className: r, ...a }, /* @__PURE__ */ o.createElement(l, { className: t.statusIcon, variant: e }), /* @__PURE__ */ o.createElement(d, { props: m }, typeof s == "string" ? /* @__PURE__ */ o.createElement(p, null, s) : s));
+};
+export {
+  z as Badge,
+  z as default
+};

package/dist/Button-e6_nSMC7.js

@@ -0,0 +1,41 @@
+"use client"
+/* */
+import o from "react";
+import * as i from "react-aria-components";
+import { c as p } from "./clsx-F0OAuoLf.js";
+import "./propsContext-1HT-3SRC.js";
+import { P as u } from "./PropsContextProvider-1ZntTV8J.js";
+import { u as f } from "./useProps-5ZdbXCrH.js";
+const d = "flow--button", b = "flow--button--icon", w = "flow--button--small", y = "flow--button--primary", x = "flow--button--accent", P = "flow--button--danger", B = "flow--button--secondary", N = "flow--button--plain", t = {
+  button: d,
+  icon: b,
+  small: w,
+  primary: y,
+  accent: x,
+  danger: P,
+  secondary: B,
+  plain: N
+}, A = (n) => {
+  const {
+    variant: r = "primary",
+    children: s,
+    className: a,
+    small: c,
+    ...e
+  } = f("Button", n), l = p(
+    t.button,
+    c && t.small,
+    t[r],
+    a
+  ), m = {
+    Icon: {
+      className: t.icon,
+      "aria-hidden": !0,
+      fixedWidth: !0
+    }
+  };
+  return /* @__PURE__ */ o.createElement(i.Button, { className: l, ...e }, /* @__PURE__ */ o.createElement(u, { props: m }, s));
+};
+export {
+  A as B
+};

package/dist/Button.d.ts

@@ -0,0 +1,15 @@
+import * as Aria from 'react-aria-components';
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const Button: FC<ButtonProps>;
+export { Button }
+export default Button;
+
+export declare interface ButtonProps extends PropsWithChildren<Aria.ButtonProps> {
+    /** @default "primary" */
+    variant?: "primary" | "accent" | "secondary" | "danger" | "plain";
+    small?: boolean;
+}
+
+export { }

package/dist/Button.js

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { B as o } from "./Button-e6_nSMC7.js";
+import "react";
+import "react-aria-components";
+import "./clsx-F0OAuoLf.js";
+import "./propsContext-1HT-3SRC.js";
+import "./PropsContextProvider-1ZntTV8J.js";
+import "@react-aria/utils";
+import "./useProps-5ZdbXCrH.js";
+export {
+  o as Button,
+  o as default
+};

package/dist/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import * as Aria from 'react-aria-components';
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const Checkbox: FC<CheckboxProps>;
+export { Checkbox }
+export default Checkbox;
+
+export declare interface CheckboxProps extends PropsWithChildren<Omit<Aria.CheckboxProps, "children">> {
+}
+
+export { }

package/dist/Checkbox.js

@@ -0,0 +1,76 @@
+"use client"
+/* */
+import f from "react";
+import * as d from "react-aria-components";
+import { c as v } from "./clsx-F0OAuoLf.js";
+import { I as s } from "./Icon-ZFuEzyOR.js";
+import "@fortawesome/react-fontawesome";
+import "html-react-parser";
+import "./propsContext-1HT-3SRC.js";
+import "@react-aria/utils";
+import "./useProps-5ZdbXCrH.js";
+const k = "flow--checkbox", g = "flow--checkbox--checkmark", u = {
+  checkbox: k,
+  checkmark: g
+};
+var o = {}, m = {};
+(function(a) {
+  Object.defineProperty(a, "__esModule", { value: !0 });
+  var e = "far", i = "square-check", n = 448, r = 512, c = [9745, 9989, 61510, "check-square"], h = "f14a", t = "M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z";
+  a.definition = {
+    prefix: e,
+    iconName: i,
+    icon: [
+      n,
+      r,
+      c,
+      h,
+      t
+    ]
+  }, a.faSquareCheck = a.definition, a.prefix = e, a.iconName = i, a.width = n, a.height = r, a.ligatures = c, a.unicode = h, a.svgPathData = t, a.aliases = c;
+})(m);
+(function(a) {
+  Object.defineProperty(a, "__esModule", { value: !0 });
+  var e = m;
+  a.definition = {
+    prefix: e.prefix,
+    iconName: e.iconName,
+    icon: [
+      e.width,
+      e.height,
+      e.aliases,
+      e.unicode,
+      e.svgPathData
+    ]
+  }, a.faCheckSquare = a.definition, a.prefix = e.prefix, a.iconName = e.iconName, a.width = e.width, a.height = e.height, a.ligatures = e.aliases, a.unicode = e.unicode, a.svgPathData = e.svgPathData, a.aliases = e.aliases;
+})(o);
+var l = {};
+(function(a) {
+  Object.defineProperty(a, "__esModule", { value: !0 });
+  var e = "far", i = "square", n = 448, r = 512, c = [9632, 9723, 9724, 61590], h = "f0c8", t = "M384 80c8.8 0 16 7.2 16 16V416c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V96c0-8.8 7.2-16 16-16H384zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z";
+  a.definition = {
+    prefix: e,
+    iconName: i,
+    icon: [
+      n,
+      r,
+      c,
+      h,
+      t
+    ]
+  }, a.faSquare = a.definition, a.prefix = e, a.iconName = i, a.width = n, a.height = r, a.ligatures = c, a.unicode = h, a.svgPathData = t, a.aliases = c;
+})(l);
+const S = (a) => {
+  const { children: e, className: i, ...n } = a, r = v(u.checkbox, i);
+  return /* @__PURE__ */ f.createElement(d.Checkbox, { ...n, className: r }, ({ isSelected: c }) => /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement(
+    s,
+    {
+      className: u.checkmark,
+      faIcon: c ? o.faCheckSquare : l.faSquare
+    }
+  ), e));
+};
+export {
+  S as Checkbox,
+  S as default
+};

package/dist/Content.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from 'react';
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const Content: FC<ContentProps>;
+export { Content }
+export default Content;
+
+export declare interface ContentProps extends PropsWithChildren<ComponentProps<"div">> {
+    elementType?: string;
+}
+
+export { }

package/dist/Content.js

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import r, { createElement as l } from "react";
+import { p as s } from "./propsContext-1HT-3SRC.js";
+import "@react-aria/utils";
+import { u as c } from "./useProps-5ZdbXCrH.js";
+const m = (e) => {
+  const { children: t } = e;
+  return /* @__PURE__ */ r.createElement(s.Provider, { value: {} }, t);
+}, d = (e) => {
+  const { children: t, elementType: n = "div", ...o } = c("Content", e);
+  return l(n, {
+    ...o,
+    children: /* @__PURE__ */ r.createElement(m, null, t)
+  });
+};
+export {
+  d as Content,
+  d as default
+};

package/dist/CopyToClipboardButton.d.ts

@@ -0,0 +1,20 @@
+import * as Aria from 'react-aria-components';
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
+
+declare interface ButtonProps extends PropsWithChildren<Aria.ButtonProps> {
+    /** @default "primary" */
+    variant?: "primary" | "accent" | "secondary" | "danger" | "plain";
+    small?: boolean;
+}
+
+declare const CopyToClipboardButton: FC<CopyToClipboardButtonProps>;
+export { CopyToClipboardButton }
+export default CopyToClipboardButton;
+
+export declare interface CopyToClipboardButtonProps extends Omit<ButtonProps, "onPress" | "aria-label"> {
+    text: ReactNode;
+}
+
+export { }

package/dist/CopyToClipboardButton.js

@@ -0,0 +1,140 @@
+"use client"
+/* */
+import f, { isValidElement as l, Children as p, cloneElement as b } from "react";
+import { B as S } from "./Button-e6_nSMC7.js";
+import { I as R } from "./Icon-ZFuEzyOR.js";
+import { useLocalizedStringFormatter as B } from "react-aria";
+import { T as P } from "./Tooltip-tMnxO0-t.js";
+import { T as $ } from "./TooltipTrigger-r60QhGZc.js";
+import "./propsContext-1HT-3SRC.js";
+import "@react-aria/utils";
+import { u as H } from "./useProps-5ZdbXCrH.js";
+import "react-aria-components";
+import "./clsx-F0OAuoLf.js";
+import "./PropsContextProvider-1ZntTV8J.js";
+import "@fortawesome/react-fontawesome";
+import "html-react-parser";
+function k(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var M = function() {
+  var e = document.getSelection();
+  if (!e.rangeCount)
+    return function() {
+    };
+  for (var t = document.activeElement, r = [], o = 0; o < e.rangeCount; o++)
+    r.push(e.getRangeAt(o));
+  switch (t.tagName.toUpperCase()) {
+    case "INPUT":
+    case "TEXTAREA":
+      t.blur();
+      break;
+    default:
+      t = null;
+      break;
+  }
+  return e.removeAllRanges(), function() {
+    e.type === "Caret" && e.removeAllRanges(), e.rangeCount || r.forEach(function(n) {
+      e.addRange(n);
+    }), t && t.focus();
+  };
+}, I = M, v = {
+  "text/plain": "Text",
+  "text/html": "Url",
+  default: "Text"
+}, x = "Copy to clipboard: #{key}, Enter";
+function F(e) {
+  var t = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
+  return e.replace(/#{\s*key\s*}/g, t);
+}
+function U(e, t) {
+  var r, o, n, c, i, a, m = !1;
+  t || (t = {}), r = t.debug || !1;
+  try {
+    n = I(), c = document.createRange(), i = document.getSelection(), a = document.createElement("span"), a.textContent = e, a.ariaHidden = "true", a.style.all = "unset", a.style.position = "fixed", a.style.top = 0, a.style.clip = "rect(0, 0, 0, 0)", a.style.whiteSpace = "pre", a.style.webkitUserSelect = "text", a.style.MozUserSelect = "text", a.style.msUserSelect = "text", a.style.userSelect = "text", a.addEventListener("copy", function(s) {
+      if (s.stopPropagation(), t.format)
+        if (s.preventDefault(), typeof s.clipboardData > "u") {
+          r && console.warn("unable to use e.clipboardData"), r && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
+          var d = v[t.format] || v.default;
+          window.clipboardData.setData(d, e);
+        } else
+          s.clipboardData.clearData(), s.clipboardData.setData(t.format, e);
+      t.onCopy && (s.preventDefault(), t.onCopy(s.clipboardData));
+    }), document.body.appendChild(a), c.selectNodeContents(a), i.addRange(c);
+    var V = document.execCommand("copy");
+    if (!V)
+      throw new Error("copy command was unsuccessful");
+    m = !0;
+  } catch (s) {
+    r && console.error("unable to copy using execCommand: ", s), r && console.warn("trying IE specific stuff");
+    try {
+      window.clipboardData.setData(t.format || "text", e), t.onCopy && t.onCopy(window.clipboardData), m = !0;
+    } catch (d) {
+      r && console.error("unable to copy using clipboardData: ", d), r && console.error("falling back to prompt"), o = F("message" in t ? t.message : x), window.prompt(o, e);
+    }
+  } finally {
+    i && (typeof i.removeRange == "function" ? i.removeRange(c) : i.removeAllRanges()), a && document.body.removeChild(a), n();
+  }
+  return m;
+}
+var z = U;
+const L = /* @__PURE__ */ k(z);
+var E = {};
+(function(e) {
+  Object.defineProperty(e, "__esModule", { value: !0 });
+  var t = "far", r = "copy", o = 448, n = 512, c = [], i = "f0c5", a = "M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H256c35.3 0 64-28.7 64-64V416H272v32c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16 16-16H96V128H64z";
+  e.definition = {
+    prefix: t,
+    iconName: r,
+    icon: [
+      o,
+      n,
+      c,
+      i,
+      a
+    ]
+  }, e.faCopy = e.definition, e.prefix = t, e.iconName = r, e.width = o, e.height = n, e.ligatures = c, e.unicode = i, e.svgPathData = a, e.aliases = c;
+})(E);
+const O = {
+  "de-DE": {
+    "copyButton.copy": "Kopieren"
+  },
+  "en-EN": {
+    "copyButton.copy": "Copy"
+  }
+}, y = (e) => l(e) && !!e.props.children, _ = (e) => l(e) && y(e) && p.toArray(e.props.children).reduce((t, r) => t || l(r), !1), u = _, w = (e, t) => p.toArray(e).filter(t).map((r) => l(r) && u(r) ? b(r, {
+  ...r.props,
+  children: w(r.props.children, t)
+}) : r), D = w, T = (e, t) => {
+  let r;
+  return p.toArray(e).find((o, n, c) => t(o, n, c) ? (r = o, !0) : l(o) && u(o) ? (r = T(o.props.children, t), typeof r < "u") : !1), r;
+}, j = T, A = (e, t) => {
+  p.forEach(e, (r, o) => {
+    l(r) && u(r) && A(r.props.children, t), t(r, o);
+  });
+}, K = A, h = (e, t) => p.toArray(e).map((r, o, n) => l(r) && u(r) ? t(b(r, {
+  ...r.props,
+  children: h(r.props.children, t)
+})) : t(r, o, n)), J = h, X = (e, t) => p.toArray(e).filter(t), q = X, G = (e) => l(e) ? typeof e.type == "string" ? e.type : e.type.name : null, N = G, Q = (e, t = [], r = "rest") => {
+  const o = t.map((n) => typeof n == "string" ? n : n.name);
+  return p.toArray(e).reduce((n, c) => {
+    const i = N(c), a = i !== null && o.includes(i) ? i : r;
+    return typeof n[a] > "u" && (n[a] = []), n[a] = [...n[a], c], n;
+  }, {});
+}, W = Q, C = (e) => typeof e > "u" || e === null || typeof e == "boolean" || JSON.stringify(e) === "{}" ? "" : e.toString(), g = (e) => !(e instanceof Array) && !l(e) ? C(e) : p.toArray(e).reduce((t, r) => {
+  let o = "";
+  return y(r) ? o = g(r.props.children) : l(r) ? o = "" : o = C(r), t.concat(o);
+}, ""), Y = (e) => D(e, (t) => l(t)), Z = Y;
+({
+  ...p
+});
+const de = (e) => {
+  const { text: t, ...r } = H("CopyToClipboard", e), n = B(O).format("copyButton.copy"), c = () => {
+    L(g(t));
+  };
+  return /* @__PURE__ */ f.createElement($, null, /* @__PURE__ */ f.createElement(S, { onPress: c, "aria-label": n, ...r }, /* @__PURE__ */ f.createElement(R, { faIcon: E.faCopy })), /* @__PURE__ */ f.createElement(P, null, n));
+};
+export {
+  de as CopyToClipboardButton,
+  de as default
+};

package/dist/FieldDescription.d.ts

@@ -0,0 +1,12 @@
+import * as Aria from 'react-aria-components';
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const FieldDescription: FC<FieldDescriptionProps>;
+export { FieldDescription }
+export default FieldDescription;
+
+export declare interface FieldDescriptionProps extends PropsWithChildren<Omit<Aria.TextProps, "children" | "slot">> {
+}
+
+export { }

package/dist/FieldDescription.js

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import r from "react";
+import { c } from "./clsx-F0OAuoLf.js";
+import "./propsContext-1HT-3SRC.js";
+import "@react-aria/utils";
+import { u as l } from "./useProps-5ZdbXCrH.js";
+import { T as p } from "./Text-ZKs-d7Xd.js";
+import "react-aria-components";
+const m = "flow--field-description", n = {
+  fieldDescription: m
+}, F = (t) => {
+  const { children: e, className: o, ...s } = l("FieldDescription", t), i = c(n.fieldDescription, o);
+  return /* @__PURE__ */ r.createElement(p, { slot: "description", ...s, className: i }, e);
+};
+export {
+  F as FieldDescription,
+  F as default
+};

package/dist/FieldError-O1TRrMMj.js

@@ -0,0 +1,17 @@
+"use client"
+/* */
+import i from "react";
+import * as l from "react-aria-components";
+import { c as m } from "./clsx-F0OAuoLf.js";
+import "./propsContext-1HT-3SRC.js";
+import "@react-aria/utils";
+import { u as a } from "./useProps-5ZdbXCrH.js";
+const c = "flow--field-error", f = {
+  fieldError: c
+}, u = (r) => {
+  const { children: o, className: e, ...s } = a("FieldError", r), t = m(f.fieldError, e);
+  return /* @__PURE__ */ i.createElement(l.FieldError, { ...s, className: t }, o);
+};
+export {
+  u as F
+};

package/dist/FieldError.d.ts

@@ -0,0 +1,12 @@
+import * as Aria from 'react-aria-components';
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const FieldError: FC<FieldErrorProps>;
+export { FieldError }
+export default FieldError;
+
+export declare interface FieldErrorProps extends PropsWithChildren<Omit<Aria.FieldErrorProps, "children">> {
+}
+
+export { }

package/dist/FieldError.js

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import { F as o } from "./FieldError-O1TRrMMj.js";
+import "react";
+import "react-aria-components";
+import "./clsx-F0OAuoLf.js";
+import "./propsContext-1HT-3SRC.js";
+import "@react-aria/utils";
+import "./useProps-5ZdbXCrH.js";
+export {
+  o as FieldError,
+  o as default
+};

package/dist/Heading.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from 'react';
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const Heading: FC<HeadingProps>;
+export { Heading }
+export default Heading;
+
+export declare interface HeadingProps extends PropsWithChildren<ComponentProps<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">> {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+
+export { }

package/dist/Heading.js

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { createElement as n } from "react";
+import { c as i } from "./clsx-F0OAuoLf.js";
+import "./propsContext-1HT-3SRC.js";
+import "@react-aria/utils";
+import { u as m } from "./useProps-5ZdbXCrH.js";
+const c = "flow--heading", l = {
+  heading: c
+}, u = (e) => {
+  const {
+    children: s,
+    className: o,
+    level: t = 3,
+    ...a
+  } = m("Heading", e), r = i(l.heading, o);
+  return n(`h${t}`, {
+    ...a,
+    className: r,
+    children: s
+  });
+};
+export {
+  u as Heading,
+  u as default
+};

package/dist/Icon-ZFuEzyOR.js

@@ -0,0 +1,55 @@
+"use client"
+/* */
+import t, { Children as d, useMemo as g } from "react";
+import { FontAwesomeIcon as h } from "@fortawesome/react-fontawesome";
+import { c as u } from "./clsx-F0OAuoLf.js";
+import x from "html-react-parser";
+import "./propsContext-1HT-3SRC.js";
+import "@react-aria/utils";
+import { u as E } from "./useProps-5ZdbXCrH.js";
+const w = "flow--icon", b = "flow--icon--fixed-width", m = {
+  icon: w,
+  fixedWidth: b
+}, I = (n) => {
+  const o = d.toArray(x(n)).find(
+    (e) => typeof e == "object" && "type" in e && e.type === "svg"
+  );
+  if (!o)
+    throw new Error(`Invalid SVG string (got ${String(n)})`);
+  return o;
+}, F = (n) => {
+  const {
+    faIcon: o,
+    className: e,
+    "aria-label": c,
+    children: r,
+    fixedWidth: f,
+    ...p
+  } = E("Icon", n), s = {
+    ...p,
+    focusable: "false",
+    role: "img",
+    "aria-hidden": !c,
+    "aria-label": c
+  }, a = {
+    className: u(m.icon, e, {
+      [m.fixedWidth]: f
+    })
+  };
+  if (o)
+    return /* @__PURE__ */ t.createElement("span", { ...a }, /* @__PURE__ */ t.createElement(h, { icon: o, ...s }));
+  const l = typeof r == "string", i = g(
+    () => l ? I(r) : r,
+    [l, r]
+  );
+  if (!t.isValidElement(i))
+    throw new Error(
+      `Expected children of Icon component to be a valid React element (got ${String(
+        i
+      )})`
+    );
+  return /* @__PURE__ */ t.createElement("span", { ...a }, t.cloneElement(i, s));
+};
+export {
+  F as I
+};