@altinn/altinn-components 0.56.8 → 0.56.10

package/dist/components/Dropdown/Dropdown.js

@@ -1,19 +1,20 @@
-import { jsxs as g, Fragment as U, jsx as c } from "react/jsx-runtime";
-import { c as Y } from "../../index-p1eeF8LQ.js";
-import { useRef as _, useEffect as y, useState as M, useCallback as O, useLayoutEffect as W } from "react";
-import { Button as F } from "../Button/Button.js";
+import { jsxs as x, jsx as a, Fragment as W } from "react/jsx-runtime";
+import { c as M } from "../../index-p1eeF8LQ.js";
+import { useRef as R, useEffect as D, useState as O, useCallback as $, useLayoutEffect as G } from "react";
+import { createPortal as J } from "react-dom";
+import { Button as H } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as G } from "../../XMark-tKk6aExO.js";
-import '../../assets/Dropdown.css';const P = "_dropdown_15prw_1", $ = "_content_15prw_17", J = "_backdrop_15prw_47", Q = "_header_15prw_72", V = "_footer_15prw_73", Z = "_title_15prw_146", a = {
-  dropdown: P,
-  content: $,
-  backdrop: J,
-  header: Q,
-  footer: V,
-  title: Z
-}, tt = "data-focus-guard", A = (l) => {
-  const w = [
+import { S as Q } from "../../XMark-tKk6aExO.js";
+import '../../assets/Dropdown.css';const V = "_dropdown_15prw_1", Z = "_content_15prw_17", P = "_backdrop_15prw_47", tt = "_header_15prw_72", et = "_footer_15prw_73", rt = "_title_15prw_146", m = {
+  dropdown: V,
+  content: Z,
+  backdrop: P,
+  header: tt,
+  footer: et,
+  title: rt
+}, nt = "data-focus-guard", z = (h) => {
+  const v = [
     "a[href]",
     "button:not([disabled])",
     "input:not([disabled])",
@@ -22,139 +23,152 @@ import '../../assets/Dropdown.css';const P = "_dropdown_15prw_1", $ = "_content_
     '[tabindex]:not([tabindex="-1"])',
     '[contenteditable="true"]'
   ].join(",");
-  return Array.from(l.querySelectorAll(w)).filter((o) => !o.hasAttribute(tt)).filter((o) => !o.hasAttribute("disabled")).filter((o) => o.getAttribute("aria-hidden") !== "true").filter((o) => o.tabIndex !== -1).filter((o) => {
-    const u = o.getClientRects();
-    return u.length > 0 && u[0].width > 0 && u[0].height > 0;
+  return Array.from(h.querySelectorAll(v)).filter((c) => !c.hasAttribute(nt)).filter((c) => !c.hasAttribute("disabled")).filter((c) => c.getAttribute("aria-hidden") !== "true").filter((c) => c.tabIndex !== -1).filter((c) => {
+    const p = c.getClientRects();
+    return p.length > 0 && p[0].width > 0 && p[0].height > 0;
   });
-}, et = (l) => {
-  A(l)[0]?.focus({ preventScroll: !0 });
-}, lt = ({
-  id: l = "dropdown",
-  size: w = "sm",
-  className: o,
-  backdrop: u = !0,
-  placement: k = "bottom-left",
-  variant: D = "dropdown",
-  title: L = "Title",
-  closeLabel: z = "Close",
-  submitLabel: E,
-  trigger: H,
-  children: C,
-  open: e,
-  onClose: f,
-  onSubmit: N,
-  activeDescendantId: B
+}, ot = (h) => {
+  z(h)[0]?.focus({ preventScroll: !0 });
+}, ht = ({
+  id: h = "dropdown",
+  size: v = "sm",
+  className: c,
+  backdrop: p = !0,
+  placement: _ = "bottom-left",
+  variant: E = "dropdown",
+  title: C = "Title",
+  closeLabel: F = "Close",
+  submitLabel: k,
+  trigger: N,
+  children: B,
+  open: r,
+  onClose: w,
+  onSubmit: I,
+  activeDescendantId: T,
+  useFixedPosition: l = !1
 }) => {
-  const h = _(null), m = _(null), R = _(e);
-  y(() => {
-    R.current = e;
-  }, [e]);
-  const [x, I] = M({
-    yDir: k.includes("top") ? "top" : "bottom",
-    xDir: k.includes("right") ? "right" : "left",
+  const b = R(null), u = R(null), S = R(r);
+  D(() => {
+    S.current = r;
+  }, [r]);
+  const [n, X] = O({
+    yDir: _.includes("top") ? "top" : "bottom",
+    xDir: _.includes("right") ? "right" : "left",
     maxHeight: 300
-  }), v = O(() => {
-    if (e && h.current && m.current) {
-      const t = h.current.getBoundingClientRect(), i = m.current.getBoundingClientRect(), n = window.innerHeight, r = window.innerWidth, s = 16, d = n - t.bottom, p = t.top, b = r - t.right - i.width, S = d < 250 && p > d, X = S ? "top" : "bottom", j = (S ? p : d) - s, q = b < s ? "right" : "left";
-      I((K) => ({
-        ...K,
-        yDir: X,
-        maxHeight: j,
-        xDir: q
+  }), f = $(() => {
+    if (r && b.current && u.current) {
+      const t = b.current.getBoundingClientRect(), s = u.current.getBoundingClientRect(), o = window.innerHeight, e = window.innerWidth, i = 16, d = o - t.bottom, g = t.top, y = e - t.right - s.width, A = d < 250 && g > d, j = A ? "top" : "bottom", q = (A ? g : d) - i, K = y < i ? "right" : "left";
+      X((U) => ({
+        ...U,
+        yDir: j,
+        maxHeight: q,
+        xDir: K,
+        triggerRect: l ? t : void 0
       }));
     }
-  }, [e]);
-  W(() => (v(), window.addEventListener("resize", v), () => window.removeEventListener("resize", v)), [v]), y(() => {
-    if (!e) return;
+  }, [r, l]);
+  G(() => (f(), window.addEventListener("resize", f), l && window.addEventListener("scroll", f, !0), () => {
+    window.removeEventListener("resize", f), l && window.removeEventListener("scroll", f, !0);
+  }), [f, l]), D(() => {
+    if (!r) return;
     const t = requestAnimationFrame(() => {
-      const i = m.current;
-      if (!i) return;
-      const n = i.querySelector(
+      const s = u.current;
+      if (!s) return;
+      const o = s.querySelector(
         'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
       );
-      if (n) {
-        const r = n.value.length;
-        n.focus({ preventScroll: !0 });
+      if (o) {
+        const e = o.value.length;
+        o.focus({ preventScroll: !0 });
         try {
-          n.setSelectionRange(r, r);
+          o.setSelectionRange(e, e);
         } catch {
         }
         return;
       }
-      i.focus?.({ preventScroll: !0 });
+      s.focus?.({ preventScroll: !0 });
     });
     return () => cancelAnimationFrame(t);
-  }, [e]), y(() => {
-    const t = (n) => {
-      n.key === "Escape" && f();
-    }, i = (n) => {
-      h.current && !h.current.contains(n.target) && f();
+  }, [r]), D(() => {
+    const t = (o) => {
+      o.key === "Escape" && w();
+    }, s = (o) => {
+      const e = o.target, i = b.current?.contains(e), d = u.current?.contains(e);
+      !i && !d && w();
     };
-    return e && (document.addEventListener("mousedown", i), document.addEventListener("keydown", t)), () => {
-      document.removeEventListener("mousedown", i), document.removeEventListener("keydown", t);
+    return r && (document.addEventListener("mousedown", s), document.addEventListener("keydown", t)), () => {
+      document.removeEventListener("mousedown", s), document.removeEventListener("keydown", t);
     };
-  }, [e, f]), y(() => {
-    if (!e) return;
-    const t = m.current;
+  }, [r, w]), D(() => {
+    if (!r) return;
+    const t = u.current;
     if (!t) return;
-    const i = (r) => {
-      if (!R.current)
+    const s = (e) => {
+      if (!S.current)
         return;
-      const s = r.target;
-      s && !t.contains(s) && et(t);
-    }, n = (r) => {
-      if (r.key !== "Tab") return;
-      const s = A(t);
-      if (s.length === 0) {
-        r.preventDefault(), t.focus?.({ preventScroll: !0 });
+      const i = e.target;
+      i && !t.contains(i) && ot(t);
+    }, o = (e) => {
+      if (e.key !== "Tab") return;
+      const i = z(t);
+      if (i.length === 0) {
+        e.preventDefault(), t.focus?.({ preventScroll: !0 });
         return;
       }
-      const d = s[0], p = s[s.length - 1], b = document.activeElement;
-      r.shiftKey ? b === d && (r.preventDefault(), p.focus({ preventScroll: !0 })) : b === p && (r.preventDefault(), d.focus({ preventScroll: !0 }));
+      const d = i[0], g = i[i.length - 1], y = document.activeElement;
+      e.shiftKey ? y === d && (e.preventDefault(), g.focus({ preventScroll: !0 })) : y === g && (e.preventDefault(), d.focus({ preventScroll: !0 }));
     };
-    return document.addEventListener("focusin", i), document.addEventListener("keydown", n), () => {
-      document.removeEventListener("focusin", i), document.removeEventListener("keydown", n);
+    return document.addEventListener("focusin", s), document.addEventListener("keydown", o), () => {
+      document.removeEventListener("focusin", s), document.removeEventListener("keydown", o);
     };
-  }, [e]);
-  const T = {
+  }, [r]);
+  const Y = l && n.triggerRect ? {
+    position: "fixed",
+    zIndex: 1e3,
+    width: "max-content",
+    maxHeight: `${n.maxHeight}px`,
+    overflowY: "auto",
+    [n.xDir === "left" ? "left" : "right"]: n.xDir === "left" ? n.triggerRect.left : window.innerWidth - n.triggerRect.right,
+    [n.yDir === "bottom" ? "top" : "bottom"]: n.yDir === "bottom" ? n.triggerRect.bottom + 8 : window.innerHeight - n.triggerRect.top + 8
+  } : {
     position: "absolute",
     zIndex: 50,
     width: "max-content",
-    maxHeight: `${x.maxHeight}px`,
+    maxHeight: `${n.maxHeight}px`,
     overflowY: "auto",
-    [x.xDir]: 0,
-    [x.yDir === "bottom" ? "top" : "bottom"]: "100%"
-  };
-  return /* @__PURE__ */ g(U, { children: [
-    u && /* @__PURE__ */ c("div", { className: a.backdrop, "aria-hidden": !e }),
-    /* @__PURE__ */ g("div", { id: l + "-root", ref: h, style: { position: "relative", display: "inline-block" }, children: [
-      H,
-      /* @__PURE__ */ g(
-        "div",
-        {
-          ref: m,
-          className: Y(a.dropdown, o),
-          style: T,
-          "aria-hidden": !e,
-          "data-variant": D,
-          "data-size": w,
-          tabIndex: -1,
-          role: "menu",
-          "aria-modal": D === "drawer-dropdown" ? !0 : void 0,
-          "aria-activedescendant": B,
-          children: [
-            /* @__PURE__ */ g("header", { className: a.header, children: [
-              /* @__PURE__ */ c("h2", { className: a.title, children: L }),
-              /* @__PURE__ */ c(F, { size: "sm", variant: "outline", onClick: f, "aria-label": z, children: /* @__PURE__ */ c(G, {}) })
-            ] }),
-            /* @__PURE__ */ c("div", { className: a.content, children: C }),
-            E && /* @__PURE__ */ c("footer", { className: a.footer, children: /* @__PURE__ */ c(F, { size: "lg", variant: "solid", onClick: N || f, rounded: !0, children: /* @__PURE__ */ c("span", { "data-size": "md", children: E }) }) })
-          ]
-        }
-      )
+    [n.xDir]: 0,
+    [n.yDir === "bottom" ? "top" : "bottom"]: "100%"
+  }, L = /* @__PURE__ */ x(
+    "div",
+    {
+      ref: u,
+      className: M(m.dropdown, c),
+      style: Y,
+      "aria-hidden": !r,
+      "data-variant": E,
+      "data-size": v,
+      tabIndex: -1,
+      role: "menu",
+      "aria-modal": E === "drawer-dropdown" ? !0 : void 0,
+      "aria-activedescendant": T,
+      children: [
+        /* @__PURE__ */ x("header", { className: m.header, children: [
+          /* @__PURE__ */ a("h2", { className: m.title, children: C }),
+          /* @__PURE__ */ a(H, { size: "sm", variant: "outline", onClick: w, "aria-label": F, children: /* @__PURE__ */ a(Q, {}) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: m.content, children: B }),
+        k && /* @__PURE__ */ a("footer", { className: m.footer, children: /* @__PURE__ */ a(H, { size: "lg", variant: "solid", onClick: I || w, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: k }) }) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ x(W, { children: [
+    p && /* @__PURE__ */ a("div", { className: m.backdrop, "aria-hidden": !r }),
+    /* @__PURE__ */ x("div", { id: h + "-root", ref: b, style: { position: "relative", display: "inline-block" }, children: [
+      N,
+      l ? J(L, document.body) : L
     ] })
   ] });
 };
 export {
-  lt as Dropdown
+  ht as Dropdown
 };

package/dist/components/Dropdown/DropdownBase.js

@@ -3,18 +3,19 @@ import { c } from "../../index-p1eeF8LQ.js";
 import { useRef as f } from "react";
 import { useClickOutside as l } from "../../hooks/useClickOutside.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DropdownBase.css';const u = "_dropdown_fqgmt_1", w = {
   dropdown: u
-}, q = ({
+}, v = ({
   layout: t,
   size: a = "auto",
   placement: d = "left",
   padding: e = !0,
   open: r = !1,
-  className: n,
-  children: m,
+  className: m,
+  children: n,
   onClose: p,
   as: s = "div"
 }) => {
@@ -23,7 +24,7 @@ import '../../assets/DropdownBase.css';const u = "_dropdown_fqgmt_1", w = {
     s,
     {
       ref: o,
-      className: c(w.dropdown, n),
+      className: c(w.dropdown, m),
       "data-layout": t,
       "data-theme": "default",
       "data-shadow": "md",
@@ -31,10 +32,10 @@ import '../../assets/DropdownBase.css';const u = "_dropdown_fqgmt_1", w = {
       "data-placement": d,
       "data-padding": e,
       "data-expanded": r,
-      children: m
+      children: n
     }
   );
 };
 export {
-  q as DropdownBase
+  v as DropdownBase
 };

package/dist/components/Dropdown/FloatingDropdown.js

@@ -7,6 +7,7 @@ import "../../index-p1eeF8LQ.js";
 import { Icon as O } from "../Icon/Icon.js";
 import { Button as D } from "../Button/Button.js";
 import { ButtonIcon as $ } from "../Button/ButtonIcon.js";
+import "react-dom";
 import { useRootContext as G } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "_button_dqumv_13", P = "_dropdown_dqumv_21", Q = "_dropdownItem_dqumv_45", U = "_itemTitle_dqumv_75", i = {
@@ -15,7 +16,7 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
   dropdown: P,
   dropdownItem: Q,
   itemTitle: U
-}, st = ({
+}, ct = ({
   variant: F = "solid",
   size: C,
   icon: L,
@@ -132,5 +133,5 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
   ] });
 };
 export {
-  st as FloatingDropdown
+  ct as FloatingDropdown
 };

package/dist/components/Footer/FooterBase.js

@@ -1,12 +1,12 @@
-import { jsx as s, jsxs as t } from "react/jsx-runtime";
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
 import { c } from "../../index-p1eeF8LQ.js";
-import '../../assets/FooterBase.css';const i = "_footer_ln3oe_1", n = "_grid_ln3oe_13", o = {
-  footer: i,
-  grid: n
-}, l = ({ className: r, children: e }) => /* @__PURE__ */ s("footer", { className: c(o.footer, r), children: /* @__PURE__ */ t("div", { className: o.grid, children: [
-  e,
+import '../../assets/FooterBase.css';const d = "_footer_1yxd7_1", i = "_grid_1yxd7_13", o = {
+  footer: d,
+  grid: i
+}, a = ({ className: r, children: s }) => /* @__PURE__ */ t("footer", { className: c(o.footer, r), children: /* @__PURE__ */ e("div", { className: o.grid, children: [
+  s,
   " "
 ] }) });
 export {
-  l as FooterBase
+  a as FooterBase
 };

package/dist/components/Forms/Checkbox.js

@@ -2,15 +2,16 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Field as e } from "./Field.js";
 import { Label as c } from "./Label.js";
 import { Input as n } from "./Input.js";
 import "../Snackbar/useSnackbar.js";
-const u = ({ size: t, color: m, label: r, ...i }) => /* @__PURE__ */ p(e, { size: t, color: m, children: [
+const y = ({ size: t, color: m, label: r, ...i }) => /* @__PURE__ */ p(e, { size: t, color: m, children: [
   /* @__PURE__ */ o(n, { ...i, type: "checkbox" }),
   !!r && /* @__PURE__ */ o(c, { children: r })
 ] });
 export {
-  u as Checkbox
+  y as Checkbox
 };

package/dist/components/Forms/CheckboxOptions.js

@@ -2,11 +2,12 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Checkbox as i } from "./Checkbox.js";
 import { OptionsBase as e } from "./OptionsBase.js";
 import "../Snackbar/useSnackbar.js";
-const k = ({ options: r = [], ...t }) => /* @__PURE__ */ o(e, { ...t, children: r.map((m, p) => /* @__PURE__ */ o(i, { ...m }, p)) });
+const C = ({ options: r = [], ...t }) => /* @__PURE__ */ o(e, { ...t, children: r.map((m, p) => /* @__PURE__ */ o(i, { ...m }, p)) });
 export {
-  k as CheckboxOptions
+  C as CheckboxOptions
 };

package/dist/components/Forms/FieldBase.js

@@ -3,15 +3,16 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as e } from "../Typography/Typography.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Field as n } from "./Field.js";
 import { Label as c } from "./Label.js";
 import "../Snackbar/useSnackbar.js";
-const u = ({ size: r, color: p, label: o, helperText: i, children: t, ...s }) => /* @__PURE__ */ d(n, { size: r, color: p, ...s, children: [
+const B = ({ size: r, color: p, label: o, helperText: i, children: t, ...s }) => /* @__PURE__ */ d(n, { size: r, color: p, ...s, children: [
   o && /* @__PURE__ */ m(c, { size: r, children: o }),
   t,
   i && /* @__PURE__ */ m(e, { size: "xs", children: i })
 ] });
 export {
-  u as FieldBase
+  B as FieldBase
 };

package/dist/components/Forms/FieldsetBase.js

@@ -2,14 +2,15 @@ import { jsxs as i, jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { Fieldset as e } from "./Fieldset.js";
-import { Legend as p } from "./Legend.js";
+import { Fieldset as p } from "./Fieldset.js";
+import { Legend as e } from "./Legend.js";
 import "../Snackbar/useSnackbar.js";
-const j = ({ legend: r, children: o, ...t }) => /* @__PURE__ */ i(e, { ...t, children: [
-  !!r && /* @__PURE__ */ m(p, { children: r }),
+const F = ({ legend: r, children: o, ...t }) => /* @__PURE__ */ i(p, { ...t, children: [
+  !!r && /* @__PURE__ */ m(e, { children: r }),
   o
 ] });
 export {
-  j as FieldsetBase
+  F as FieldsetBase
 };

package/dist/components/Forms/Radio.js

@@ -2,15 +2,16 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Field as e } from "./Field.js";
 import { Label as d } from "./Label.js";
 import { Input as n } from "./Input.js";
 import "../Snackbar/useSnackbar.js";
-const y = ({ size: i, color: t, label: r, ...m }) => /* @__PURE__ */ p(e, { size: i, color: t, children: [
+const F = ({ size: i, color: t, label: r, ...m }) => /* @__PURE__ */ p(e, { size: i, color: t, children: [
   /* @__PURE__ */ o(n, { ...m, type: "radio" }),
   !!r && /* @__PURE__ */ o(d, { children: r })
 ] });
 export {
-  y as Radio
+  F as Radio
 };

package/dist/components/Forms/RadioOptions.js

@@ -2,11 +2,12 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Radio as a } from "./Radio.js";
 import { OptionsBase as e } from "./OptionsBase.js";
 import "../Snackbar/useSnackbar.js";
-const h = ({ name: m, options: i = [], ...t }) => /* @__PURE__ */ r(e, { ...t, children: i.map((o, p) => /* @__PURE__ */ r(a, { name: o?.name || m, ...o }, p)) });
+const j = ({ name: m, options: i = [], ...t }) => /* @__PURE__ */ r(e, { ...t, children: i.map((o, p) => /* @__PURE__ */ r(a, { name: o?.name || m, ...o }, p)) });
 export {
-  h as RadioOptions
+  j as RadioOptions
 };

package/dist/components/Forms/SearchField.js

@@ -2,13 +2,14 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { S as h } from "../../SearchField-xsZAikgq.js";
+import { S as l } from "../../SearchField-CYYz0JvC.js";
 import "./Input.js";
 import "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";
 import "../../MagnifyingGlass-bwVhw07z.js";
 import "../../XMark-tKk6aExO.js";
 export {
-  h as SearchField
+  l as SearchField
 };

package/dist/components/Forms/SelectField.js

@@ -2,11 +2,12 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { Select as e } from "./Select.js";
-import { FieldBase as p } from "./FieldBase.js";
+import { Select as p } from "./Select.js";
+import { FieldBase as e } from "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";
-const S = ({ size: r = "md", label: t, children: m, ...i }) => /* @__PURE__ */ o(p, { label: t, size: r, children: /* @__PURE__ */ o(e, { ...i, size: r, children: m }) });
+const a = ({ size: r = "md", label: t, children: m, ...i }) => /* @__PURE__ */ o(e, { label: t, size: r, children: /* @__PURE__ */ o(p, { ...i, size: r, children: m }) });
 export {
-  S as SelectField
+  a as SelectField
 };

package/dist/components/Forms/Switch.js

@@ -2,6 +2,7 @@ import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { c as e } from "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Field as h } from "./Field.js";
 import { Label as n } from "./Label.js";
@@ -9,10 +10,10 @@ import { Input as f } from "./Input.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/Switch.css';const l = {
   switch: "_switch_en83f_1"
-}, k = ({ className: o, reverse: i, size: m, color: c, label: t, ...s }) => /* @__PURE__ */ p(h, { size: m, color: c, reverse: i, className: e(l.switch, o), children: [
+}, F = ({ className: o, reverse: i, size: m, color: c, label: t, ...s }) => /* @__PURE__ */ p(h, { size: m, color: c, reverse: i, className: e(l.switch, o), children: [
   /* @__PURE__ */ r(f, { ...s, type: "checkbox", role: "switch" }),
   !!t && /* @__PURE__ */ r(n, { children: t })
 ] });
 export {
-  k as Switch
+  F as Switch
 };

package/dist/components/Forms/SwitchOptions.js

@@ -2,11 +2,12 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Switch as e } from "./Switch.js";
 import { OptionsBase as n } from "./OptionsBase.js";
 import "../Snackbar/useSnackbar.js";
-const S = ({ name: t, options: o = [], ...i }) => /* @__PURE__ */ m(n, { ...i, children: o.map((r, p) => /* @__PURE__ */ m(e, { name: r?.name || t, ...r }, p)) });
+const d = ({ name: t, options: o = [], ...i }) => /* @__PURE__ */ m(n, { ...i, children: o.map((r, p) => /* @__PURE__ */ m(e, { name: r?.name || t, ...r }, p)) });
 export {
-  S as SwitchOptions
+  d as SwitchOptions
 };

package/dist/components/Forms/TextField.js

@@ -2,11 +2,12 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Input as e } from "./Input.js";
 import { FieldBase as n } from "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";
-const a = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(n, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
+const h = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(n, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
 export {
-  a as TextField
+  h as TextField
 };