@altinn/altinn-components 0.56.34 → 0.57.2

package/dist/components/Dropdown/FloatingDropdown.js

@@ -4,8 +4,7 @@ import { useRef as u, useEffect as d } from "react";
 import { useClickOutside as z } from "../../hooks/useClickOutside.js";
 import { useMenu as B } from "../../hooks/useMenu.js";
 import "../../index-p1eeF8LQ.js";
-import { Icon as O } from "../Icon/Icon.js";
-import { useRootContext as $ } from "../RootProvider/RootProvider.js";
+import { x as O, I as $ } from "../../Section-jhq4n77E.js";
 import { Button as D } from "../Button/Button.js";
 import { ButtonIcon as G } from "../Button/ButtonIcon.js";
 import "react-dom";
@@ -16,7 +15,7 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
   dropdown: P,
   dropdownItem: Q,
   itemTitle: U
-}, ct = ({
+}, st = ({
   variant: F = "solid",
   size: C,
   icon: L,
@@ -28,9 +27,9 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
   items: A,
   "data-testid": M
 }) => {
-  const { currentId: N, toggleId: l } = $(), t = N === a, b = u(t), f = u(null), m = u(null), w = u(null), T = (e) => (n) => {
-    e(n), l(a);
-  }, { menu: K, setActiveIndex: g, activeIndex: _ } = B({
+  const { currentId: N, toggleId: l } = O(), t = N === a, b = u(t), f = u(null), m = u(null), w = u(null), T = (e) => (o) => {
+    e(o), l(a);
+  }, { menu: K, setActiveIndex: g, activeIndex: I } = B({
     items: A,
     groups: { ungrouped: {} },
     keyboardEvents: t,
@@ -51,30 +50,30 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
     if (!t) return;
     const e = m.current;
     if (!e) return;
-    const n = () => Array.from(e.querySelectorAll('button:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter(
-      (o) => o.tabIndex !== -1
+    const o = () => Array.from(e.querySelectorAll('button:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter(
+      (n) => n.tabIndex !== -1
     ), s = () => {
-      n()[0]?.focus({ preventScroll: !0 });
-    }, y = (o) => {
-      const r = o.target;
+      o()[0]?.focus({ preventScroll: !0 });
+    }, x = (n) => {
+      const r = n.target;
       r && !e.contains(r) && s();
-    }, h = (o) => {
-      if (o.key !== "Tab") return;
-      const r = n();
+    }, y = (n) => {
+      if (n.key !== "Tab") return;
+      const r = o();
       if (r.length === 0) {
-        o.preventDefault(), e.focus({ preventScroll: !0 });
+        n.preventDefault(), e.focus({ preventScroll: !0 });
         return;
       }
-      const x = r[0], E = r[r.length - 1], k = document.activeElement;
-      o.shiftKey && k === x ? (o.preventDefault(), E.focus({ preventScroll: !0 })) : !o.shiftKey && k === E && (o.preventDefault(), x.focus({ preventScroll: !0 }));
+      const h = r[0], E = r[r.length - 1], k = document.activeElement;
+      n.shiftKey && k === h ? (n.preventDefault(), E.focus({ preventScroll: !0 })) : !n.shiftKey && k === E && (n.preventDefault(), h.focus({ preventScroll: !0 }));
     };
-    return document.addEventListener("focusin", y), document.addEventListener("keydown", h), () => {
-      document.removeEventListener("focusin", y), document.removeEventListener("keydown", h);
+    return document.addEventListener("focusin", x), document.addEventListener("keydown", y), () => {
+      document.removeEventListener("focusin", x), document.removeEventListener("keydown", y);
     };
   }, [t]), z(f, () => {
     t && l(a);
   });
-  const I = t && p ? p : L, j = t && _ >= 0 ? `floating-dropdown-button-${_}` : void 0;
+  const _ = t && p ? p : L, j = t && I >= 0 ? `floating-dropdown-button-${I}` : void 0;
   return /* @__PURE__ */ q("div", { className: i.container, ref: f, children: [
     t && /* @__PURE__ */ c(
       "div",
@@ -87,12 +86,12 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
         "aria-activedescendant": j,
         tabIndex: -1,
         ref: m,
-        children: K[0]?.items.map((e, n) => {
+        children: K[0]?.items.map((e, o) => {
           const s = e.props;
           return /* @__PURE__ */ q(
             D,
             {
-              id: "floating-dropdown-button-" + n,
+              id: "floating-dropdown-button-" + o,
               className: i.dropdownItem,
               onClick: T(s.onClick),
               type: "button",
@@ -102,11 +101,11 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
               onMouseEnter: e.onMouseEnter,
               onMouseLeave: e.onMouseLeave,
               children: [
-                /* @__PURE__ */ c(O, { svgElement: s.icon, size: "md", color: "inherit" }),
+                /* @__PURE__ */ c($, { svgElement: s.icon, size: "md", color: "inherit" }),
                 /* @__PURE__ */ c("span", { className: i.itemTitle, children: s.title })
               ]
             },
-            n
+            o
           );
         })
       }
@@ -127,11 +126,11 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
         ref: w,
         autoFocus: !1,
         "aria-controls": t ? "floating-dropdown-menu" : void 0,
-        children: I && /* @__PURE__ */ c(G, { icon: I, size: R })
+        children: _ && /* @__PURE__ */ c(G, { icon: _, size: R })
       }
     )
   ] });
 };
 export {
-  ct as FloatingDropdown
+  st as FloatingDropdown
 };

package/dist/components/Dropdown/index.js

@@ -1,17 +1,17 @@
 import { DropdownBase as e } from "./DropdownBase.js";
-import { Dropdown as t } from "./Dropdown.js";
+import { g as t } from "../../Section-jhq4n77E.js";
 import { Backdrop as f } from "./Backdrop.js";
 import { DrawerBase as w } from "./DrawerBase.js";
 import { DrawerHeader as D } from "./DrawerHeader.js";
 import { DrawerFooter as n } from "./DrawerFooter.js";
 import { DrawerButton as s } from "./DrawerButton.js";
-import { DrawerBody as c } from "./DrawerBody.js";
+import { DrawerBody as F } from "./DrawerBody.js";
 import { DrawerOrDropdown as i } from "./DrawerOrDropdown.js";
 import { FloatingDropdown as l } from "./FloatingDropdown.js";
 export {
   f as Backdrop,
   w as DrawerBase,
-  c as DrawerBody,
+  F as DrawerBody,
   s as DrawerButton,
   n as DrawerFooter,
   D as DrawerHeader,

package/dist/components/Forms/Checkbox.js

@@ -4,7 +4,7 @@ import "react";
 import { Field as e } from "./Field.js";
 import { Label as c } from "./Label.js";
 import { Input as n } from "./Input.js";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Forms/CheckboxOptions.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Checkbox as i } from "./Checkbox.js";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import { OptionsBase as e } from "./OptionsBase.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Forms/FieldBase.js

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

package/dist/components/Forms/FieldsetBase.js

@@ -3,7 +3,7 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Fieldset as p } from "./Fieldset.js";
 import { Legend as e } from "./Legend.js";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Forms/Radio.js

@@ -4,7 +4,7 @@ import "react";
 import { Field as e } from "./Field.js";
 import { Label as d } from "./Label.js";
 import { Input as n } from "./Input.js";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Forms/RadioOptions.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Radio as a } from "./Radio.js";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import { OptionsBase as e } from "./OptionsBase.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Forms/SearchField.js

@@ -2,15 +2,11 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "./Input.js";
-import "./FieldBase.js";
-import { S as s } from "../../SearchField-BU7Imhpe.js";
-import "../RootProvider/RootProvider.js";
+import { z as f } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import "../Icon/TypingIcon.js";
-import "../../MagnifyingGlass-bwVhw07z.js";
-import "../../XMark-tKk6aExO.js";
 export {
-  s as SearchField
+  f as SearchField
 };

package/dist/components/Forms/SelectField.js

@@ -1,13 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Select as p } from "./Select.js";
-import { FieldBase as e } from "./FieldBase.js";
-import "../RootProvider/RootProvider.js";
+import { Select as e } from "./Select.js";
+import { F as p } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-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 }) });
+const x = ({ size: r = "md", label: t, children: m, ...i }) => /* @__PURE__ */ o(p, { label: t, size: r, children: /* @__PURE__ */ o(e, { ...i, size: r, children: m }) });
 export {
-  a as SelectField
+  x as SelectField
 };

