@mittwald/flow-react-components 0.2.0-alpha.9 → 0.2.0-alpha.90

package/dist/js/SettingsProvider-Cdxs8nJP.js

@@ -1,98 +0,0 @@
-"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 x, useRef as K, useMemo as j, useEffect as v } 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 = () => x(p), L = (s) => {
-  const { children: t, id: e, ...n } = s, o = I(n), r = R(() => o.load(), [], {
-    loaderId: e
-  }), f = r.use(), m = K(Promise.resolve()), S = j(
-    () => u.fromJson(f),
-    [e]
-  ), d = () => {
-    const w = S.asJson;
-    m.current = m.current.then(async () => {
-      await o.store(w), r.refresh();
-    });
-  };
-  return v(() => P(d), [e]), /* @__PURE__ */ O.createElement(p.Provider, { value: S }, t);
-};
-export {
-  L as S,
-  F as u
-};

package/dist/js/SettingsProvider.js

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

package/dist/js/Skeleton-CKLaTmDR.js

@@ -1,22 +0,0 @@
-"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
-};

package/dist/js/Skeleton.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { S as o } from "./Skeleton-CKLaTmDR.js";
-export {
-  o as Skeleton,
-  o as default
-};

package/dist/js/SkeletonText-B5ZghZhO.js

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

package/dist/js/SkeletonText.js

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

package/dist/js/Slider.js

@@ -1,103 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import { f as E } from "./flowComponent-C9QB9J-7.js";
-import * as n from "react-aria-components";
-import h from "clsx";
-import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as v } from "./PropsContextProvider.js";
-import { B as i } from "./Button-BVX7ZUc-.js";
-import "@tabler/icons-react";
-import "html-react-parser";
-import "react-children-utilities";
-import { I as w, a as N } from "./IconPlus-CFRrNZSE.js";
-import { useLocalizedStringFormatter as k } from "react-aria";
-const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", T = "flow--slider--track", g = "flow--slider--fill", y = "flow--slider--initial-marker", F = "flow--slider--thumb", I = "flow--slider--increment", M = "flow--slider--decrement", C = "flow--slider--disabled", r = {
-  slider: x,
-  text: P,
-  value: S,
-  track: T,
-  fill: g,
-  initialMarker: y,
-  thumb: F,
-  increment: I,
-  decrement: M,
-  disabled: C
-}, z = { "de-DE": {
-  "slider.decrement": "Wert verkleinern",
-  "slider.increment": "Wert erhöhen"
-}, "en-EN": {
-  "slider.decrement": "Decrement value",
-  "slider.increment": "Increment value"
-} }, G = E("Slider", (m) => {
-  const {
-    className: c,
-    children: o,
-    name: d,
-    isDisabled: t,
-    defaultValue: l,
-    showInitialMarker: u,
-    ...f
-  } = m, p = h(
-    r.slider,
-    t && r.disabled,
-    c
-  ), s = k(z), b = {
-    Label: {
-      unstyled: !0
-    }
-  };
-  return /* @__PURE__ */ e.createElement(
-    n.Slider,
-    {
-      className: p,
-      isDisabled: t,
-      defaultValue: l,
-      ...f
-    },
-    /* @__PURE__ */ e.createElement("div", { className: r.text }, /* @__PURE__ */ e.createElement(n.SliderOutput, { className: r.value }), /* @__PURE__ */ e.createElement(v, { props: b }, o)),
-    /* @__PURE__ */ e.createElement(n.SliderTrack, { className: r.track }, ({ state: a }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-      i,
-      {
-        onPress: () => a.decrementThumb(0),
-        "aria-label": s.format("slider.decrement"),
-        size: "s",
-        variant: "plain",
-        className: r.decrement,
-        isDisabled: t,
-        excludeFromTabOrder: !0
-      },
-      /* @__PURE__ */ e.createElement(w, null)
-    ), /* @__PURE__ */ e.createElement(
-      i,
-      {
-        onPress: () => a.incrementThumb(0),
-        "aria-label": s.format("slider.increment"),
-        size: "s",
-        variant: "plain",
-        className: r.increment,
-        isDisabled: t,
-        excludeFromTabOrder: !0
-      },
-      /* @__PURE__ */ e.createElement(N, null)
-    ), /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        className: r.fill,
-        style: { width: a.getThumbPercent(0) * 100 + "%" }
-      }
-    ), u && l && typeof l == "number" && /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        className: r.initialMarker,
-        style: {
-          left: `calc(${a.getValuePercent(l) * 100}% - 2px)`
-        }
-      }
-    ), /* @__PURE__ */ e.createElement(n.SliderThumb, { name: d, className: r.thumb })))
-  );
-});
-export {
-  G as Slider,
-  G as default
-};

