@mittwald/flow-react-components 0.1.0-alpha.12 → 0.1.0-alpha.120

package/dist/Accordion-OIqrGajq.js

@@ -0,0 +1,77 @@
+"use client"
+/* */
+import e, { useState as E, useId as a } from "react";
+import I from "clsx";
+import "./propsContext-CauylOgH.js";
+import { P as N } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+import { d } from "./dynamic-ClpUSmEt.js";
+import { B as w } from "./Button-BCQWyOr4.js";
+import "@tabler/icons-react";
+import "./Icon-BI5DQvoY.js";
+import { I as y } from "./IconChevronDown-B47aUcVu.js";
+import { TunnelProvider as B, TunnelExit as C } from "@mittwald/react-tunnel";
+import { A as P } from "./Activity-CmfZpgOM.js";
+const A = "flow--accordion", b = "flow--accordion--header", g = "flow--accordion--header-button", D = "flow--accordion--content", T = "flow--accordion--content-inner", H = "flow--accordion--chevron", L = "flow--accordion--expanded", n = {
+  accordion: A,
+  header: b,
+  headerButton: g,
+  content: D,
+  contentInner: T,
+  chevron: H,
+  expanded: L
+}, U = (s) => {
+  const { children: i, className: l, defaultExpanded: m = !1, ...p } = s, [t, h] = E(m), f = I(
+    n.accordion,
+    t && n.expanded,
+    l
+  ), u = a(), r = a(), c = (o) => /* @__PURE__ */ e.createElement(
+    w,
+    {
+      unstyled: !0,
+      "aria-expanded": t,
+      className: n.headerButton,
+      onPress: () => h((v) => !v),
+      "aria-controls": r
+    },
+    o,
+    /* @__PURE__ */ e.createElement(y, { className: n.chevron })
+  ), x = {
+    Content: {
+      className: n.contentInner,
+      tunnelId: "content"
+    },
+    Heading: {
+      className: n.header,
+      level: 4,
+      children: d((o) => c(o.children))
+    },
+    Label: {
+      className: n.header,
+      children: d((o) => c(o.children))
+    }
+  };
+  return /* @__PURE__ */ e.createElement("div", { ...p, className: f }, /* @__PURE__ */ e.createElement(
+    N,
+    {
+      mergeInParentContext: !0,
+      props: x,
+      dependencies: [t]
+    },
+    /* @__PURE__ */ e.createElement(B, null, i, /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        "aria-labelledby": u,
+        id: r,
+        role: "region",
+        hidden: !t,
+        className: n.content
+      },
+      /* @__PURE__ */ e.createElement(P, { isActive: t, inactiveDelay: 1e3 }, /* @__PURE__ */ e.createElement(C, { id: "content" }))
+    ))
+  ));
+};
+export {
+  U as A
+};

package/dist/Accordion.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { A as r } from "./Accordion-OIqrGajq.js";
+export {
+  r as Accordion,
+  r as default
+};

package/dist/Action-5b_DWWiS.js

