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

package/dist/js/ProgressBar.js

@@ -0,0 +1,50 @@
+"use client"
+/* */
+import * as w from "react-aria-components";
+import s from "react";
+import d from "clsx";
+import { useLocalizedStringFormatter as N, useNumberFormatter as v } from "react-aria";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as x } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+const B = "flow--progress-bar", E = "flow--progress-bar--label", z = "flow--progress-bar--value", P = "flow--progress-bar--bar", V = "flow--progress-bar--fill", $ = "flow--progress-bar--info", h = "flow--progress-bar--success", y = "flow--progress-bar--danger", C = "flow--progress-bar--warning", r = {
+  progressBar: B,
+  label: E,
+  value: z,
+  bar: P,
+  fill: V,
+  "size-s": "flow--progress-bar--size-s",
+  info: $,
+  success: h,
+  danger: y,
+  warning: C
+}, F = { "de-DE": {
+  "progressBar.of": "von"
+}, "en-EN": {
+  "progressBar.of": "of"
+} }, j = (e) => {
+  const {
+    children: t,
+    className: l,
+    status: n = "info",
+    showMaxValue: c,
+    size: m = "m",
+    ...i
+  } = e, f = d(
+    l,
+    r.progressBar,
+    r[`size-${m}`],
+    r[n]
+  ), g = N(F), p = v(e.formatOptions), o = c && e.maxValue ? p.format(e.maxValue) : void 0, b = {
+    Label: {
+      className: r.label,
+      unstyled: !0
+    }
+  };
+  return /* @__PURE__ */ s.createElement(w.ProgressBar, { className: f, ...i }, ({ percentage: u, valueText: a }) => /* @__PURE__ */ s.createElement(x, { props: b }, t, /* @__PURE__ */ s.createElement("span", { className: r.value }, o ? `${a} ${g.format("progressBar.of")} ${o}` : a), /* @__PURE__ */ s.createElement("div", { className: r.bar }, /* @__PURE__ */ s.createElement("div", { className: r.fill, style: { width: u + "%" } }))));
+};
+export {
+  j as ProgressBar,
+  j as default
+};

package/dist/js/PropsContextProvider.js

@@ -0,0 +1,64 @@
+"use client"
+/* */
+import u, { useMemo as m, isValidElement as f, cloneElement as C } from "react";
+import { u as v, p as E } from "./propsContext-DzAKlmhS.js";
+import { mergeProps as h } from "@react-aria/utils";
+import { isObjectType as c } from "remeda";
+import { setProperty as x } from "dot-prop";
+const N = (t = {}) => (...r) => {
+  const { mergeClassNames: n = !0, mergeEventHandler: s = !0 } = t, e = h(...r);
+  if (c(e)) {
+    if (!n)
+      for (const o of r)
+        c(o) && "className" in e && "className" in o && (e.className = o.className);
+    if (!s) {
+      for (const o of r)
+        if (c(o))
+          for (const [p, a] of Object.entries(o))
+            /^on[A-Z]/.test(p) && x(e, p, a);
+    }
+  }
+  return e;
+}, b = N({
+  mergeClassNames: !1,
+  mergeEventHandler: !1
+}), j = (t = {}, r = {}) => {
+  const n = Object.keys({
+    ...t,
+    ...r
+  });
+  return Object.fromEntries(
+    n.map((s) => [
+      s,
+      b(
+        t[s],
+        r[s]
+      )
+    ])
+  );
+}, V = (t) => {
+  const {
+    props: r,
+    dependencies: n = [],
+    mergeInParentContext: s = !1,
+    children: e,
+    ...o
+  } = t, p = v(), a = m(() => r, n), i = m(
+    () => s ? j(p, r) : r,
+    [a, p, s]
+  ), l = f(e) ? {
+    ...o,
+    ...e.props
+  } : o, d = [
+    e,
+    ...Object.entries(l).flatMap((g) => g)
+  ], P = m(
+    () => f(e) ? C(e, l) : e,
+    d
+  );
+  return /* @__PURE__ */ u.createElement(E.Provider, { value: i }, P);
+};
+export {
+  V as PropsContextProvider,
+  V as default
+};

package/dist/js/RadioGroup.js

