@mittwald/flow-react-components 0.1.0-alpha.26 → 0.1.0-alpha.28

package/dist/ColumnLayout.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const ColumnLayout: FC<ColumnLayoutProps>;
+export { ColumnLayout }
+export default ColumnLayout;
+
+export declare interface ColumnLayoutProps extends PropsWithChildren {
+    s?: number[];
+    m?: number[];
+    l?: number[];
+}
+
+export { }

package/dist/ColumnLayout.js

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import s from "react";
+const i = "flow--column-layout--column-layout-container", f = "flow--column-layout", e = {
+  columnLayoutContainer: i,
+  columnLayout: f
+}, l = (n) => {
+  if (n.length < 1)
+    throw new Error("Column layout array is empty");
+  return n.map((o) => `${o}fr`).join(" ");
+}, d = (n) => {
+  const { children: u, s: o, m: t, l: c } = n, a = o ? l(o) : void 0, m = t ? l(t) : o ? a : void 0, r = c ? l(c) : t || o ? m : void 0, y = {
+    "--column-layout--columns-s": a,
+    "--column-layout--columns-m": m,
+    "--column-layout--columns-l": r
+  };
+  return /* @__PURE__ */ s.createElement("div", { className: e.columnLayoutContainer, style: y }, /* @__PURE__ */ s.createElement("div", { className: e.columnLayout }, u));
+};
+export {
+  d as ColumnLayout,
+  d as default
+};

package/dist/IconClose-CA5yuJQ6.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import o from "react";
+import { IconX as t } from "@tabler/icons-react";
+import { I as r } from "./Icon-C8UD3vMe.js";
+const a = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
+export {
+  a as I
+};

package/dist/Icons.js

@@ -1,64 +1,65 @@
 "use client"
 /* */
 import e from "react";
-import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconChevronRight as r, IconX as I, IconCalendarCheck as m, IconBuilding as s, IconLayoutBoard as E, IconDatabase as u, IconCalendar as i, IconTrash as h, IconWorld as p, IconMail as C, IconExternalLink as d, IconFilter as S, IconEyeCancel as f, IconHome as L, IconList as g, IconPower as v, IconUsersGroup as k, IconBell as D, IconArchive as x, IconDice3 as b, IconSearch as $, IconListSearch as w, IconServer as H, IconSettings as y, IconEye as A, IconAdjustmentsHorizontal as B, IconDoor as F, IconHeadset as R, IconFileX as P, IconLayoutGrid as T } from "@tabler/icons-react";
+import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconChevronRight as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as h, IconMail as p, IconExternalLink as C, IconFilter as d, IconEyeCancel as S, IconHome as f, IconList as L, IconPower as g, IconUsersGroup as v, IconBell as k, IconArchive as x, IconDice3 as D, IconSearch as b, IconListSearch as $, IconServer as w, IconSettings as H, IconEye as y, IconAdjustmentsHorizontal as A, IconDoor as B, IconHeadset as F, IconFileX as R, IconLayoutGrid as P } from "@tabler/icons-react";
 import { I as t } from "./Icon-C8UD3vMe.js";
-import { I as ke } from "./IconCheck-QwbBte1y.js";
-import { I as xe, a as be } from "./IconUnchecked-CGdUugGS.js";
-import { I as we, a as He, b as ye, c as Ae } from "./IconPlus-DsWkdGaB.js";
+import { I as ge } from "./IconCheck-QwbBte1y.js";
+import { I as ke, a as xe } from "./IconUnchecked-CGdUugGS.js";
+import { I as be, a as $e, b as we, c as He } from "./IconPlus-DsWkdGaB.js";
+import { I as Ae } from "./IconClose-CA5yuJQ6.js";
 import { I as Fe } from "./IconCopy-C-PQMIfL.js";
 import { I as Pe, a as Te, b as je, c as Me } from "./IconWarning-Cum5bpEx.js";
 import { I as We, a as Ge, b as Ve } from "./IconSucceeded-aGBloDn9.js";