package/dist/js/Switch-BjUTojii.js

@@ -1,40 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import * as n from "react-aria-components";
-import p from "clsx";
-import "@tabler/icons-react";
-import "html-react-parser";
-import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
-import "./propsContext-DzAKlmhS.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { f as h } from "./flowComponent-C9QB9J-7.js";
-import "react-children-utilities";
-import { I as w } from "./IconCheck-ClZdn5Cn.js";
-import { I as b } from "./IconClose-DN0Ute9B.js";
-import { L as d } from "./Label-B5I_VPo2.js";
-const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
-  switch: "flow--switch",
-  "label-leading": "flow--switch--label-leading",
-  track: E,
-  handle: C,
-  label: N
-}, $ = h("Switch", (a) => {
-  const {
-    children: l,
-    className: o,
-    labelPosition: r = "trailing",
-    ref: s,
-    ...c
-  } = a, m = p(
-    t.switch,
-    t[`label-${r}`],
-    o
-  );
-  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(n.Switch, { ...c, className: m, ref: s }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(w, { size: "s" }) : /* @__PURE__ */ e.createElement(b, { size: "s" }))), l && /* @__PURE__ */ e.createElement(d, { className: t.label }, l))));
-});
-export {
-  $ as S
-};

package/dist/js/Switch.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { S as a } from "./Switch-BjUTojii.js";
-export {
-  a as Switch,
-  a as default
-};

package/dist/js/Table.js

@@ -1,60 +0,0 @@
-"use client"
-/* */
-import r, { Suspense as i } from "react";
-import * as n from "react-aria-components";
-import m from "clsx";
-import { S as d } from "./SkeletonText-B5ZghZhO.js";
-const f = "flow--table--table-container", u = "flow--table", w = "flow--table--column", N = "flow--table--cell", C = "flow--table--header", h = "flow--table--body", E = "flow--table--row", T = "flow--table--footer", s = {
-  tableContainer: f,
-  table: u,
-  column: w,
-  cell: N,
-  header: C,
-  body: h,
-  row: E,
-  footer: T,
-  "vertical-align-middle": "flow--table--vertical-align-middle"
-}, x = (e) => {
-  const { children: a, className: t, ...o } = e, l = m(s.body, t);
-  return /* @__PURE__ */ r.createElement(n.TableBody, { className: l, ...o }, a);
-}, H = (e) => {
-  const { children: a, className: t, rowHeader: o, ...l } = e, c = m(s.cell, t), b = /* @__PURE__ */ r.createElement(i, { fallback: /* @__PURE__ */ r.createElement(d, { width: "100px" }) }, a);
-  return o ? /* @__PURE__ */ r.createElement(p, { className: c, ...l }, b) : /* @__PURE__ */ r.createElement(n.Cell, { className: c, ...l }, b);
-}, p = (e) => {
-  const { children: a, className: t, ...o } = e, l = m(s.column, t);
-  return /* @__PURE__ */ r.createElement(n.Column, { isRowHeader: !0, className: l, ...o }, a);
-}, S = (e) => {
-  const { children: a, className: t, ...o } = e, l = m(s.header, t);
-  return /* @__PURE__ */ r.createElement(n.TableHeader, { className: l, ...o }, a);
-}, y = (e) => {
-  const { children: a, className: t, footer: o, ...l } = e;
-  return /* @__PURE__ */ r.createElement(
-    n.Row,
-    {
-      className: (c) => m(
-        s.row,
-        o && s.footer,
-        typeof t == "function" ? t(c) : t
-      ),
-      ...l
-    },
-    a
-  );
-}, k = (e) => /* @__PURE__ */ r.createElement(y, { ...e, footer: !0 }), A = (e) => {
-  const { children: a, className: t, verticalAlign: o = "top", ...l } = e, c = m(
-    s.table,
-    s[`vertical-align-${o}`],
-    t
-  );
-  return /* @__PURE__ */ r.createElement("div", { className: s.tableContainer }, /* @__PURE__ */ r.createElement(n.Table, { className: c, ...l }, a));
-};
-export {
-  A as Table,
-  x as TableBody,
-  H as TableCell,
-  p as TableColumn,
-  k as TableFooterRow,
-  S as TableHeader,
-  y as TableRow,
-  A as default
-};