@@ -0,0 +1,86 @@
+"use client"
+/* */
+import o from "react";
+import * as N from "react-aria-components";
+import u from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as C } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { F as g } from "./FieldError-BZ6oyvAN.js";
+import { C as G } from "./ColumnLayout-Bvw578tz.js";
+import { TunnelProvider as I, TunnelExit as c } from "@mittwald/react-tunnel";
+import { f as l } from "./FormField.module-CqWpTQKP.js";
+import { d as P } from "./deepFindOfType-6pG0fH7S.js";
+import { C as R } from "./ClearPropsContext-CUvsbMn8.js";
+import "@tabler/icons-react";
+import "./Icon-C3JkDOTi.js";
+import { I as w, a as B } from "./IconRadioOn-BQIVoyg4.js";
+import { f } from "./flowComponent-E-Gp2Toe.js";
+import "dot-prop";
+const y = "flow--radio-group", m = {
+  radioGroup: y
+}, h = "flow--radio-group--radio-button", D = "flow--radio-group--radio-button--content", T = "flow--radio-group--radio-button--label", d = {
+  radioButton: h,
+  content: D,
+  label: T
+}, v = f("RadioButton", (r) => {
+  const { children: e, className: t, refProp: a, ...n } = r, s = u(d.radioButton, t), i = {
+    Text: {
+      className: d.label
+    },
+    Content: {
+      className: d.content
+    }
+  };
+  return /* @__PURE__ */ o.createElement(R, null, /* @__PURE__ */ o.createElement($, { ...n, className: s, ref: a }, /* @__PURE__ */ o.createElement(C, { props: i }, e)));
+}), _ = f("RadioGroup", (r) => {
+  const { children: e, className: t, s: a, m: n, l: s, refProp: i, ...b } = r, x = u(
+    l.formField,
+    m.radioGroupContainer,
+    t
+  ), F = {
+    Label: {
+      className: l.label
+    },
+    FieldDescription: {
+      className: l.fieldDescription,
+      tunnelId: "fieldDescription"
+    },
+    FieldError: {
+      className: l.customFieldError,
+      tunnelId: "fieldError"
+    },
+    RadioButton: {
+      tunnelId: "radios"
+    },
+    Radio: {
+      tunnelId: "radios"
+    }
+  }, E = !!P(e, v);
+  return /* @__PURE__ */ o.createElement(N.RadioGroup, { ...b, className: x, ref: i }, /* @__PURE__ */ o.createElement(I, null, /* @__PURE__ */ o.createElement(
+    C,
+    {
+      dependencies: ["radio"],
+      props: F,
+      mergeInParentContext: !0
+    },
+    e,
+    E && /* @__PURE__ */ o.createElement(G, { s: a, m: n, l: s, className: m.radioGroup }, /* @__PURE__ */ o.createElement(c, { id: "radios" })),
+    !E && /* @__PURE__ */ o.createElement("div", { className: m.radioGroup }, /* @__PURE__ */ o.createElement(c, { id: "radios" })),
+    /* @__PURE__ */ o.createElement(c, { id: "fieldDescription" }),
+    /* @__PURE__ */ o.createElement(c, { id: "fieldError" })
+  )), /* @__PURE__ */ o.createElement(g, { className: l.fieldError }));
+}), O = "flow--radio-group--radio", L = "flow--radio-group--radio--icon", p = {
+  radio: O,
+  icon: L
+}, $ = f("Radio", (r) => {
+  const { children: e, className: t, refProp: a, ...n } = r, s = u(p.radio, t);
+  return /* @__PURE__ */ o.createElement(R, null, /* @__PURE__ */ o.createElement(N.Radio, { ...n, className: s, ref: a }, ({ isSelected: i }) => /* @__PURE__ */ o.createElement(o.Fragment, null, i ? /* @__PURE__ */ o.createElement(w, { className: p.icon }) : /* @__PURE__ */ o.createElement(B, { className: p.icon }), e)));
+});
+export {
+  $ as Radio,
+  v as RadioButton,
+  _ as RadioGroup,
+  _ as default
+};

package/dist/js/Render-BdlTa7Qb.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import e from "react";
+const n = (r) => /* @__PURE__ */ e.createElement(e.Fragment, null, r.children());
+export {
+  n as R
+};

package/dist/js/Render.js

@@ -0,0 +1,6 @@
+"use client"
+/* */
+import { R as o } from "./Render-BdlTa7Qb.js";
+export {
+  o as Render
+};

package/dist/js/SearchField-Bg9uM0FY.js