-const W = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(o, null)), G = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(l, null)), V = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null)), X = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(a, null)), z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(r, null)), N = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(I, null)), q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(m, null)), J = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(s, null)), K = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(E, null)), O = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(u, null)), Q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(i, null)), Y = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(h, null)), Z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(p, null)), _ = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(C, null)), ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(d, null)), ne = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(S, null)), te = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(f, null)), ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(L, null)), oe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(g, null)), le = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(v, null)), ae = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(k, null)), re = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(D, null)), Ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(x, null)), me = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(b, null)), se = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement($, null)), Ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(w, null)), ue = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(H, null)), ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(y, null)), he = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(A, null)), pe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(B, null)), Ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(F, null)), de = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(R, null)), Se = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(P, null)), fe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(T, null)), Le = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null));
+const U = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(o, null)), W = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(l, null)), G = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null)), V = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(a, null)), z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(r, null)), N = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(I, null)), X = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(m, null)), q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(s, null)), J = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(E, null)), K = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(u, null)), O = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(i, null)), Q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(h, null)), Y = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(p, null)), Z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(C, null)), _ = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(d, null)), ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(S, null)), ne = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(f, null)), te = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(L, null)), ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(g, null)), oe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(v, null)), le = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(k, null)), ae = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(x, null)), re = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(D, null)), Ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(b, null)), me = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement($, null)), se = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(w, null)), Ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(H, null)), ue = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(y, null)), ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(A, null)), he = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(B, null)), pe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(F, null)), Ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(R, null)), de = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(P, null)), Se = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null));
 export {
-  W as IconApp,
-  G as IconBackLink,
-  V as IconBackup,
-  ke as IconCheck,
-  xe as IconChecked,
-  we as IconChevronDown,
-  X as IconChevronLeft,
+  U as IconApp,
+  W as IconBackLink,
+  G as IconBackup,
+  ge as IconCheck,
+  ke as IconChecked,
+  be as IconChevronDown,
+  V as IconChevronLeft,
   z as IconChevronRight,
-  He as IconChevronUp,
-  N as IconClose,
+  $e as IconChevronUp,
+  Ae as IconClose,
   Fe as IconCopy,
-  q as IconCronjob,
-  J as IconCustomer,
+  N as IconCronjob,
+  X as IconCustomer,
   Pe as IconDanger,
-  K as IconDashboard,
-  O as IconDatabase,
-  Q as IconDate,
-  Y as IconDelete,
-  Z as IconDomain,
-  _ as IconEmail,
-  ee as IconExternalLink,
+  q as IconDashboard,
+  J as IconDatabase,
+  K as IconDate,
+  O as IconDelete,
+  Q as IconDomain,
+  Y as IconEmail,
+  Z as IconExternalLink,
   We as IconFailed,
-  ne as IconFilter,
-  te as IconHide,
-  ce as IconHome,
+  _ as IconFilter,
+  ee as IconHide,
+  ne as IconHome,
   Te as IconInfo,
-  oe as IconListView,
-  le as IconLogout,
-  ae as IconMember,
-  ye as IconMinus,
-  re as IconNotification,
+  te as IconListView,
+  ce as IconLogout,
+  oe as IconMember,
+  we as IconMinus,
+  le as IconNotification,
   Ge as IconPending,
-  Ae as IconPlus,
-  Ie as IconProject,
-  me as IconRandom,
-  se as IconSearch,
-  Ee as IconSearchEngine,
-  ue as IconServer,
-  ie as IconSettings,
-  he as IconShow,
-  pe as IconSorting,
-  Ce as IconSshSftp,
+  He as IconPlus,
+  ae as IconProject,
+  re as IconRandom,
+  Ie as IconSearch,
+  me as IconSearchEngine,
+  se as IconServer,
+  Ee as IconSettings,
+  ue as IconShow,
+  ie as IconSorting,
+  he as IconSshSftp,
   Ve as IconSucceeded,
   je as IconSuccess,
-  de as IconSupport,
-  Se as IconTerminate,
-  fe as IconTileView,
-  Le as IconTime,
-  be as IconUnchecked,
+  pe as IconSupport,
+  Ce as IconTerminate,
+  de as IconTileView,
+  Se as IconTime,
+  xe as IconUnchecked,
   Me as IconWarning
 };

package/dist/Label-Dnum8jdD.js

@@ -0,0 +1,25 @@
+"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", L = {
+  label: f
+}, u = {
+  "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(u), s = c(L.label, a), n = " " + r.format("label.optional");
+  return /* @__PURE__ */ i.createElement(m.Label, { ...e, className: s }, t, l && n);
+};
+export {
+  h as L
+};

package/dist/Label.js

@@ -1,26 +1,7 @@
 "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);
-};
+import { L as e } from "./Label-Dnum8jdD.js";
 export {
-  h as Label,
-  h as default
+  e as Label,
+  e as default
 };

package/dist/Switch.d.ts

@@ -9,8 +9,6 @@ export default Switch;
 export declare interface SwitchProps extends PropsWithChildren<Omit<Aria.SwitchProps, "children">> {
     /** @default "trailing" */
     labelPosition?: "leading" | "trailing";
-    /** @default "success" */
-    variant?: "success" | "danger";
 }
 
 export { }

package/dist/Switch.js

@@ -1,30 +1,31 @@
 "use client"
 /* */
-import c from "react";
-import * as n from "react-aria-components";
-import { c as w } from "./clsx-DB4S2d7J.js";
-const d = "flow--switch--indicator", m = "flow--switch--success", h = "flow--switch--danger", s = {
+import e from "react";
+import * as m from "react-aria-components";
+import { c as n } from "./clsx-DB4S2d7J.js";
+import "@tabler/icons-react";
+import "./Icon-C8UD3vMe.js";
+import "html-react-parser";
+import "./propsContext-Dx7WKmmM.js";
+import "@react-aria/utils";
+import { I as h } from "./IconCheck-QwbBte1y.js";
+import { I as w } from "./IconClose-CA5yuJQ6.js";
+import { L as f } from "./Label-Dnum8jdD.js";
+const p = "flow--switch--track", d = "flow--switch--handle", b = "flow--switch--label", t = {
   switch: "flow--switch",
   "label-leading": "flow--switch--label-leading",
-  indicator: d,
-  success: m,
-  danger: h
-}, u = (t) => {
-  const {
-    children: a,
-    className: e,
-    labelPosition: i = "trailing",
-    variant: o = "success",
-    ...l
-  } = t, r = w(
-    s.switch,
-    s[`label-${i}`],
-    s[o],
-    e
+  track: p,
+  handle: d,
+  label: b
+}, L = (a) => {
+  const { children: l, className: s, labelPosition: c = "trailing", ...o } = a, r = n(
+    t.switch,
+    t[`label-${c}`],
+    s
   );
-  return /* @__PURE__ */ c.createElement(n.Switch, { ...l, className: r }, /* @__PURE__ */ c.createElement("div", { className: s.indicator }), a);
+  return /* @__PURE__ */ e.createElement(m.Switch, { ...o, className: r }, ({ 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(h, { size: "s" }) : /* @__PURE__ */ e.createElement(w, { size: "s" }))), /* @__PURE__ */ e.createElement(f, { className: t.label }, l)));
 };
 export {
-  u as Switch,
-  u as default
+  L as Switch,
+  L as default
 };