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

package/dist/Icon.d.ts

@@ -0,0 +1,18 @@
+import { BackwardCompatibleOmit } from '@fortawesome/react-fontawesome';
+import { FC } from 'react';
+import { IconLookup } from '@fortawesome/fontawesome-svg-core';
+import { PropsWithChildren } from 'react';
+import { SVGAttributes } from 'react';
+
+declare const Icon: FC<IconProps>;
+export { Icon }
+export default Icon;
+
+export declare interface IconProps extends PropsWithChildren<SvgAttributeProps> {
+    faIcon?: IconLookup;
+    fixedWidth?: boolean;
+}
+
+declare type SvgAttributeProps = BackwardCompatibleOmit<SVGAttributes<SVGSVGElement>, "children" | "mask" | "transform">;
+
+export { }

package/dist/Icon.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { I as a } from "./Icon-Dp34FFi3.js";
+export {
+  a as Icon,
+  a as default
+};

package/dist/Image.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+import { FC } from 'react';
+
+declare const Image_2: FC<ImageProps>;
+export { Image_2 as Image }
+export default Image_2;
+
+export declare interface ImageProps extends ComponentProps<"img"> {
+}
+
+export { }

package/dist/Image.js

@@ -0,0 +1,11 @@
+"use client"
+/* */
+import r from "react";
+import "./propsContext-Dx7WKmmM.js";
+import "@react-aria/utils";
+import { u as t } from "./useProps-C7GIMcgB.js";
+const i = (e) => /* @__PURE__ */ r.createElement("img", { ...t("Image", e) });
+export {
+  i as Image,
+  i as default
+};

package/dist/Initials.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const Initials: FC<InitialsProps>;
+export { Initials }
+export default Initials;
+
+export declare interface InitialsProps extends PropsWithChildren<{
+    children: string;
+}> {
+    className?: string;
+}
+
+export { }

package/dist/Initials.js

@@ -0,0 +1,30 @@
+"use client"
+/* */
+import n from "react";
+import { c as m } from "./clsx-DB4S2d7J.js";
+import "./propsContext-Dx7WKmmM.js";
+import "@react-aria/utils";
+import { u as p } from "./useProps-C7GIMcgB.js";
+const f = (t) => {
+  let i = 0;
+  for (let a = 0; a < t.length; a++)
+    i += t.charCodeAt(a);
+  return i % 4 + 1;
+}, v = (t) => t.replace(/[^\p{L}\s]/giu, "").split(" ").map((i) => i.trim()[0]).filter((i) => i !== void 0).map((i) => i.toUpperCase()).slice(0, 2), u = "flow--initials", s = {
+  initials: u,
+  "variant-1": "flow--initials--variant-1",
+  "variant-2": "flow--initials--variant-2",
+  "variant-3": "flow--initials--variant-3",
+  "variant-4": "flow--initials--variant-4"
+}, E = (t) => {
+  const { children: i, className: a } = p("Initials", t), r = v(i), l = m(
+    s.initials,
+    s[`variant-${f(i)}`],
+    a
+  ), e = r.map((o, c) => /* @__PURE__ */ n.createElement("span", { key: c }, o));
+  return /* @__PURE__ */ n.createElement("div", { "aria-label": i, className: l }, e);
+};
+export {
+  E as Initials,
+  E as default
+};

package/dist/Label.d.ts

@@ -0,0 +1,13 @@
+import * as Aria from 'react-aria-components';
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const Label: FC<LabelProps>;
+export { Label }
+export default Label;
+
+export declare interface LabelProps extends PropsWithChildren<Omit<Aria.LabelProps, "children">> {
+    optional?: boolean;
+}
+
+export { }

package/dist/Label.js

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import i from "react";
+import * as m from "react-aria-components";
+import { c } from "./clsx-DB4S2d7J.js";
+import "./propsContext-Dx7WKmmM.js";
+import "@react-aria/utils";
+import { u as p } from "./useProps-C7GIMcgB.js";
+import { useLocalizedStringFormatter as b } from "react-aria";
+const f = "flow--label", u = {
+  label: f
+}, d = {
+  "de-DE": {
+    "label.optional": "(optional)"
+  },
+  "en-EN": {
+    "label.optional": "(optional)"
+  }
+}, h = (o) => {
+  const { children: t, className: a, optional: l, ...e } = p("Label", o), r = b(d), s = c(u.label, a), n = " " + r.format("label.optional");
+  return /* @__PURE__ */ i.createElement(m.Label, { ...e, className: s }, t, l && n);
+};
+export {
+  h as Label,
+  h as default
+};