@@ -0,0 +1,76 @@
+"use client"
+/* */
+import e from "react";
+import * as s from "react-aria-components";
+import { f as r } from "./FormField.module-CqWpTQKP.js";
+import f from "clsx";
+import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
+import { PropsContextProvider as h } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { F as u } from "./FieldError-BZ6oyvAN.js";
+import { f as F } from "./flowComponent-E-Gp2Toe.js";
+import { B as E } from "./Button-a4Hq_zmE.js";
+import "@tabler/icons-react";
+import "./Icon-C3JkDOTi.js";
+import { I as N } from "./IconClose-GXU9h7Kw.js";
+import { I as C } from "./IconSearch-ph_8JDDS.js";
+import { useLocalizedStringFormatter as S } from "react-aria";
+const I = "flow--search-field", w = "flow--search-field--clear-button", x = "flow--search-field--search-icon", B = "flow--search-field--input-container", b = "flow--search-field--input", t = {
+  searchField: I,
+  clearButton: w,
+  searchIcon: x,
+  inputContainer: B,
+  input: b
+}, P = { "de-DE": {
+  "searchField.search": "Suche"
+}, "en-EN": {
+  "searchField.search": "Search"
+} }, O = F("SearchField", (o) => {
+  const { children: c, className: l, refProp: i, ...n } = o, m = f(
+    r.formField,
+    t.searchField,
+    l
+  ), a = S(P).format("searchField.search"), p = {
+    Label: {
+      className: r.label,
+      optional: !o.isRequired
+    },
+    FieldDescription: {
+      className: r.fieldDescription
+    },
+    FieldError: {
+      className: r.customFieldError
+    }
+  };
+  return /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(
+    s.SearchField,
+    {
+      "aria-label": a,
+      ...n,
+      className: m
+    },
+    /* @__PURE__ */ e.createElement(h, { props: p }, c),
+    /* @__PURE__ */ e.createElement("div", { className: t.inputContainer }, /* @__PURE__ */ e.createElement(C, { className: t.searchIcon }), /* @__PURE__ */ e.createElement(
+      s.Input,
+      {
+        placeholder: a,
+        className: t.input,
+        ref: i
+      }
+    ), /* @__PURE__ */ e.createElement(
+      E,
+      {
+        className: t.clearButton,
+        variant: "plain",
+        color: "secondary"
+      },
+      /* @__PURE__ */ e.createElement(N, null)
+    )),
+    /* @__PURE__ */ e.createElement(u, { className: r.fieldError })
+  ));
+});
+export {
+  O as S
+};

package/dist/js/SearchField.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { S as e } from "./SearchField-Bg9uM0FY.js";
+export {
+  e as SearchField,
+  e as default
+};

package/dist/js/Section-DA5veGmg.js

@@ -0,0 +1,55 @@
+"use client"
+/* */
+import e, { useId as u } from "react";
+import x from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as c } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { f as a } from "./flowComponent-E-Gp2Toe.js";
+import * as s from "react-aria-components";
+import { s as C } from "./ContextMenu.module-BZingr2B.js";
+const g = "flow--section", h = "flow--section--heading", i = {
+  section: g,
+  heading: h
+}, S = a(
+  "ContextMenuSection",
+  (n) => {
+    const { children: t } = n, o = {
+      Heading: {
+        level: 5,
+        wrapWith: /* @__PURE__ */ e.createElement(s.Header, null)
+      }
+    };
+    return /* @__PURE__ */ e.createElement(s.Section, { className: C.section }, /* @__PURE__ */ e.createElement(c, { props: o, mergeInParentContext: !0 }, t));
+  }
+), M = a("Section", (n) => {
+  const {
+    children: t,
+    className: o,
+    refProp: l,
+    renderContextMenuSection: m,
+    ...p
+  } = n;
+  if (!t)
+    return null;
+  if (m)
+    return /* @__PURE__ */ e.createElement(S, null, t);
+  const d = x(i.section, o), r = u(), f = {
+    Heading: {
+      level: 2,
+      id: r,
+      className: i.heading
+    },
+    Header: {
+      renderSectionHeader: !0
+    },
+    List: {
+      "aria-labelledby": r
+    }
+  };
+  return /* @__PURE__ */ e.createElement("section", { ...p, className: d, ref: l }, /* @__PURE__ */ e.createElement(c, { props: f, mergeInParentContext: !0 }, t));
+});
+export {
+  M as S
+};

package/dist/js/Section.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { S as t } from "./Section-DA5veGmg.js";
+export {
+  t as Section,
+  t as default
+};

package/dist/js/SegmentedControl.js