package/dist/js/Tabs.js

@@ -1,166 +0,0 @@
-"use client"
-/* */
-import e, { useRef as h, useState as w, useEffect as M, useId as N, createContext as I, useContext as y } from "react";
-import * as C from "react-aria-components";
-import u from "clsx";
-import { TunnelExit as E, TunnelProvider as P, TunnelEntry as p } from "@mittwald/react-tunnel";
-import { f as O } from "./flowComponent-C9QB9J-7.js";
-import { useCallbackRef as S } from "use-callback-ref";
-import { a as A, C as B } from "./ContextMenuTrigger-Dvg67ZaR.js";
-import "./propsContext-DzAKlmhS.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import "@tabler/icons-react";
-import "html-react-parser";
-import "react-children-utilities";
-import { I as K } from "./IconContextMenu-CYVciJIG.js";
-import "invariant";
-import "object-code";
-import "react-aria";
-import "mobx";
-import "./context-BaYmTa0I.js";
-import "./Action-DEIpraQq.js";
-import "./getActionGroupSlot-CpYrpObV.js";
-import { B as L } from "./Button-BVX7ZUc-.js";
-import { T as W } from "./Text-BhUDxFAa.js";
-import { M as F } from "./MenuItem-D0jf0LCm.js";
-import { PropsContextProvider as R } from "./PropsContextProvider.js";
-import { A as v } from "./Activity-BtRjnhmA.js";
-const $ = "flow--tabs", k = "flow--tabs--list", j = {
-  tabs: $,
-  list: k
-}, q = "flow--tabs--tab-list", z = "flow--tabs--tab-list--context-menu-button", D = "flow--tabs--tab-list--titles", G = "flow--tabs--tab-list--collapsed", b = {
-  tabList: q,
-  contextMenuButton: z,
-  titles: D,
-  collapsed: G
-}, H = () => {
-  const s = h(null), [n, r] = w(!1), o = S(null, (t) => {
-    l(), c(t);
-  }), a = ([
-    t
-  ]) => {
-    t && r(!t.isIntersecting);
-  }, c = (t = o.current) => {
-    if (t && t instanceof Element) {
-      const i = new IntersectionObserver(a, {
-        root: t.parentElement,
-        // 1 = invoke callback when the element is 100% visible within the parent element
-        threshold: 1
-      });
-      s.current = i, i.observe(t);
-    }
-  }, l = () => {
-    var t;
-    (t = s.current) == null || t.disconnect();
-  };
-  return M(() => (c(), l), [s.current]), {
-    ref: o,
-    isOverflowing: n
-  };
-}, J = "flow--tabs--tab-title", Q = "flow--tabs--tab-title--text", U = "flow--tabs--tab-title--menu-item", f = {
-  tabTitle: J,
-  text: Q,
-  menuItem: U
-}, V = (s) => {
-  const { className: n, ...r } = s, o = u(n, f.tabTitle);
-  return /* @__PURE__ */ e.createElement("div", { ...r, className: o, "data-selected": !0 }, /* @__PURE__ */ e.createElement(E, { id: "ActiveTitle" }));
-}, X = (s) => {
-  const { selection: n, disabledKeys: r, onContextMenuSelectionChange: o } = s, a = N(), c = H(), l = c.isOverflowing, t = u(b.tabList, l && b.collapsed), i = (x) => {
-    o(x);
-  }, m = /* @__PURE__ */ e.createElement(C.TabList, { className: b.titles, ref: c.ref }, /* @__PURE__ */ e.createElement(E, { id: "Titles" })), d = l && /* @__PURE__ */ e.createElement(V, { id: a }), T = l && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(
-    L,
-    {
-      variant: "soft",
-      className: b.contextMenuButton,
-      color: "secondary",
-      "aria-labelledby": a
-    },
-    /* @__PURE__ */ e.createElement(K, null)
-  ), /* @__PURE__ */ e.createElement(
-    B,
-    {
-      disabledKeys: r,
-      selectedKeys: n ? [n] : void 0,
-      selectionMode: "navigation",
-      onAction: (x) => i(x)
-    },
-    /* @__PURE__ */ e.createElement(E, { id: "ContextMenuItems" })
-  ));
-  return /* @__PURE__ */ e.createElement("div", { className: t }, m, d, T);
-}, ye = O("Tabs", (s) => {
-  const {
-    children: n,
-    className: r,
-    defaultSelectedKey: o,
-    disabledKeys: a,
-    ref: c,
-    ...l
-  } = s, t = u(j.tabs, r), [i, m] = w(
-    o
-  );
-  return /* @__PURE__ */ e.createElement(P, null, n, /* @__PURE__ */ e.createElement(
-    C.Tabs,
-    {
-      slot: null,
-      className: t,
-      ...l,
-      selectedKey: i,
-      onSelectionChange: m,
-      disabledKeys: a,
-      ref: c
-    },
-    /* @__PURE__ */ e.createElement(
-      X,
-      {
-        selection: i,
-        onContextMenuSelectionChange: m,
-        disabledKeys: a
-      }
-    ),
-    /* @__PURE__ */ e.createElement(E, { id: "Panels" })
-  ));
-}), g = I({
-  id: "undefined"
-}), Y = () => y(g), Z = g.Provider, Pe = (s) => {
-  const { children: n, className: r, ...o } = s, { id: a } = Y(), c = u(f.tabTitle, r);
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(p, { id: "Titles" }, /* @__PURE__ */ e.createElement(C.Tab, { ...o, id: a, className: c }, (l) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(W, { emulateBoldWidth: !0 }, /* @__PURE__ */ e.createElement("span", { className: f.text }, n)), /* @__PURE__ */ e.createElement(p, { id: "ActiveTitle" }, l.isSelected && n)))), /* @__PURE__ */ e.createElement(p, { id: "ContextMenuItems" }, /* @__PURE__ */ e.createElement(F, { className: f.menuItem, id: a }, n)));
-}, _ = "flow--tabs--tab--tab-panel", ee = {
-  tabPanel: _
-}, Oe = (s) => {
-  const { children: n, className: r, id: o, ...a } = s, c = u(ee.tabPanel, r), l = N(), t = o ?? l, i = (m) => {
-    const d = m.state.selectedKey === t, T = {
-      Content: {
-        wrapWith: /* @__PURE__ */ e.createElement(v, { isActive: d })
-      },
-      Section: {
-        wrapWith: /* @__PURE__ */ e.createElement(v, { isActive: d })
-      }
-    };
-    return /* @__PURE__ */ e.createElement(
-      R,
-      {
-        props: T,
-        dependencies: [d, n]
-      },
-      n
-    );
-  };
-  return /* @__PURE__ */ e.createElement(p, { id: "Panels" }, /* @__PURE__ */ e.createElement(Z, { value: { id: t } }, /* @__PURE__ */ e.createElement(
-    C.TabPanel,
-    {
-      className: c,
-      shouldForceMount: !0,
-      id: t,
-      ...a
-    },
-    i
-  )));
-};
-export {
-  Oe as Tab,
-  Pe as TabTitle,
-  ye as Tabs,
-  ye as default
-};