package/dist/components/Forms/Switch.js

@@ -4,7 +4,7 @@ import "react";
 import { Field as h } from "./Field.js";
 import { Label as n } from "./Label.js";
 import { Input as f } from "./Input.js";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Forms/SwitchOptions.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Switch as e } from "./Switch.js";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import { OptionsBase as n } from "./OptionsBase.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Forms/TextField.js

@@ -2,12 +2,11 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Input as e } from "./Input.js";
-import { FieldBase as n } from "./FieldBase.js";
-import "../RootProvider/RootProvider.js";
+import { F as n } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-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 }) });
+const u = ({ 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 {
-  h as TextField
+  u as TextField
 };

package/dist/components/Forms/TextFieldDropdown.js

@@ -1,84 +1,79 @@
 "use client";
 import { jsx as r, jsxs as V } from "react/jsx-runtime";
 import { useId as B, useState as f, useRef as x, useMemo as F, useEffect as _, useCallback as I } from "react";
-import { useClickOutside as A } from "../../hooks/useClickOutside.js";
-import { Badge as U } from "../Badge/Badge.js";
-import { DropdownBase as q } from "../Dropdown/DropdownBase.js";
-import { Icon as z } from "../Icon/Icon.js";
+import { useClickOutside as q } from "../../hooks/useClickOutside.js";
+import { Badge as A } from "../Badge/Badge.js";
+import { DropdownBase as J } from "../Dropdown/DropdownBase.js";
+import { F as K, I as U, J as z, K as G, q as H } from "../../Section-jhq4n77E.js";
 import "../../index-p1eeF8LQ.js";
-import { Input as G } from "./Input.js";
-import { FieldBase as H } from "./FieldBase.js";
-import "../RootProvider/RootProvider.js";
+import { Input as P } from "./Input.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { MenuItem as J } from "../Menu/MenuItem.js";
-import { MenuList as K } from "../Menu/MenuList.js";
-import { MenuListItem as P } from "../Menu/MenuListItem.js";
-import { S as Q } from "../../ChevronUp-hn05LboH.js";
-import { S as W } from "../../ChevronDown-D_a7nb-G.js";
+import { MenuList as Q } from "../Menu/MenuList.js";
+import { MenuListItem as W } from "../Menu/MenuListItem.js";
 import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y = "_input_8jcxe_7", Z = "_badge_8jcxe_15", ee = "_dropdownTrigger_8jcxe_36", oe = "_dropdown_8jcxe_36", d = {
   container: X,
   input: Y,
   badge: Z,
   dropdownTrigger: ee,
   dropdown: oe
-}, xe = ({
+}, ge = ({
   label: O,
-  helperText: S,
-  value: p = "",
-  onChange: u,
+  helperText: M,
+  value: u = "",
+  onChange: p,
   options: g,
   validate: v,
-  badge: s,
-  disabled: i,
+  badge: i,
+  disabled: s,
   size: C,
-  color: M,
-  className: N,
-  ...$
+  color: N,
+  className: $,
+  ...k
 }) => {
-  const c = B(), [t, l] = f(!1), [n, w] = f(p), [h, b] = f(-1), [m, k] = f(null), T = x(null), j = x(null), y = x(null);
-  A(T, () => {
-    t && (l(!1), b(-1));
+  const c = B(), [t, a] = f(!1), [n, w] = f(u), [h, b] = f(-1), [m, y] = f(null), T = x(null), j = x(null), D = x(null);
+  q(T, () => {
+    t && (a(!1), b(-1));
   });
-  const a = F(() => n ? g.filter((e) => e.label.toLowerCase().includes(n.toLowerCase())) : g, [n, g]);
+  const l = F(() => n ? g.filter((e) => e.label.toLowerCase().includes(n.toLowerCase())) : g, [n, g]);
   _(() => {
-    w(p);
-  }, [p]), _(() => {
+    w(u);
+  }, [u]), _(() => {
     if (!v) return;
     const e = setTimeout(() => {
       const o = v(n);
-      k(typeof o == "string" ? o : o ? null : "Invalid value");
+      y(typeof o == "string" ? o : o ? null : "Invalid value");
     }, 300);
     return () => clearTimeout(e);
   }, [n, v]), _(() => {
-    if (i || !n) return;
-    const e = a.some((o) => o.label.toLowerCase() === n.toLowerCase());
-    a.length > 0 && !e && !t ? l(!0) : t && a.length === 0 && l(!1);
-  }, [n, a, t, i]);
-  const D = I(
+    if (s || !n) return;
+    const e = l.some((o) => o.label.toLowerCase() === n.toLowerCase());
+    l.length > 0 && !e && !t ? a(!0) : t && l.length === 0 && a(!1);
+  }, [n, l, t, s]);
+  const E = I(
     (e) => {
       const o = e.target.value;
-      w(o), u?.(o);
+      w(o), p?.(o);
     },
-    [u]
-  ), E = I(
+    [p]
+  ), R = I(
     (e) => {
-      w(e.label), u?.(e.value), l(!1), b(-1), j.current?.focus();
+      w(e.label), p?.(e.value), a(!1), b(-1), j.current?.focus();
     },
-    [u]
-  ), R = I(() => {
-    i || (t ? (l(!1), b(-1)) : a.length > 0 && l(!0));
-  }, [i, t, a.length]), L = m ? "danger" : M;
-  return /* @__PURE__ */ r(H, { size: C, color: L, label: O, helperText: m || S, className: N, children: /* @__PURE__ */ V("div", { className: d.container, ref: T, children: [
+    [p]
+  ), S = I(() => {
+    s || (t ? (a(!1), b(-1)) : l.length > 0 && a(!0));
+  }, [s, t, l.length]), L = m ? "danger" : N;
+  return /* @__PURE__ */ r(K, { size: C, color: L, label: O, helperText: m || M, className: $, children: /* @__PURE__ */ V("div", { className: d.container, ref: T, children: [
     /* @__PURE__ */ r(
-      G,
+      P,
       {
-        ...$,
+        ...k,
         ref: j,
         value: n,
-        onChange: D,
-        disabled: i,
+        onChange: E,
+        disabled: s,
         size: C,
         color: L,
         className: d.input,
@@ -89,30 +84,30 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
         "aria-activedescendant": h >= 0 ? `${c}-option-${h}` : void 0,
         "aria-invalid": !!m,
         "aria-describedby": m ? `${c}-error` : void 0,
-        "data-has-badge": !!s
+        "data-has-badge": !!i
       }
     ),
-    s && /* @__PURE__ */ r("span", { className: d.badge, children: /* @__PURE__ */ r(U, { label: s.label, color: s.color, variant: s.variant || "subtle", size: "sm" }) }),
+    i && /* @__PURE__ */ r("span", { className: d.badge, children: /* @__PURE__ */ r(A, { label: i.label, color: i.color, variant: i.variant || "subtle", size: "sm" }) }),
     /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: d.dropdownTrigger,
-        onClick: R,
-        disabled: i,
+        onClick: S,
+        disabled: s,
         "aria-label": t ? "Close dropdown" : "Open dropdown",
         tabIndex: -1,
-        children: /* @__PURE__ */ r(z, { svgElement: t ? Q : W })
+        children: /* @__PURE__ */ r(U, { svgElement: t ? z : G })
       }
     ),
-    /* @__PURE__ */ r(q, { open: t, onClose: () => l(!1), as: "div", className: d.dropdown, children: /* @__PURE__ */ r("div", { id: c, ref: y, role: "listbox", children: /* @__PURE__ */ r(K, { role: "group", children: a.map((e, o) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(
-      J,
+    /* @__PURE__ */ r(J, { open: t, onClose: () => a(!1), as: "div", className: d.dropdown, children: /* @__PURE__ */ r("div", { id: c, ref: D, role: "listbox", children: /* @__PURE__ */ r(Q, { role: "group", children: l.map((e, o) => /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(
+      H,
       {
         id: `${c}-option-${o}`,
         role: "option",
-        "aria-selected": e.value === p,
+        "aria-selected": e.value === u,
         "data-active": h === o,
-        onClick: () => !e.disabled && E(e),
+        onClick: () => !e.disabled && R(e),
         disabled: e.disabled,
         as: "div",
         title: e.label,
@@ -122,5 +117,5 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
   ] }) });
 };
 export {
-  xe as TextFieldDropdown
+  ge as TextFieldDropdown
 };

package/dist/components/Forms/TextareaField.js

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

package/dist/components/Forms/index.js

@@ -2,43 +2,42 @@ import { Field as r } from "./Field.js";
 import { Fieldset as p } from "./Fieldset.js";
 import { Legend as f } from "./Legend.js";
 import { Label as i } from "./Label.js";
-import { Input as a } from "./Input.js";
+import { Input as d } from "./Input.js";
 import { Textarea as s } from "./Textarea.js";
 import { Select as c } from "./Select.js";
-import { Radio as S } from "./Radio.js";
+import { Radio as h } from "./Radio.js";
 import { Checkbox as O } from "./Checkbox.js";
 import { Switch as b } from "./Switch.js";
-import { FieldBase as B } from "./FieldBase.js";
-import { TextField as C } from "./TextField.js";
-import { TextareaField as R } from "./TextareaField.js";
-import { SelectField as u } from "./SelectField.js";
-import { S as I } from "../../SearchField-BU7Imhpe.js";
-import { TextFieldDropdown as q } from "./TextFieldDropdown.js";
-import { FieldsetBase as y } from "./FieldsetBase.js";
-import { OptionsBase as A } from "./OptionsBase.js";
-import { RadioOptions as G } from "./RadioOptions.js";
-import { SwitchOptions as J } from "./SwitchOptions.js";
-import { CheckboxOptions as M } from "./CheckboxOptions.js";
+import { F as B, z as k } from "../../Section-jhq4n77E.js";
+import { TextField as L } from "./TextField.js";
+import { TextareaField as g } from "./TextareaField.js";
+import { SelectField as z } from "./SelectField.js";
+import { TextFieldDropdown as I } from "./TextFieldDropdown.js";
+import { FieldsetBase as q } from "./FieldsetBase.js";
+import { OptionsBase as y } from "./OptionsBase.js";
+import { RadioOptions as E } from "./RadioOptions.js";
+import { SwitchOptions as H } from "./SwitchOptions.js";
+import { CheckboxOptions as K } from "./CheckboxOptions.js";
 export {
   O as Checkbox,
-  M as CheckboxOptions,
+  K as CheckboxOptions,
   r as Field,
   B as FieldBase,
   p as Fieldset,
-  y as FieldsetBase,
-  a as Input,
+  q as FieldsetBase,
+  d as Input,
   i as Label,
   f as Legend,
-  A as OptionsBase,
-  S as Radio,
-  G as RadioOptions,
-  I as SearchField,
+  y as OptionsBase,
+  h as Radio,
+  E as RadioOptions,
+  k as SearchField,
   c as Select,
-  u as SelectField,
+  z as SelectField,
   b as Switch,
-  J as SwitchOptions,
-  C as TextField,
-  q as TextFieldDropdown,
+  H as SwitchOptions,
+  L as TextField,
+  I as TextFieldDropdown,
   s as Textarea,
-  R as TextareaField
+  g as TextareaField
 };