@@ -0,0 +1,82 @@
+"use client"
+/* */
+import { f as d } from "./flowComponent-E-Gp2Toe.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 "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as E } 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-BZ6oyvAN.js";
+import g from "clsx";
+import "@tabler/icons-react";
+import "./Icon-C3JkDOTi.js";
+import { I as b } from "./IconCheck-B49auJJP.js";
+import { C as w } 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 = {
+  segmentedControl: z,
+  segments: x,
+  segmentedControlContainer: S,
+  "container-breakpoint-size-xs": "flow--segmented-control--container-breakpoint-size-xs",
+  segment: h,
+  "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) => {
+  const {
+    children: r,
+    className: s,
+    containerBreakpointSize: m = "m",
+    refProp: l,
+    ...a
+  } = o, f = g(
+    t.formField,
+    n.segmentedControlContainer,
+    s,
+    n[k(m)]
+  ), C = {
+    Label: {
+      className: t.label
+    },
+    FieldDescription: {
+      className: t.fieldDescription,
+      tunnelId: "fieldDescription"
+    },
+    FieldError: {
+      className: t.customFieldError,
+      tunnelId: "fieldError"
+    },
+    Segment: {
+      tunnelId: "segments",
+      className: n.segment
+    }
+  };
+  return /* @__PURE__ */ e.createElement(p.RadioGroup, { ...a, className: f, ref: l }, /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(
+    E,
+    {
+      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 }));
+}), 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 })));
+});
+export {
+  O as Segment,
+  M as SegmentedControl,
+  M as default
+};

package/dist/js/Select.js

@@ -0,0 +1,89 @@
+"use client"
+/* */
+import e from "react";
+import * as i from "react-aria-components";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as h } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { f as c } from "./FormField.module-CqWpTQKP.js";
+import { F as w } from "./FieldError-BZ6oyvAN.js";
+import f from "clsx";
+import "@tabler/icons-react";
+import "./Icon-C3JkDOTi.js";
+import { I as F } from "./IconChevronDown-Cr-rCT6d.js";
+import { f as E } from "./flowComponent-E-Gp2Toe.js";
+import { P } from "./Popover-C4jNPNSb.js";
+import "mobx";
+import { u as C } from "./useOverlayController-D8pgx8nV.js";
+import { TunnelProvider as y, TunnelExit as I } from "@mittwald/react-tunnel";
+import { O as B } from "./OverlayTrigger-BmB63e4e.js";
+const D = "flow--select", L = "flow--select--toggle", u = {
+  select: D,
+  toggle: L
+}, b = "flow--select--options--popover", R = "flow--select--options", d = {
+  popover: b,
+  options: R
+}, T = (o) => {
+  const { className: t, children: r, ...n } = o, l = f(d.options, t), s = C("Select");
+  return /* @__PURE__ */ e.createElement(P, { className: d.popover, controller: s }, /* @__PURE__ */ e.createElement(i.ListBox, { className: l, ...n }, r));
+}, re = E("Select", (o) => {
+  const {
+    children: t,
+    className: r,
+    onChange: n = () => {
+    },
+    onSelectionChange: l = () => {
+    },
+    controller: s,
+    refProp: m,
+    ...N
+  } = o, g = f(
+    u.select,
+    c.formField,
+    r
+  ), x = {
+    Label: {
+      className: c.label,
+      optional: !o.isRequired
+    },
+    FieldDescription: {
+      className: c.fieldDescription
+    },
+    FieldError: {
+      className: c.customFieldError
+    },
+    Option: {
+      tunnelId: "options"
+    }
+  }, v = (a) => {
+    n(String(a)), l(a);
+  }, O = C("Select", {
+    reuseControllerFromContext: !0
+  }), p = s ?? O, S = p.useIsOpen();
+  return /* @__PURE__ */ e.createElement(
+    i.Select,
+    {
+      ...N,
+      className: g,
+      ref: m,
+      onSelectionChange: v,
+      onOpenChange: (a) => p.setOpen(a),
+      isOpen: S
+    },
+    /* @__PURE__ */ e.createElement(B, { type: "Select", controller: p }, /* @__PURE__ */ e.createElement(h, { props: x }, /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(i.Button, { className: u.toggle }, /* @__PURE__ */ e.createElement(i.SelectValue, null), /* @__PURE__ */ e.createElement(F, null)), t, /* @__PURE__ */ e.createElement(T, null, /* @__PURE__ */ e.createElement(I, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: c.fieldError }))))
+  );
+}), $ = "flow--select--option", q = "flow--select--option--icon", A = "flow--select--option--text", V = "flow--select--option--control-icon", j = {
+  option: $,
+  icon: q,
+  text: A,
+  controlIcon: V
+}, ne = E("Option", (o) => {
+  const { className: t, children: r, value: n, refProp: l, ...s } = o, m = f(j.option, t);
+  return /* @__PURE__ */ e.createElement(i.ListBoxItem, { className: m, ref: l, ...s, id: n }, r);
+});
+export {
+  ne as Option,
+  re as Select,
+  re as default
+};