package/dist/LabeledValue.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const LabeledValue: FC<LabeledValueProps>;
+export { LabeledValue }
+export default LabeledValue;
+
+export declare interface LabeledValueProps extends PropsWithChildren {
+    className?: string;
+}
+
+export { }

package/dist/LabeledValue.js

@@ -0,0 +1,32 @@
+"use client"
+/* */
+import l from "react";
+import { c } from "./clsx-DB4S2d7J.js";
+import "./propsContext-Dx7WKmmM.js";
+import { P as r } from "./PropsContextProvider-CEoxD8yK.js";
+import "@react-aria/utils";
+const p = "flow--labeled-value", m = "flow--labeled-value--copy-button", b = "flow--labeled-value--label", u = "flow--labeled-value--content", e = {
+  labeledValue: p,
+  copyButton: m,
+  label: b,
+  content: u
+}, C = (t) => {
+  const { children: o, className: a } = t, n = c(e.labeledValue, a), s = {
+    Label: {
+      className: e.label
+    },
+    Content: {
+      className: e.content
+    },
+    CopyToClipboard: {
+      className: e.copyButton,
+      variant: "plain",
+      small: !0
+    }
+  };
+  return /* @__PURE__ */ l.createElement("div", { className: n }, /* @__PURE__ */ l.createElement(r, { props: s }, o));
+};
+export {
+  C as LabeledValue,
+  C as default
+};

package/dist/Link.d.ts

@@ -0,0 +1,14 @@
+import * as Aria from 'react-aria-components';
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const Link: FC<LinkProps>;
+export { Link }
+export default Link;
+
+export declare interface LinkProps extends PropsWithChildren<Omit<Aria.LinkProps, "children">> {
+    /** @default "default" */
+    variant?: "default" | "danger";
+}
+
+export { }

package/dist/Link.js

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import e from "react";
+import * as l from "react-aria-components";
+import "./propsContext-Dx7WKmmM.js";
+import "@react-aria/utils";
+import { u as m } from "./useProps-C7GIMcgB.js";
+import { c } from "./clsx-DB4S2d7J.js";
+const p = "flow--link", f = "flow--link--primary", k = "flow--link--danger", r = {
+  link: p,
+  primary: f,
+  danger: k
+}, L = (o) => {
+  const {
+    children: t,
+    className: a,
+    variant: n = "default",
+    ...s
+  } = m("Link", o), i = c(r.link, r[n], a);
+  return /* @__PURE__ */ e.createElement(l.Link, { className: i, ...s }, t);
+};
+export {
+  L as Link,
+  L as default
+};

package/dist/Navigation.d.ts

@@ -0,0 +1,22 @@
+import { AriaMenuProps } from 'react-aria';
+import { ComponentProps } from 'react';
+import { ComponentType } from 'react';
+import { ItemProps } from 'react-stately';
+import { default as React_2 } from 'react';
+
+declare function Navigation<T extends object>(props: NavigationProps<T>): React_2.JSX.Element;
+export { Navigation }
+export default Navigation;
+
+export declare const NavigationItem: ComponentType<NavigationItemProps<never>>;
+
+export declare interface NavigationItemProps<T = never> extends ItemProps<T> {
+    isCurrent?: boolean;
+    linkComponent?: ComponentType<Omit<ComponentProps<"a">, "ref">>;
+}
+
+export declare interface NavigationProps<T = never> extends AriaMenuProps<T> {
+    className?: string;
+}
+
+export { }

package/dist/Navigation.js