@@ -0,0 +1,191 @@
+"use client"
+/* */
+var C = Object.defineProperty;
+var E = (t, e, n) => e in t ? C(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var f = (t, e, n) => (E(t, typeof e != "symbol" ? e + "" : e, n), n);
+import c, { useRef as D, useMemo as g, useState as w, useEffect as P } from "react";
+import "./propsContext-CauylOgH.js";
+import { P as x } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import { values as M, omit as O } from "remeda";
+import { u as R, O as B } from "./index-0qLHBjoi.js";
+import { u as I, A as T } from "./context-DJetA3qV.js";
+import { TunnelProvider as N, TunnelExit as $ } from "@mittwald/react-tunnel";
+import { makeObservable as G, observable as H, action as L } from "mobx";
+import { u as U } from "./useSelector-DpU7_HMO.js";
+const b = (t) => (...e) => {
+  const n = [...t], s = n.shift();
+  if (s) {
+    const o = s(...e), r = () => n.length === 0 ? o : b(n)(...e);
+    return o instanceof Promise ? o.then(r) : r();
+  }
+}, F = "flowBreakActionMarker";
+function j(t) {
+  return !!t && t instanceof Error && t.message === F;
+}
+const q = () => {
+  throw new Error(F);
+}, v = {
+  pending: 1e3,
+  succeeded: 1500,
+  failed: 2e3
+};
+class z {
+  constructor(e, n, s = {}) {
+    f(this, "options");
+    f(this, "state");
+    f(this, "args");
+    f(this, "isDone", !1);
+    f(this, "error");
+    const {
+      resetAfterDone: o = !0,
+      onFeedbackDone: r = () => {
+      },
+      showFeedback: d = !1
+    } = s;
+    this.state = e, this.args = n, this.options = { resetAfterDone: o, onFeedbackDone: r, showFeedback: d };
+  }
+  onAsyncStart() {
+    this.options.showFeedback = !0, this.state.updateState("isExecuting"), setTimeout(() => this.startPending(), v.pending);
+  }
+  onSucceeded() {
+    this.onDone();
+  }
+  onFailed(e) {
+    this.error = e ?? new Error("Unknown error"), console.error(e), this.onDone();
+  }
+  startFailedFeedback() {
+    j(this.error) ? this.resetAfterDone() : (this.state.updateState("isFailed"), setTimeout(() => this.resetAfterDone(), v.failed));
+  }
+  startSucceededFeedback() {
+    this.state.updateState("isSucceeded"), setTimeout(() => this.resetAfterDone(), v.succeeded);
+  }
+  resetAfterDone() {
+    this.options.resetAfterDone && this.state.updateState("isIdle"), this.error || this.options.onFeedbackDone(...this.args);
+  }
+  onDone() {
+    this.isDone = !0, this.options.showFeedback ? this.error ? this.startFailedFeedback() : this.startSucceededFeedback() : this.resetAfterDone();
+  }
+  startPending() {
+    this.isDone || this.state.updateState("isPending");
+  }
+}
+class k {
+  constructor() {
+    f(this, "state", "isIdle");
+    G(this, {
+      state: H,
+      updateState: L
+    });
+  }
+  static useNew() {
+    return D(new k()).current;
+  }
+  updateState(e) {
+    this.state = e;
+  }
+  useState() {
+    return U(() => this.state, [this]);
+  }
+}
+const J = () => {
+}, K = (t) => {
+  const {
+    action: e,
+    toggleOverlay: n,
+    openOverlay: s,
+    closeOverlay: o,
+    break: r
+  } = t, d = R(), i = (m) => typeof m == "boolean" ? d : m;
+  return e || (n ? i(n).toggle : s ? i(s).open : o ? i(o).close : r ? q : J);
+}, h = () => {
+}, Q = (t, e = {}) => {
+  const {
+    onSync: n = h,
+    onAsync: s = h,
+    then: o = h,
+    catch: r = h,
+    finally: d = h
+  } = e;
+  try {
+    const i = t();
+    return i instanceof Promise ? (s(), i.then(o).catch(r).finally(d)) : (n(), o(i), d(), i);
+  } catch (i) {
+    n(), r(i), d();
+  }
+}, V = (t) => {
+  const { isConfirmationAction: e, showFeedback: n } = t, s = K(t), o = I(), r = k.useNew(), d = !e, i = e ? void 0 : o, m = e ? o : void 0, u = b([s, i]), l = (...y) => {
+    const p = new z(r, y, {
+      onFeedbackDone: m,
+      resetAfterDone: d,
+      showFeedback: n
+    });
+    return Q(u, {
+      onAsync: () => p.onAsyncStart(),
+      then: () => p.onSucceeded(),
+      catch: (S) => p.onFailed(S)
+    });
+  }, a = M(O(t, ["children"]));
+  return g(
+    () => ({
+      callAction: l,
+      state: r
+    }),
+    a
+  );
+}, A = (t) => {
+  const [e, n] = w(!1), s = B.useNew(), o = V(t), r = e ? s.open : o.callAction, m = {
+    Link: {
+      onPress: r
+    },
+    Button: {
+      onPress: r,
+      render: (u, l) => {
+        const a = o.state.useState();
+        return /* @__PURE__ */ c.createElement(
+          u,
+          {
+            ...l,
+            isPending: a === "isPending" ? !0 : void 0,
+            "aria-disabled": a !== "isIdle" ? !0 : void 0,
+            isSucceeded: a === "isSucceeded" ? !0 : void 0,
+            isFailed: a === "isFailed" ? !0 : void 0
+          }
+        );
+      }
+    },
+    Modal: {
+      tunnelId: "outsideActionProvider",
+      render: (u, l) => {
+        const a = l.slot === "actionConfirm";
+        return P(() => {
+          if (a)
+            return n(!0), () => {
+              n(!1);
+            };
+        }, [a]), a ? /* @__PURE__ */ c.createElement(u, { controller: s, ...l }) : /* @__PURE__ */ c.createElement(u, { ...l });
+      },
+      ButtonGroup: {
+        Button: {
+          render: (u, l) => {
+            const { color: a } = l;
+            return a === "secondary" ? /* @__PURE__ */ c.createElement(A, { break: !0 }, /* @__PURE__ */ c.createElement(A, { closeOverlay: !0 }, /* @__PURE__ */ c.createElement(u, { ...l }))) : /* @__PURE__ */ c.createElement(A, { closeOverlay: !0 }, /* @__PURE__ */ c.createElement(A, { ...t, isConfirmationAction: !0 }, /* @__PURE__ */ c.createElement(u, { ...l })));
+          }
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ c.createElement(N, null, /* @__PURE__ */ c.createElement(
+    x,
+    {
+      props: m,
+      dependencies: [e, o],
+      mergeInParentContext: !0
+    },
+    /* @__PURE__ */ c.createElement(T, { value: r }, t.children),
+    /* @__PURE__ */ c.createElement($, { id: "outsideActionProvider" })
+  ));
+};
+export {
+  A
+};

package/dist/Action.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { A as t } from "./Action-5b_DWWiS.js";
+export {
+  t as Action,
+  t as default
+};

package/dist/Activity-CmfZpgOM.js

@@ -0,0 +1,28 @@
+"use client"
+/* */
+import n, { lazy as a, useState as m, useEffect as f, Suspense as v } from "react";
+import { useIsSSR as S } from "react-aria";
+const A = new Promise(
+  () => {
+  }
+), p = a(() => A), E = (c) => {
+  const { children: s, isActive: e = !0, inactiveDelay: t } = c, [o, i] = m(e), l = S();
+  f(() => {
+    if (t)
+      if (e)
+        i(!0);
+      else {
+        const u = setTimeout(() => {
+          i(!1);
+        }, t);
+        return () => {
+          clearTimeout(u);
+        };
+      }
+  }, [e, t]);
+  const r = t ? o : e;
+  return l ? r ? s : null : /* @__PURE__ */ n.createElement(v, { fallback: null }, s, !r && /* @__PURE__ */ n.createElement(p, null));
+};
+export {
+  E as A
+};

package/dist/Avatar.js

@@ -1,25 +1,54 @@
 "use client"
 /* */
-import s from "react";
-import { c as n } from "./clsx-DB4S2d7J.js";
-import "./propsContext-Dx7WKmmM.js";
-import { P as c } from "./PropsContextProvider-CEoxD8yK.js";
+import i, { isValidElement as m } from "react";
+import p from "clsx";
+import { C as v } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as c } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
-const m = "flow--avatar", p = "flow--avatar--initials", a = {
-  avatar: m,
-  initials: p,
-  "size-s": "flow--avatar--size-s",
+import "./propsContext-CauylOgH.js";
+import "remeda";
+import { hash as f } from "object-code";
+import { deepForEach as w } from "react-children-utilities";
+import { f as z } from "./flowComponent-DZ4pwhof.js";
+const d = "flow--avatar", C = "flow--avatar--icon", h = "flow--avatar--initials", r = {
+  avatar: d,
+  icon: C,
+  initials: h,
   "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 = {
+  "size-xs": "flow--avatar--size-xs",
+  "size-s": "flow--avatar--size-s",
+  "size-l": "flow--avatar--size-l",
+  "variant-1": "flow--avatar--variant-1",
+  "variant-2": "flow--avatar--variant-2",
+  "variant-3": "flow--avatar--variant-3",
+  "variant-4": "flow--avatar--variant-4"
+}, x = (o) => {
+  const a = [];
+  w(o, (t) => {
+    m(t) ? a.push({
+      props: t.props,
+      type: t.type
+    }) : a.push(t);
+  });
+  const s = f(a);
+  return Math.abs(s % 4) + 1;
+}, V = z("Avatar", (o) => {
+  const { children: a, className: s, variant: t, size: e = "m" } = o, n = p(
+    r.avatar,
+    r[`size-${e}`],
+    s,
+    r[`variant-${t ?? x(a)}`]
+  ), l = {
     Initials: {
-      className: a.initials
+      className: r.initials
+    },
+    Icon: {
+      className: r.icon
     }
   };
-  return /* @__PURE__ */ s.createElement("div", { className: r }, /* @__PURE__ */ s.createElement(c, { props: l }, i));
-};
+  return /* @__PURE__ */ i.createElement(v, null, /* @__PURE__ */ i.createElement("div", { className: n }, /* @__PURE__ */ i.createElement(c, { props: l }, a)));
+});
 export {
-  x as Avatar,
-  x as default
+  V as Avatar,
+  V as default
 };

package/dist/Breadcrumb.js

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

package/dist/Button-BCQWyOr4.js

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

package/dist/Button.js

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

package/dist/ButtonGroup.js

@@ -0,0 +1,33 @@
+"use client"
+/* */
+import o from "react";
+import { C as m } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as l } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "./propsContext-CauylOgH.js";
+import "remeda";
+import { d as i } from "./dynamic-ClpUSmEt.js";
+import r from "clsx";
+import { f as b } from "./flowComponent-DZ4pwhof.js";
+const d = "flow--button-group--button-group-container", f = "flow--button-group", C = "flow--button-group--button", G = "flow--button-group--secondary", t = {
+  buttonGroupContainer: d,
+  buttonGroup: f,
+  button: C,
+  secondary: G
+}, h = b("ButtonGroup", (n) => {
+  const { children: e, className: s, ...u } = n, a = r(t.buttonGroupContainer, s), p = {
+    Button: {
+      className: i(
+        (c) => r(
+          t.button,
+          c.color === "secondary" ? t.secondary : void 0
+        )
+      )
+    }
+  };
+  return /* @__PURE__ */ o.createElement(m, null, /* @__PURE__ */ o.createElement("div", { ...u, className: a }, /* @__PURE__ */ o.createElement("div", { className: t.buttonGroup, role: "group" }, /* @__PURE__ */ o.createElement(l, { props: p }, e))));
+});
+export {
+  h as ButtonGroup,
+  h as default
+};

package/dist/Checkbox-D0OKOlbQ.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-BI5DQvoY.js";
+import { I as x, a as h } from "./IconCheckboxEmpty-DS-0Y9DS.js";
+import { I as C } from "./IconCheckboxIndeterminate-Coqmr05a.js";
+import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as k } from "./flowComponent-DZ4pwhof.js";
+const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
+  checkbox: b,
+  icon: E
+}, q = k("Checkbox", (c) => {
+  const { children: t, className: r, ref: m, ...a } = c, n = p(o.checkbox, r);
+  return /* @__PURE__ */ e.createElement(f, 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(C, { className: o.icon }) : /* @__PURE__ */ e.createElement(h, { className: o.icon }), t)));
+});
+export {
+  q as C
+};