package/dist/js/Separator.js

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import o from "react";
+import s from "clsx";
+import * as m from "react-aria-components";
+const p = "flow--separator", c = {
+  separator: p
+}, f = (r) => {
+  const { className: a, ...t } = r, e = s(c.separator, a);
+  return /* @__PURE__ */ o.createElement(m.Separator, { elementType: "hr", className: e, ...t });
+};
+export {
+  f as Separator,
+  f as default
+};

package/dist/js/SettingsProvider-D9oDS5r9.js

@@ -0,0 +1,98 @@
+"use client"
+/* */
+var y = Object.defineProperty;
+var J = (s, t, e) => t in s ? y(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var c = (s, t, e) => J(s, typeof t != "symbol" ? t + "" : t, e);
+import O, { createContext as b, useContext as v, useRef as x, useMemo as K, useEffect as j } from "react";
+import { makeAutoObservable as l, ObservableMap as a, toJS as E, autorun as P } from "mobx";
+import { getAsyncResource as R } from "@mittwald/react-use-promise";
+import { mapValues as g } from "remeda";
+const h = (s) => Object.fromEntries(s.entries());
+class i {
+  constructor(t = new a()) {
+    c(this, "settings");
+    this.settings = t, l(this);
+  }
+  set(t, e, n) {
+    this.settings.set(t, e.parse(E(n)));
+  }
+  get(t, e) {
+    return e.parse(this.settings.get(t));
+  }
+  clear(t) {
+    this.settings.delete(t);
+  }
+  get asJson() {
+    return g(h(this.settings), (t) => JSON.stringify(t));
+  }
+  static fromJson(t) {
+    return new i(
+      new a(
+        g(t, (e) => typeof e == "string" ? JSON.parse(e) : e)
+      )
+    );
+  }
+}
+class u {
+  constructor(t = new a()) {
+    c(this, "componentSettings");
+    this.componentSettings = t, l(this);
+  }
+  set(t, e, n, o) {
+    const r = this.componentSettings.get(t) ?? new i();
+    r.set(e, n, o), this.componentSettings.set(t, r);
+  }
+  get(t, e, n) {
+    return (this.componentSettings.get(t) ?? new i()).get(e, n);
+  }
+  clear(t, e) {
+    var n;
+    (n = this.componentSettings.get(t)) == null || n.clear(e);
+  }
+  get asJson() {
+    return g(h(this.componentSettings), (t) => t.asJson);
+  }
+  static fromJson(t) {
+    const e = g(t, (n) => i.fromJson(n));
+    return new u(new a(e));
+  }
+}
+class A {
+  constructor(t) {
+    c(this, "storageKey");
+    this.storageKey = t;
+  }
+  async load() {
+    const t = localStorage.getItem(this.storageKey);
+    return t === null ? {} : JSON.parse(t);
+  }
+  async store(t) {
+    localStorage.setItem(this.storageKey, JSON.stringify(t));
+  }
+}
+const I = (s) => {
+  switch (s.type) {
+    case "custom":
+      return s.store;
+    case "localStorage":
+      return new A(s.storageKey);
+  }
+  throw new Error(`Unsupported setting backend: ${s}`);
+}, p = b(void 0), F = () => v(p), L = (s) => {
+  const { children: t, id: e, ...n } = s, o = I(n), r = R(() => o.load(), [], {
+    loaderId: e
+  }), f = r.use(), m = x(Promise.resolve()), S = K(
+    () => u.fromJson(f),
+    [e]
+  ), d = () => {
+    const w = S.asJson;
+    m.current = m.current.then(async () => {
+      await o.store(w), r.refresh();
+    });
+  };
+  return j(() => P(d), [e]), /* @__PURE__ */ O.createElement(p.Provider, { value: S }, t);
+};
+export {
+  L as S,
+  F as u
+};

package/dist/js/SettingsProvider.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { S as t } from "./SettingsProvider-D9oDS5r9.js";
+export {
+  t as SettingsProvider,
+  t as default
+};

package/dist/js/Skeleton-CKLaTmDR.js

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import r from "react";
+import m from "clsx";
+const a = "flow--skeleton", c = "flow--skeleton--shimmer", i = {
+  skeleton: a,
+  shimmer: c
+}, d = (e) => {
+  const { width: s, height: t, className: o, ...l } = e, n = m(i.skeleton, o);
+  return /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      className: n,
+      "aria-hidden": !0,
+      style: { height: t, width: s },
+      ...l
+    }
+  );
+};
+export {
+  d as S
+};