@@ -0,0 +1,53 @@
+"use client"
+/* */
+import a from "react";
+import { useTreeState as p, Item as v } from "react-stately";
+import "./propsContext-Dx7WKmmM.js";
+import { P as g } from "./PropsContextProvider-CEoxD8yK.js";
+import "@react-aria/utils";
+import * as l from "remeda";
+import { useMenuItem as f, useMenu as I } from "react-aria";
+import { c as N } from "./clsx-DB4S2d7J.js";
+const x = "flow--navigation", c = {
+  navigation: x
+}, P = "flow--navigation--navigation-item", y = "flow--navigation--navigation-item--icon", k = "flow--navigation--navigation-item--text", r = {
+  navigationItem: P,
+  icon: y,
+  text: k
+}, C = (e, n, o) => {
+  const t = f(e, n, o);
+  return t.menuItemProps = l.omit(t.menuItemProps, ["role"]), t;
+};
+function E(e) {
+  const { item: n, state: o } = e, { isCurrent: t, linkComponent: m = "a" } = n.props, i = a.useRef(null), { menuItemProps: s } = C({ key: n.key }, o, i), u = {
+    Text: {
+      className: r.text
+    },
+    Icon: {
+      className: r.icon
+    }
+  };
+  return /* @__PURE__ */ a.createElement("li", { className: r.navigationItem }, /* @__PURE__ */ a.createElement(
+    m,
+    {
+      ...s,
+      ref: i,
+      "aria-current": t ? "page" : !1
+    },
+    /* @__PURE__ */ a.createElement(g, { props: u }, n.rendered)
+  ));
+}
+const d = (e, n, o) => {
+  const t = I(e, n, o);
+  return t.menuProps = l.omit(t.menuProps, ["role"]), t;
+};
+function $(e) {
+  const { className: n } = e, o = p(e), t = a.useRef(null), { menuProps: m } = d(e, o, t), i = N(c.navigation, n);
+  return /* @__PURE__ */ a.createElement("nav", { ...m, className: i, ref: t }, /* @__PURE__ */ a.createElement("ul", { className: c.list }, Array.from(o.collection).map((s) => /* @__PURE__ */ a.createElement(E, { state: o, item: s, key: s.key }))));
+}
+const b = v;
+export {
+  $ as Navigation,
+  b as NavigationItem,
+  $ as default
+};

package/dist/Note.d.ts

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

package/dist/Note.js

@@ -0,0 +1,42 @@
+"use client"
+/* */
+import t from "react";
+import "./propsContext-Dx7WKmmM.js";
+import { P as l } from "./PropsContextProvider-CEoxD8yK.js";
+import { u as m } from "./useProps-C7GIMcgB.js";
+import { c as f } from "./clsx-DB4S2d7J.js";
+import { S as d } from "./StatusIcon-B3kq3jOT.js";
+const p = "flow--note", u = "flow--note--custom-icon", g = "flow--note--status-icon", w = "flow--note--content", N = "flow--note--heading", I = "flow--note--info", h = "flow--note--warning", x = "flow--note--danger", o = {
+  note: p,
+  customIcon: u,
+  statusIcon: g,
+  content: w,
+  heading: N,
+  info: I,
+  warning: h,
+  danger: x
+}, H = (e) => {
+  const {
+    children: s,
+    className: a,
+    variant: n = "info",
+    ...c
+  } = m("Note", e), r = f(o.note, o[n], a), i = {
+    Icon: {
+      className: o.customIcon,
+      "aria-hidden": !1
+    },
+    Heading: {
+      className: o.heading,
+      level: 3
+    },
+    Content: {
+      className: o.content
+    }
+  };
+  return /* @__PURE__ */ t.createElement("aside", { ...c, className: r }, /* @__PURE__ */ t.createElement(d, { className: o.statusIcon, variant: n }), /* @__PURE__ */ t.createElement(l, { props: i }, s));
+};
+export {
+  H as Note,
+  H as default
+};

package/dist/NumberField.d.ts

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

package/dist/NumberField.js

