@genai-fi/base 3.0.2 → 4.0.0

package/dist/{DefaultPropsProvider-C0Ib4Mye.js → DefaultPropsProvider-D2IJ8Qbs.js}

@@ -1,4 +1,4 @@
-import { g as oe, r as D, d as se, s as j, i as ie, a as ae, P as A, c as fe } from "./createTheme-BIcG8YPQ.js";
+import { g as oe, r as D, d as se, s as j, i as ie, a as ae, P as A, c as fe } from "./createTheme-a85zdZWm.js";
 import ue from "@emotion/styled";
 import "@emotion/react";
 import * as U from "react";
@@ -509,9 +509,13 @@ function Ue(e) {
   return Ee(e);
 }
 export {
+  Fe as T,
   ke as a,
   Ie as b,
   Ge as c,
+  $e as d,
+  Ve as e,
+  E as f,
   Le as g,
   He as m,
   T as r,

package/dist/{DialogQR-DVWhImXI.js → DialogQR-CyZcX7ul.js}

@@ -3,14 +3,18 @@ import { useRef as ue, useCallback as ae, useEffect as ce } from "react";
 import { g as le } from "./_commonjsHelpers-DaMA6jEr.js";
 import { Dialog as fe, DialogContent as de, DialogActions as ge } from "@mui/material";
 import { useTranslation as he } from "react-i18next";
-import { c as me } from "./createSvgIcon-BfF8yuCp.js";
-import "./webrtcState-D0nJpE9Z.js";
-import { B as It } from "./Button-DQwRVw4a.js";
+import { c as me } from "./createSvgIcon-DmrVEdN7.js";
+import "./state/webrtcState.js";
+import "./hooks/peer.js";
+import { Button as It } from "./components/Button/Button.js";
 import "./index-SOhdqzHq.js";
 import "./style/theme.js";
 import "./util/canvas.js";
 import "./FileSaver.min-DhePf63e.js";
 import "./components/BusyButton/BusyButton.js";
+import "./components/WorkflowLayout/Widget.js";
+import "./components/IconMenu/context.js";
+import "@emotion/react";
 import './assets/DialogQR.css';var V = {}, $, Tt;
 function we() {
   return Tt || (Tt = 1, $ = function() {
@@ -1563,7 +1567,7 @@ const ze = /* @__PURE__ */ le(ke), Ve = "_link_1udre_3", He = "_container_1udre_
 }, Ye = me(/* @__PURE__ */ U("path", {
   d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"
 }), "ContentCopy");
-function sn({ url: r, open: o, onClose: i }) {
+function ln({ url: r, open: o, onClose: i }) {
   var s;
   const { t: n } = he("translation"), t = ue(null), e = ae(() => {
     navigator.clipboard.writeText(r);
@@ -1620,7 +1624,7 @@ function sn({ url: r, open: o, onClose: i }) {
   );
 }
 export {
-  sn as D,
+  ln as D,
   ze as q,
   je as s
 };

package/dist/{FlashWifi-CaAOKd3g.js → FlashWifi-CYp0UP0B.js}

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as a, useEffect as c } from "react";
-import { c as r } from "./createSvgIcon-BfF8yuCp.js";
+import { c as r } from "./createSvgIcon-DmrVEdN7.js";
 const f = r(/* @__PURE__ */ t("path", {
   d: "m1 9 2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9m8 8 3 3 3-3c-1.65-1.66-4.34-1.66-6 0m-4-4 2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13"
 }), "Wifi"), l = r(/* @__PURE__ */ t("path", {

package/dist/Portal-BqkDy0Wc.js

@@ -0,0 +1,613 @@
+import * as c from "react";
+import { i as H, e as W, P as s, d as L, g as A, a as m, b as C } from "./createTheme-a85zdZWm.js";
+import { jsx as g, jsxs as G } from "react/jsx-runtime";
+import { d as k, T as z, g as U, u as Z, s as D, c as T, a as Y, m as R } from "./DefaultPropsProvider-D2IJ8Qbs.js";
+import { Global as q, ThemeContext as J } from "@emotion/react";
+import { u as K, B as Q, c as S, C as X, a as F, b as V, d as B } from "./CircularProgress-C6sMwjDC.js";
+import * as ee from "react-dom";
+const te = (e) => {
+  var o;
+  const t = {
+    systemProps: {},
+    otherProps: {}
+  }, n = ((o = e == null ? void 0 : e.theme) == null ? void 0 : o.unstable_sxConfig) ?? W;
+  return Object.keys(e).forEach((r) => {
+    n[r] ? t.systemProps[r] = e[r] : t.otherProps[r] = e[r];
+  }), t;
+};
+function ne(e) {
+  const {
+    sx: t,
+    ...n
+  } = e, {
+    systemProps: o,
+    otherProps: r
+  } = te(n);
+  let a;
+  return Array.isArray(t) ? a = [o, ...t] : typeof t == "function" ? a = (...i) => {
+    const u = t(...i);
+    return H(u) ? {
+      ...o,
+      ...u
+    } : o;
+  } : a = {
+    ...o,
+    ...t
+  }, {
+    ...r,
+    sx: a
+  };
+}
+function oe(e) {
+  return e == null || Object.keys(e).length === 0;
+}
+function w(e) {
+  const {
+    styles: t,
+    defaultTheme: n = {}
+  } = e;
+  return /* @__PURE__ */ g(q, {
+    styles: typeof t == "function" ? (r) => t(oe(r) ? n : r) : t
+  });
+}
+process.env.NODE_ENV !== "production" && (w.propTypes = {
+  defaultTheme: s.object,
+  styles: s.oneOfType([s.array, s.string, s.object, s.func])
+});
+function se(e) {
+  return Object.keys(e).length === 0;
+}
+function re(e = null) {
+  const t = c.useContext(J);
+  return !t || se(t) ? e : t;
+}
+const ae = L();
+function P(e = ae) {
+  return re(e);
+}
+function _({
+  styles: e,
+  themeId: t,
+  defaultTheme: n = {}
+}) {
+  const o = P(n), r = typeof e == "function" ? e(t && o[t] || o) : e;
+  return /* @__PURE__ */ g(w, {
+    styles: r
+  });
+}
+process.env.NODE_ENV !== "production" && (_.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  defaultTheme: s.object,
+  /**
+   * @ignore
+   */
+  styles: s.oneOfType([s.array, s.func, s.number, s.object, s.string, s.bool]),
+  /**
+   * @ignore
+   */
+  themeId: s.string
+});
+const ie = "exact-prop: ​";
+function le(e) {
+  return process.env.NODE_ENV === "production" ? e : {
+    ...e,
+    [ie]: (t) => {
+      const n = Object.keys(t).filter((o) => !e.hasOwnProperty(o));
+      return n.length > 0 ? new Error(`The following props are not supported: ${n.map((o) => `\`${o}\``).join(", ")}. Please remove them.`) : null;
+    }
+  };
+}
+const ce = /* @__PURE__ */ c.createContext();
+process.env.NODE_ENV !== "production" && (s.node, s.bool);
+const $e = () => c.useContext(ce) ?? !1;
+function je() {
+  const e = P(k);
+  return process.env.NODE_ENV !== "production" && c.useDebugValue(e), e[z] || e;
+}
+function M(e) {
+  return /* @__PURE__ */ g(_, {
+    ...e,
+    defaultTheme: k,
+    themeId: z
+  });
+}
+process.env.NODE_ENV !== "production" && (M.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The styles you want to apply globally.
+   */
+  styles: s.oneOfType([s.array, s.func, s.number, s.object, s.string, s.bool])
+});
+function xe(e) {
+  return function(n) {
+    return (
+      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
+      /* @__PURE__ */ g(M, {
+        styles: typeof e == "function" ? (o) => e({
+          theme: o,
+          ...n
+        }) : e
+      })
+    );
+  };
+}
+function ke() {
+  return ne;
+}
+function ue(e) {
+  return e && e.ownerDocument || document;
+}
+function ze(e) {
+  return ue(e).defaultView || window;
+}
+function $(e, t) {
+  typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function de(e) {
+  return A("MuiIconButton", e);
+}
+const j = U("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), fe = (e) => {
+  const {
+    classes: t,
+    disabled: n,
+    color: o,
+    edge: r,
+    size: a,
+    loading: i
+  } = e, u = {
+    root: ["root", i && "loading", n && "disabled", o !== "default" && `color${m(o)}`, r && `edge${m(r)}`, `size${m(a)}`],
+    loadingIndicator: ["loadingIndicator"],
+    loadingWrapper: ["loadingWrapper"]
+  };
+  return Y(u, de, t);
+}, pe = D(Q, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: n
+    } = e;
+    return [t.root, n.loading && t.loading, n.color !== "default" && t[`color${m(n.color)}`], n.edge && t[`edge${m(n.edge)}`], t[`size${m(n.size)}`]];
+  }
+})(R(({
+  theme: e
+}) => ({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: e.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  color: (e.vars || e).palette.action.active,
+  transition: e.transitions.create("background-color", {
+    duration: e.transitions.duration.shortest
+  }),
+  variants: [{
+    props: (t) => !t.disableRipple,
+    style: {
+      "--IconButton-hoverBg": e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : C(e.palette.action.active, e.palette.action.hoverOpacity),
+      "&:hover": {
+        backgroundColor: "var(--IconButton-hoverBg)",
+        // Reset on touch devices, it doesn't add specificity
+        "@media (hover: none)": {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  }, {
+    props: {
+      edge: "start"
+    },
+    style: {
+      marginLeft: -12
+    }
+  }, {
+    props: {
+      edge: "start",
+      size: "small"
+    },
+    style: {
+      marginLeft: -3
+    }
+  }, {
+    props: {
+      edge: "end"
+    },
+    style: {
+      marginRight: -12
+    }
+  }, {
+    props: {
+      edge: "end",
+      size: "small"
+    },
+    style: {
+      marginRight: -3
+    }
+  }]
+})), R(({
+  theme: e
+}) => ({
+  variants: [{
+    props: {
+      color: "inherit"
+    },
+    style: {
+      color: "inherit"
+    }
+  }, ...Object.entries(e.palette).filter(S()).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      color: (e.vars || e).palette[t].main
+    }
+  })), ...Object.entries(e.palette).filter(S()).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      "--IconButton-hoverBg": e.vars ? `rgba(${(e.vars || e).palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : C((e.vars || e).palette[t].main, e.palette.action.hoverOpacity)
+    }
+  })), {
+    props: {
+      size: "small"
+    },
+    style: {
+      padding: 5,
+      fontSize: e.typography.pxToRem(18)
+    }
+  }, {
+    props: {
+      size: "large"
+    },
+    style: {
+      padding: 12,
+      fontSize: e.typography.pxToRem(28)
+    }
+  }],
+  [`&.${j.disabled}`]: {
+    backgroundColor: "transparent",
+    color: (e.vars || e).palette.action.disabled
+  },
+  [`&.${j.loading}`]: {
+    color: "transparent"
+  }
+}))), ge = D("span", {
+  name: "MuiIconButton",
+  slot: "LoadingIndicator"
+})(({
+  theme: e
+}) => ({
+  display: "none",
+  position: "absolute",
+  visibility: "visible",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  color: (e.vars || e).palette.action.disabled,
+  variants: [{
+    props: {
+      loading: !0
+    },
+    style: {
+      display: "flex"
+    }
+  }]
+})), ye = /* @__PURE__ */ c.forwardRef(function(t, n) {
+  const o = Z({
+    props: t,
+    name: "MuiIconButton"
+  }), {
+    edge: r = !1,
+    children: a,
+    className: i,
+    color: u = "default",
+    disabled: f = !1,
+    disableFocusRipple: l = !1,
+    size: b = "medium",
+    id: p,
+    loading: d = null,
+    loadingIndicator: v,
+    ...h
+  } = o, y = K(p), I = v ?? /* @__PURE__ */ g(X, {
+    "aria-labelledby": y,
+    color: "inherit",
+    size: 16
+  }), E = {
+    ...o,
+    edge: r,
+    color: u,
+    disabled: f,
+    disableFocusRipple: l,
+    loading: d,
+    loadingIndicator: I,
+    size: b
+  }, O = fe(E);
+  return /* @__PURE__ */ G(pe, {
+    id: d ? y : p,
+    className: T(O.root, i),
+    centerRipple: !0,
+    focusRipple: !l,
+    disabled: f || d,
+    ref: n,
+    ...h,
+    ownerState: E,
+    children: [typeof d == "boolean" && // use plain HTML span to minimize the runtime overhead
+    /* @__PURE__ */ g("span", {
+      className: O.loadingWrapper,
+      style: {
+        display: "contents"
+      },
+      children: /* @__PURE__ */ g(ge, {
+        className: O.loadingIndicator,
+        ownerState: E,
+        children: d && I
+      })
+    }), a]
+  });
+});
+process.env.NODE_ENV !== "production" && (ye.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The icon to display.
+   */
+  children: F(s.node, (e) => c.Children.toArray(e.children).some((n) => /* @__PURE__ */ c.isValidElement(n) && n.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+`)) : null),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: s.object,
+  /**
+   * @ignore
+   */
+  className: s.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'default'
+   */
+  color: s.oneOfType([s.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), s.string]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: s.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: s.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: s.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: s.oneOf(["end", "start", !1]),
+  /**
+   * @ignore
+   */
+  id: s.string,
+  /**
+   * If `true`, the loading indicator is visible and the button is disabled.
+   * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
+   * @default null
+   */
+  loading: s.bool,
+  /**
+   * Element placed before the children if the button is in loading state.
+   * The node should contain an element with `role="progressbar"` with an accessible name.
+   * By default, it renders a `CircularProgress` that is labeled by the button itself.
+   * @default <CircularProgress color="inherit" size={16} />
+   */
+  loadingIndicator: s.node,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: s.oneOfType([s.oneOf(["small", "medium", "large"]), s.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object])
+});
+function me(e) {
+  return typeof e == "string";
+}
+function be(e, t, n) {
+  return e === void 0 || me(e) ? t : {
+    ...t,
+    ownerState: {
+      ...t.ownerState,
+      ...n
+    }
+  };
+}
+function ve(e, t, n) {
+  return typeof e == "function" ? e(t, n) : e;
+}
+function he(e, t = []) {
+  if (e === void 0)
+    return {};
+  const n = {};
+  return Object.keys(e).filter((o) => o.match(/^on[A-Z]/) && typeof e[o] == "function" && !t.includes(o)).forEach((o) => {
+    n[o] = e[o];
+  }), n;
+}
+function x(e) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  return Object.keys(e).filter((n) => !(n.match(/^on[A-Z]/) && typeof e[n] == "function")).forEach((n) => {
+    t[n] = e[n];
+  }), t;
+}
+function Ee(e) {
+  const {
+    getSlotProps: t,
+    additionalProps: n,
+    externalSlotProps: o,
+    externalForwardedProps: r,
+    className: a
+  } = e;
+  if (!t) {
+    const v = T(n == null ? void 0 : n.className, a, r == null ? void 0 : r.className, o == null ? void 0 : o.className), h = {
+      ...n == null ? void 0 : n.style,
+      ...r == null ? void 0 : r.style,
+      ...o == null ? void 0 : o.style
+    }, y = {
+      ...n,
+      ...r,
+      ...o
+    };
+    return v.length > 0 && (y.className = v), Object.keys(h).length > 0 && (y.style = h), {
+      props: y,
+      internalRef: void 0
+    };
+  }
+  const i = he({
+    ...r,
+    ...o
+  }), u = x(o), f = x(r), l = t(i), b = T(l == null ? void 0 : l.className, n == null ? void 0 : n.className, a, r == null ? void 0 : r.className, o == null ? void 0 : o.className), p = {
+    ...l == null ? void 0 : l.style,
+    ...n == null ? void 0 : n.style,
+    ...r == null ? void 0 : r.style,
+    ...o == null ? void 0 : o.style
+  }, d = {
+    ...l,
+    ...n,
+    ...f,
+    ...u
+  };
+  return b.length > 0 && (d.className = b), Object.keys(p).length > 0 && (d.style = p), {
+    props: d,
+    internalRef: l.ref
+  };
+}
+function Oe(e) {
+  var t;
+  return parseInt(c.version, 10) >= 19 ? ((t = e == null ? void 0 : e.props) == null ? void 0 : t.ref) || null : (e == null ? void 0 : e.ref) || null;
+}
+function Te(e, t, n, o, r) {
+  if (process.env.NODE_ENV === "production")
+    return null;
+  const a = e[t], i = r || t;
+  return a == null ? null : a && a.nodeType !== 1 ? new Error(`Invalid ${o} \`${i}\` supplied to \`${n}\`. Expected an HTMLElement.`) : null;
+}
+function De(e) {
+  var p;
+  const {
+    elementType: t,
+    externalSlotProps: n,
+    ownerState: o,
+    skipResolvingSlotProps: r = !1,
+    ...a
+  } = e, i = r ? {} : ve(n, o), {
+    props: u,
+    internalRef: f
+  } = Ee({
+    ...a,
+    externalSlotProps: i
+  }), l = V(f, i == null ? void 0 : i.ref, (p = e.additionalProps) == null ? void 0 : p.ref);
+  return be(t, {
+    ...u,
+    ref: l
+  }, o);
+}
+function Ne(e) {
+  return typeof e == "function" ? e() : e;
+}
+const N = /* @__PURE__ */ c.forwardRef(function(t, n) {
+  const {
+    children: o,
+    container: r,
+    disablePortal: a = !1
+  } = t, [i, u] = c.useState(null), f = V(/* @__PURE__ */ c.isValidElement(o) ? Oe(o) : null, n);
+  if (B(() => {
+    a || u(Ne(r) || document.body);
+  }, [r, a]), B(() => {
+    if (i && !a)
+      return $(n, i), () => {
+        $(n, null);
+      };
+  }, [n, i, a]), a) {
+    if (/* @__PURE__ */ c.isValidElement(o)) {
+      const l = {
+        ref: f
+      };
+      return /* @__PURE__ */ c.cloneElement(o, l);
+    }
+    return o;
+  }
+  return i && /* @__PURE__ */ ee.createPortal(o, i);
+});
+process.env.NODE_ENV !== "production" && (N.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The children to render into the `container`.
+   */
+  children: s.node,
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: s.oneOfType([Te, s.func]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: s.bool
+});
+process.env.NODE_ENV !== "production" && (N.propTypes = le(N.propTypes));
+export {
+  Te as H,
+  ye as I,
+  N as P,
+  be as a,
+  ue as b,
+  Oe as c,
+  he as d,
+  le as e,
+  $e as f,
+  xe as g,
+  De as h,
+  P as i,
+  re as j,
+  ke as k,
+  Ee as m,
+  ze as o,
+  ve as r,
+  je as u
+};