package/dist/js/Text-BhUDxFAa.js

@@ -1,42 +0,0 @@
-"use client"
-/* */
-import t from "react";
-import * as E from "react-aria-components";
-import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
-import { PropsContextProvider as T } from "./PropsContextProvider.js";
-import "./propsContext-DzAKlmhS.js";
-import C from "invariant";
-import { f as h } from "./flowComponent-C9QB9J-7.js";
-import { E as g } from "./EmulatedBoldText-Dtox8Wd1.js";
-import { W as y } from "./Wrap-DGT1h1o3.js";
-import k from "clsx";
-const w = "flow--text", P = "flow--text--light", N = "flow--text--dark", s = {
-  text: w,
-  light: P,
-  dark: N
-}, z = h("Text", (o) => {
-  const {
-    children: a,
-    className: i,
-    elementType: e = "span",
-    emulateBoldWidth: c,
-    ref: r,
-    color: n,
-    ...p
-  } = o, f = k(s.text, n && s[n], i), m = { ...p, className: f }, x = {
-    Link: {
-      inline: !0
-    }
-  }, l = /* @__PURE__ */ t.createElement(T, { props: x }, /* @__PURE__ */ t.createElement(y, { if: c }, /* @__PURE__ */ t.createElement(g, null, a)));
-  if (!o.slot) {
-    const d = e;
-    return /* @__PURE__ */ t.createElement(d, { ...m, ref: r }, l);
-  }
-  return C(
-    typeof e == "string",
-    "'elementType' in Text component must be of type string"
-  ), /* @__PURE__ */ t.createElement(u, null, /* @__PURE__ */ t.createElement(E.Text, { ...m, elementType: e, ref: r }, l));
-});
-export {
-  z as T
-};