@@ -0,0 +1,121 @@
+"use client"
+/* */
+import o from "react";
+import * as s from "react-aria-components";
+import { s as f } from "./FormField.module-DHK6nIcD.js";
+import { c as P } from "./clsx-DB4S2d7J.js";
+import "./propsContext-Dx7WKmmM.js";
+import { P as b } from "./PropsContextProvider-CEoxD8yK.js";
+import "@react-aria/utils";
+import { F as w } from "./FieldError-BAnloBK7.js";
+import { B as d } from "./Button-DibM-vns.js";
+import { I as u } from "./Icon-Dp34FFi3.js";
+const E = "flow--number-field--group", D = "flow--number-field--input", M = "flow--number-field--decrement-button", C = "flow--number-field--increment-button", m = {
+  group: E,
+  input: D,
+  decrementButton: M,
+  incrementButton: C
+};
+var v = {};
+(function(e) {
+  Object.defineProperty(e, "__esModule", { value: !0 });
+  var i = "fas", n = "chevron-up", t = 512, r = 512, a = [], c = "f077", l = "M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z";
+  e.definition = {
+    prefix: i,
+    iconName: n,
+    icon: [
+      t,
+      r,
+      a,
+      c,
+      l
+    ]
+  }, e.faChevronUp = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = l, e.aliases = a;
+})(v);
+var h = {};
+(function(e) {
+  Object.defineProperty(e, "__esModule", { value: !0 });
+  var i = "fas", n = "chevron-down", t = 512, r = 512, a = [], c = "f078", l = "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z";
+  e.definition = {
+    prefix: i,
+    iconName: n,
+    icon: [
+      t,
+      r,
+      a,
+      c,
+      l
+    ]
+  }, e.faChevronDown = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = l, e.aliases = a;
+})(h);
+var N = {};
+(function(e) {
+  Object.defineProperty(e, "__esModule", { value: !0 });
+  var i = "fas", n = "plus", t = 448, r = 512, a = [10133, 61543, "add"], c = "2b", l = "M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z";
+  e.definition = {
+    prefix: i,
+    iconName: n,
+    icon: [
+      t,
+      r,
+      a,
+      c,
+      l
+    ]
+  }, e.faPlus = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = l, e.aliases = a;
+})(N);
+var g = {};
+(function(e) {
+  Object.defineProperty(e, "__esModule", { value: !0 });
+  var i = "fas", n = "minus", t = 448, r = 512, a = [8211, 8722, 10134, "subtract"], c = "f068", l = "M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z";
+  e.definition = {
+    prefix: i,
+    iconName: n,
+    icon: [
+      t,
+      r,
+      a,
+      c,
+      l
+    ]
+  }, e.faMinus = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = l, e.aliases = a;
+})(g);
+const L = (e) => {
+  const { children: i, className: n, ...t } = e, r = P(f.formField, n), a = {
+    Label: {
+      className: f.label,
+      optional: !e.isRequired
+    },
+    FieldDescription: {
+      className: f.fieldDescription
+    },
+    FieldError: {
+      className: f.customFieldError
+    }
+  };
+  return /* @__PURE__ */ o.createElement(s.NumberField, { ...t, className: r }, /* @__PURE__ */ o.createElement(s.Group, { className: m.group }, /* @__PURE__ */ o.createElement(
+    d,
+    {
+      slot: "decrement",
+      className: m.decrementButton,
+      small: !0,
+      variant: "plain"
+    },
+    /* @__PURE__ */ o.createElement(u, { faIcon: h.faChevronDown }),
+    /* @__PURE__ */ o.createElement(u, { faIcon: g.faMinus })
+  ), /* @__PURE__ */ o.createElement(s.Input, { className: m.input }), /* @__PURE__ */ o.createElement(
+    d,
+    {
+      slot: "increment",
+      className: m.incrementButton,
+      small: !0,
+      variant: "plain"
+    },
+    /* @__PURE__ */ o.createElement(u, { faIcon: v.faChevronUp }),
+    /* @__PURE__ */ o.createElement(u, { faIcon: N.faPlus })
+  )), /* @__PURE__ */ o.createElement(b, { props: a }, i), /* @__PURE__ */ o.createElement(w, { className: m.fieldError }));
+};
+export {
+  L as NumberField,
+  L as default
+};