package/dist/Checkbox.js

@@ -1,71 +1,7 @@
 "use client"
 /* */
-import t from "react";
-import * as d from "react-aria-components";
-import { c as v } from "./clsx-DB4S2d7J.js";
-import { I as s } from "./Icon-Dp34FFi3.js";
-const k = "flow--checkbox", g = "flow--checkbox--checkmark", u = {
-  checkbox: k,
-  checkmark: g
-};
-var l = {}, o = {};
-(function(a) {
-  Object.defineProperty(a, "__esModule", { value: !0 });
-  var e = "far", i = "square-check", n = 448, h = 512, c = [9745, 9989, 61510, "check-square"], r = "f14a", f = "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,
-      h,
-      c,
-      r,
-      f
-    ]
-  }, a.faSquareCheck = a.definition, a.prefix = e, a.iconName = i, a.width = n, a.height = h, a.ligatures = c, a.unicode = r, a.svgPathData = f, a.aliases = c;
-})(o);
-(function(a) {
-  Object.defineProperty(a, "__esModule", { value: !0 });
-  var e = o;
-  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;
-})(l);
-var m = {};
-(function(a) {
-  Object.defineProperty(a, "__esModule", { value: !0 });
-  var e = "far", i = "square", n = 448, h = 512, c = [9632, 9723, 9724, 61590], r = "f0c8", f = "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,
-      h,
-      c,
-      r,
-      f
-    ]
-  }, a.faSquare = a.definition, a.prefix = e, a.iconName = i, a.width = n, a.height = h, a.ligatures = c, a.unicode = r, a.svgPathData = f, a.aliases = c;
-})(m);
-const C = (a) => {
-  const { children: e, className: i, ...n } = a, h = v(u.checkbox, i);
-  return /* @__PURE__ */ t.createElement(d.Checkbox, { ...n, className: h }, ({ isSelected: c }) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
-    s,
-    {
-      className: u.checkmark,
-      faIcon: c ? l.faCheckSquare : m.faSquare
-    }
-  ), e));
-};
+import { C as a } from "./Checkbox-D0OKOlbQ.js";
 export {
-  C as Checkbox,
-  C as default
+  a as Checkbox,
+  a as default
 };