package/dist/js/Text.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { T as a } from "./Text-BhUDxFAa.js";
-export {
-  a as Text,
-  a as default
-};

package/dist/js/TextArea.js

@@ -1,50 +0,0 @@
-"use client"
-/* */
-import o, { useRef as h } from "react";
-import * as x from "react-aria-components";
-import { T as g } from "./TextFieldBase-CuJqUluL.js";
-import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
-import "./propsContext-DzAKlmhS.js";
-import { mergeRefs as d } from "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { f as A } from "./flowComponent-C9QB9J-7.js";
-const H = "flow--text-area", R = {
-  textArea: H
-}, F = A("TextArea", (n) => {
-  const {
-    children: i,
-    placeholder: l,
-    rows: t = 5,
-    autoResizeMaxRows: a = t,
-    ref: c,
-    ...m
-  } = n, e = h(null), s = (r) => `calc(var(--line-height--m) * ${r} + (var(--form-control--padding-y) * 2))`, p = () => {
-    if (e.current && t !== a) {
-      e.current.style.height = "0px";
-      const r = e.current.scrollHeight;
-      e.current.style.height = r + "px";
-    }
-  }, f = /* @__PURE__ */ o.createElement(
-    x.TextArea,
-    {
-      rows: t,
-      placeholder: l,
-      className: R.textArea,
-      ref: d(
-        c,
-        e
-      ),
-      onChange: p,
-      style: {
-        minHeight: s(t),
-        maxHeight: s(a)
-      }
-    }
-  );
-  return /* @__PURE__ */ o.createElement(u, null, /* @__PURE__ */ o.createElement(g, { ...m, input: f }, i));
-});
-export {
-  F as TextArea,
-  F as default
-};

package/dist/js/TextField.js

@@ -1,29 +0,0 @@
-"use client"
-/* */
-import t from "react";
-import * as a from "react-aria-components";
-import { T as n } from "./TextFieldBase-CuJqUluL.js";
-import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
-import "./propsContext-DzAKlmhS.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { f as c } from "./flowComponent-C9QB9J-7.js";
-const f = "flow--text-field", d = {
-  textField: f
-}, y = c("TextField", (e) => {
-  const { children: o, placeholder: r, ref: l, form: m, ...i } = e, s = /* @__PURE__ */ t.createElement(
-    a.Input,
-    {
-      form: m,
-      placeholder: r,
-      className: d.textField,
-      ref: l
-    }
-  );
-  return /* @__PURE__ */ t.createElement(p, null, /* @__PURE__ */ t.createElement(n, { ...i, input: s }, o));
-});
-export {
-  y as TextField,
-  y as default
-};