package/dist/PropsContextProvider-CEoxD8yK.js

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import m, { useContext as c, useMemo as i } from "react";
+import { p } from "./propsContext-Dx7WKmmM.js";
+import { mergeProps as P } from "@react-aria/utils";
+const d = (r, o) => {
+  const t = Object.keys({
+    ...r,
+    ...o
+  });
+  return Object.fromEntries(
+    t.map((e) => [
+      e,
+      P(r[e], o[e])
+    ])
+  );
+}, C = (r) => {
+  const { props: o, dependencies: t = [], children: e } = r, s = c(p), n = i(
+    () => d(s, o),
+    [s, ...t]
+  );
+  return /* @__PURE__ */ m.createElement(p.Provider, { value: n }, e);
+};
+export {
+  C as P
+};

package/dist/RadioGroup.d.ts

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

package/dist/RadioGroup.js

@@ -0,0 +1,88 @@
+"use client"
+/* */
+import t from "react";
+import * as f from "react-aria-components";
+import { c as m } from "./clsx-DB4S2d7J.js";
+import "./propsContext-Dx7WKmmM.js";
+import { P as u } from "./PropsContextProvider-CEoxD8yK.js";
+import "@react-aria/utils";
+import { F as g } from "./FieldError-BAnloBK7.js";
+import { I as N } from "./Icon-Dp34FFi3.js";
+const v = "flow--radio-group", w = "flow--radio-group--content", C = "flow--radio-group--icon", k = "flow--radio-group--label", E = "flow--radio-group--field-error", b = "flow--radio-group--custom-field-error", P = "flow--radio-group--field-description", n = {
+  radioGroup: v,
+  content: w,
+  icon: C,
+  label: k,
+  fieldError: E,
+  customFieldError: b,
+  fieldDescription: P
+}, L = (o) => {
+  const { children: e, className: i, ...r } = o, c = m(n.radioGroup, i), a = {
+    Label: {
+      className: n.label
+    },
+    FieldDescription: {
+      className: n.fieldDescription
+    },
+    FieldError: {
+      className: n.customFieldError
+    }
+  };
+  return /* @__PURE__ */ t.createElement(f.RadioGroup, { ...r, className: c }, /* @__PURE__ */ t.createElement(u, { props: a }, e), /* @__PURE__ */ t.createElement(g, { className: n.fieldError }));
+}, D = "flow--radio-group--radio", F = "flow--radio-group--radio--content", G = "flow--radio-group--radio--icon", R = "flow--radio-group--radio--checkmark", y = "flow--radio-group--radio--label", l = {
+  radio: D,
+  content: F,
+  icon: G,
+  checkmark: R,
+  label: y
+};
+var h = {}, p = {};
+(function(o) {
+  Object.defineProperty(o, "__esModule", { value: !0 });
+  var e = "far", i = "circle-check", r = 512, c = 512, a = [61533, "check-circle"], s = "f058", d = "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z";
+  o.definition = {
+    prefix: e,
+    iconName: i,
+    icon: [
+      r,
+      c,
+      a,
+      s,
+      d
+    ]
+  }, o.faCircleCheck = o.definition, o.prefix = e, o.iconName = i, o.width = r, o.height = c, o.ligatures = a, o.unicode = s, o.svgPathData = d, o.aliases = a;
+})(p);
+(function(o) {
+  Object.defineProperty(o, "__esModule", { value: !0 });
+  var e = p;
+  o.definition = {
+    prefix: e.prefix,
+    iconName: e.iconName,
+    icon: [
+      e.width,
+      e.height,
+      e.aliases,
+      e.unicode,
+      e.svgPathData
+    ]
+  }, o.faCheckCircle = o.definition, o.prefix = e.prefix, o.iconName = e.iconName, o.width = e.width, o.height = e.height, o.ligatures = e.aliases, o.unicode = e.unicode, o.svgPathData = e.svgPathData, o.aliases = e.aliases;
+})(h);
+const O = (o) => {
+  const { children: e, className: i, ...r } = o, c = m(l.radio, i), a = {
+    Icon: {
+      className: l.icon
+    },
+    Text: {
+      className: l.label
+    },
+    Content: {
+      className: l.content
+    }
+  };
+  return /* @__PURE__ */ t.createElement(f.Radio, { ...r, className: c }, /* @__PURE__ */ t.createElement(u, { props: a }, e), /* @__PURE__ */ t.createElement(N, { className: l.checkmark, faIcon: h.faCheckCircle }));
+};
+export {
+  O as Radio,
+  L as RadioGroup,
+  L as default
+};