@altinn/altinn-components 0.43.8 → 0.45.0

package/dist/components/Avatar/Avatar.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsx as a, jsxs as S } from "react/jsx-runtime";
-import { c as j } from "../../index-L8X2o7IH.js";
-import { useState as y } from "react";
-import { Skeleton as A } from "../Skeleton/Skeleton.js";
-import { fromStringToColor as E } from "./color.js";
-import '../../assets/Avatar.css';const q = "_avatar_1en7r_1", z = "_shape_1en7r_20", B = "_label_1en7r_31", H = "_image_1en7r_41", L = "_deletedIcon_1en7r_47", r = {
-  avatar: q,
-  shape: z,
-  label: B,
-  image: H,
-  deletedIcon: L
-}, G = (e) => typeof e == "object" && e !== null && "name" in e, J = ({
+import { jsx as a, jsxs as j } from "react/jsx-runtime";
+import { c as y } from "../../index-L8X2o7IH.js";
+import { useState as A } from "react";
+import { Skeleton as E } from "../Skeleton/Skeleton.js";
+import { fromStringToColor as q } from "./color.js";
+import '../../assets/Avatar.css';const z = "_avatar_1en7r_1", B = "_shape_1en7r_20", H = "_label_1en7r_31", L = "_image_1en7r_41", M = "_deletedIcon_1en7r_47", r = {
+  avatar: z,
+  shape: B,
+  label: H,
+  image: L,
+  deletedIcon: M
+}, J = (e) => typeof e == "object" && e !== null && "name" in e, K = ({
   type: e = "person",
   isParent: n,
   isDeleted: m = !1,
@@ -24,12 +24,13 @@ import '../../assets/Avatar.css';const q = "_avatar_1en7r_1", z = "_shape_1en7r_
   customLabel: v,
   loading: c,
   className: b,
+  colorKey: C,
   style: i = {}
 }) => {
-  const [C, I] = y(!1), w = u || e === "person" ? "circle" : "square", x = g || e === "person" ? "light" : "dark";
+  const [I, w] = A(!1), x = u || e === "person" ? "circle" : "square", N = g || e === "person" ? "light" : "dark";
   let o = _;
   e === "company" && typeof n == "boolean" && (o = n ? "solid" : "outline");
-  const { backgroundColor: p, foregroundColor: d } = E(l, x), N = (l[0] ?? "").toUpperCase(), s = t && !C, k = !c && !s ? {
+  const { backgroundColor: p, foregroundColor: d } = q(C ?? l, N), k = (l[0] ?? "").toUpperCase(), s = t && !I, S = !c && !s ? {
     ...i,
     backgroundColor: o === "outline" ? d : p,
     color: o === "outline" ? p : d
@@ -37,12 +38,12 @@ import '../../assets/Avatar.css';const q = "_avatar_1en7r_1", z = "_shape_1en7r_
   return /* @__PURE__ */ a(
     "div",
     {
-      className: j(r.avatar, b),
-      style: k,
-      "data-shape": w,
+      className: y(r.avatar, b),
+      style: S,
+      "data-shape": x,
       "data-size": h,
       "aria-hidden": !0,
-      children: /* @__PURE__ */ S(A, { loading: c, className: r.shape, variant: "circle", children: [
+      children: /* @__PURE__ */ j(E, { loading: c, className: r.shape, variant: "circle", children: [
         /* @__PURE__ */ a("div", { className: r.shape, "data-variant": o, children: s && /* @__PURE__ */ a(
           "img",
           {
@@ -50,11 +51,11 @@ import '../../assets/Avatar.css';const q = "_avatar_1en7r_1", z = "_shape_1en7r_
             className: r.image,
             alt: f || t,
             onError: () => {
-              I(!0);
+              w(!0);
             }
           }
         ) }),
-        !s && /* @__PURE__ */ a("span", { className: r.label, children: v || N }),
+        !s && /* @__PURE__ */ a("span", { className: r.label, children: v || k }),
         m && /* @__PURE__ */ a(
           "svg",
           {
@@ -73,6 +74,6 @@ import '../../assets/Avatar.css';const q = "_avatar_1en7r_1", z = "_shape_1en7r_
   );
 };
 export {
-  J as Avatar,
-  G as isAvatarProps
+  K as Avatar,
+  J as isAvatarProps
 };

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -1,20 +1,22 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { QueryLabel as e } from "../Searchbar/QueryLabel.js";
+import { QueryLabel as i } from "../Searchbar/QueryLabel.js";
 import { ListItem as s } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-const I = ({ loading: r, title: m, ariaLabel: t, params: p, ...i }) => /* @__PURE__ */ o(
+const j = ({ loading: r, title: m, ariaLabel: e, params: o, icon: p, ...f }) => /* @__PURE__ */ t(
   s,
   {
-    ...i,
+    ...f,
     loading: r,
+    icon: p,
     title: m,
-    ariaLabel: t,
-    label: !m && !r && /* @__PURE__ */ o(e, { params: p })
+    ariaLabel: e,
+    description: !r && o && /* @__PURE__ */ t(i, { params: o }),
+    label: !m && !r && !o && /* @__PURE__ */ t(i, { params: o })
   }
 );
 export {
-  I as BookmarksListItem
+  j as BookmarksListItem
 };

package/dist/components/Bookmarks/BookmarksSection.js

@@ -1,40 +1,36 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { createElement as f } from "react";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { createElement as a } from "react";
 import "../../index-L8X2o7IH.js";
-import { Typography as h } from "../Typography/Typography.js";
+import { Typography as c } from "../Typography/Typography.js";
 import { Heading as k } from "../Typography/Heading.js";
 import { BookmarksListItem as l } from "./BookmarksListItem.js";
-import { EditableBookmark as x } from "./EditableBookmark.js";
+import { EditableBookmark as f } from "./EditableBookmark.js";
 import "../RootProvider/RootProvider.js";
-import { List as p } from "../List/List.js";
+import { List as t } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as z } from "../Page/Section.js";
-const U = ({
+import { Section as h } from "../Page/Section.js";
+const H = ({
   loading: o,
-  title: e,
-  description: s,
-  items: t,
-  untitled: d = "Untitled bookmark",
-  titleField: a,
-  expandedId: n,
-  onToggle: m
-}) => /* @__PURE__ */ c(z, { padding: 6, theme: "surface-hover", spacing: 4, bleed: !0, children: [
-  /* @__PURE__ */ i(k, { size: "md", children: e }),
-  o ? /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i(l, { title: e, loading: o, size: "sm" }) }) : t.length > 0 && /* @__PURE__ */ i(p, { spacing: "xs", children: t.map((r) => /* @__PURE__ */ f(
-    x,
+  title: m,
+  description: p,
+  items: e,
+  untitled: s = "Untitled bookmark",
+  titleField: n
+}) => /* @__PURE__ */ d(h, { padding: 6, spacing: 4, bleed: !0, children: [
+  /* @__PURE__ */ r(k, { size: "md", children: m }),
+  o ? /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(l, { title: m, loading: o, size: "sm" }) }) : e.length > 0 && /* @__PURE__ */ r(t, { spacing: "xs", children: e.map((i) => /* @__PURE__ */ a(
+    f,
     {
-      ...r,
-      key: r.id,
-      loading: o || r.loading,
-      onToggle: () => m == null ? void 0 : m(r.id),
-      expanded: n === r.id,
-      untitled: d,
-      titleField: a,
+      ...i,
+      key: i.id,
+      loading: o || i.loading,
+      untitled: s,
+      titleField: n,
       size: "sm"
     }
   )) }),
-  /* @__PURE__ */ i(h, { size: "xs", children: s })
+  /* @__PURE__ */ r(c, { size: "xs", children: p })
 ] });
 export {
-  U as BookmarksSection
+  H as BookmarksSection
 };

package/dist/components/Bookmarks/EditableBookmark.js

@@ -1,74 +1,89 @@
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import { useState as b } from "react";
+import { jsxs as s, Fragment as b, jsx as o } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { Icon as d } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { Button as p } from "../Button/Button.js";
-import { IconButton as h } from "../Button/IconButton.js";
-import { BookmarksListItem as y } from "./BookmarksListItem.js";
+import { Button as u } from "../Button/Button.js";
+import { IconButton as C } from "../Button/IconButton.js";
+import { BookmarksListItem as L } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
-import { QueryLabel as I } from "../Searchbar/QueryLabel.js";
+import { QueryLabel as j } from "../Searchbar/QueryLabel.js";
+import { TextField as F } from "../Forms/TextField.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as L } from "../Page/Flex.js";
-import { Section as d } from "../Page/Section.js";
-import { TextField as j } from "../Forms/TextField.js";
-import { S as v } from "../../XMark-tKk6aExO.js";
-import { S as T } from "../../Pencil-BVHLEoQy.js";
-const H = ({
-  id: g,
-  title: r,
+import { Flex as x } from "../Page/Flex.js";
+import { SettingsModal as M } from "../Settings/SettingsModal.js";
+import { S as O } from "../../Pencil-BVHLEoQy.js";
+import { S as h } from "../../MagnifyingGlass-bwVhw07z.js";
+const U = ({
+  id: k,
+  title: t,
   untitled: e,
-  params: n,
-  expanded: i,
-  onToggle: k,
-  titleField: s,
-  saveButton: t,
-  removeButton: m,
-  inputValue: a,
-  onChange: l,
-  expandIconAltText: S,
-  ...u
+  params: m,
+  titleField: a,
+  saveButton: i,
+  removeButton: n,
+  inputValue: l,
+  onChange: c,
+  editIconAltText: S = "Edit",
+  ...v
 }) => {
-  const [x, z] = b("");
-  return /* @__PURE__ */ o(
-    y,
-    {
-      ...u,
-      expanded: i,
-      id: g,
-      title: i ? r || e : r,
-      ariaLabel: r || e,
-      params: n,
-      controls: /* @__PURE__ */ o(
-        h,
-        {
-          variant: "outline",
-          size: "xs",
-          icon: i ? v : T,
-          onClick: k,
-          iconAltText: S
-        }
-      ),
-      children: /* @__PURE__ */ f(d, { padding: 4, spacing: 4, children: [
-        /* @__PURE__ */ o(I, { params: n }),
-        s && /* @__PURE__ */ o(
-          j,
+  const [I, y] = g(""), [p, f] = g(!1), z = (r) => {
+    r.preventDefault(), r.stopPropagation(), f(!0);
+  }, E = () => {
+    f(!1);
+  };
+  return /* @__PURE__ */ s(b, { children: [
+    /* @__PURE__ */ o(
+      L,
+      {
+        ...v,
+        id: k,
+        title: t || e,
+        ariaLabel: t || e,
+        params: m,
+        icon: /* @__PURE__ */ o(d, { svgElement: h }),
+        linkIcon: !0,
+        controls: /* @__PURE__ */ o(
+          C,
           {
-            ...s,
-            size: "sm",
-            name: "title",
-            value: typeof a == "string" ? a : x,
-            onChange: (c) => {
-              typeof l == "function" ? l(c) : z(c.target.value);
-            }
+            variant: "outline",
+            size: "xs",
+            icon: O,
+            onClick: z,
+            iconAltText: S
           }
-        ),
-        (t || m) && /* @__PURE__ */ f(L, { as: "footer", direction: "row", spacing: 2, children: [
-          t && /* @__PURE__ */ o(p, { ...t, size: "sm" }),
-          m && /* @__PURE__ */ o(p, { ...m, variant: "outline", size: "sm" })
+        )
+      }
+    ),
+    p && /* @__PURE__ */ o(
+      M,
+      {
+        icon: /* @__PURE__ */ o(d, { svgElement: h }),
+        title: t || e,
+        open: p,
+        onClose: E,
+        children: /* @__PURE__ */ s(x, { direction: "col", spacing: 4, children: [
+          /* @__PURE__ */ o(j, { params: m }),
+          a && /* @__PURE__ */ o(
+            F,
+            {
+              ...a,
+              size: "sm",
+              name: "title",
+              value: typeof l == "string" ? l : I,
+              onChange: (r) => {
+                typeof c == "function" ? c(r) : y(r.target.value);
+              }
+            }
+          ),
+          (i || n) && /* @__PURE__ */ s(x, { as: "footer", direction: "row", spacing: 2, children: [
+            i && /* @__PURE__ */ o(u, { ...i, size: "sm" }),
+            n && /* @__PURE__ */ o(u, { ...n, variant: "outline", size: "sm" })
+          ] })
         ] })
-      ] })
-    }
-  );
+      }
+    )
+  ] });
 };
 export {
-  H as EditableBookmark
+  U as EditableBookmark
 };

package/dist/components/Dashboard/DashboardHeader.js

@@ -9,7 +9,7 @@ import "../Snackbar/useSnackbar.js";
 import { Flex as t } from "../Page/Flex.js";
 import { Section as d } from "../Page/Section.js";
 import { DashboardIcon as h } from "./DashboardIcon.js";
-const H = ({ icon: i, title: m, description: p, loading: r, children: s }) => /* @__PURE__ */ o(d, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", bleed: !0, children: [
+const H = ({ icon: i, title: m, description: p, loading: r, children: s }) => /* @__PURE__ */ o(d, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", children: [
   /* @__PURE__ */ o(t, { direction: "row", align: "center", spacing: 3, children: [
     i && /* @__PURE__ */ e(h, { loading: r, icon: i }),
     /* @__PURE__ */ o(t, { direction: "col", spacing: 0, children: [

package/dist/components/Dropdown/DrawerBase.js

@@ -1,24 +1,26 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as d } from "../../index-L8X2o7IH.js";
-import '../../assets/DrawerBase.css';const s = "_drawer_tvpob_1", c = {
-  drawer: s
-}, i = ({
+import { jsx as d } from "react/jsx-runtime";
+import { c as s } from "../../index-L8X2o7IH.js";
+import '../../assets/DrawerBase.css';const c = "_drawer_tvpob_1", m = {
+  drawer: c
+}, w = ({
   placement: a = "inline",
-  open: e = !1,
-  className: r,
-  children: t,
-  as: o = "div"
-}) => /* @__PURE__ */ n(
-  o,
+  open: t = !1,
+  className: e,
+  children: o,
+  as: r = "div",
+  dataLayout: n = "mobile"
+}) => /* @__PURE__ */ d(
+  r,
   {
-    className: d(c.drawer, r),
+    className: s(m.drawer, e),
     "data-placement": a,
     "data-variant": "default",
     "data-color": "company",
-    "data-expanded": e,
-    children: t
+    "data-expanded": t,
+    "data-layout": n,
+    children: o
   }
 );
 export {
-  i as DrawerBase
+  w as DrawerBase
 };

package/dist/components/Dropdown/DropdownBase.js

@@ -1,37 +1,39 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
-import { useRef as f } from "react";
-import { useClickOutside as i } from "../../hooks/useClickOutside.js";
+import { jsx as i } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
+import { useRef as l } from "react";
+import { useClickOutside as f } from "../../hooks/useClickOutside.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/DropdownBase.css';const u = "_dropdown_1tyzv_1", w = {
   dropdown: u
-}, v = ({
+}, g = ({
   layout: t,
   size: a = "auto",
   placement: d = "left",
   padding: e = !0,
-  open: n = !1,
-  className: r,
+  open: r = !1,
+  className: n,
   children: s,
   onClose: p,
   as: m = "div"
 }) => {
-  const o = f(null);
-  return i(o, p), /* @__PURE__ */ c(
+  const o = l(null);
+  return f(o, p), /* @__PURE__ */ i(
     m,
     {
       ref: o,
-      className: l(w.dropdown, r),
+      className: c(w.dropdown, n),
       "data-layout": t,
       "data-theme": "default",
       "data-shadow": "md",
       "data-size": a,
       "data-placement": d,
       "data-padding": e,
-      "data-expanded": n,
+      "data-expanded": r,
       children: s
     }
   );
 };
 export {
-  v as DropdownBase
+  g as DropdownBase
 };

package/dist/components/Dropdown/FloatingDropdown.js

@@ -3,10 +3,10 @@ import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { useState as k, useRef as N } from "react";
 import { useClickOutside as T } from "../../hooks/useClickOutside.js";
 import { useEscapeKey as g } from "../../hooks/useEscapeKey.js";
-import { ButtonBase as x } from "../Button/ButtonBase.js";
+import { Icon as x } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { ButtonIcon as y } from "../Button/ButtonIcon.js";
-import { Icon as v } from "../Icon/Icon.js";
+import { ButtonBase as y } from "../Button/ButtonBase.js";
+import { ButtonIcon as v } from "../Button/ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/FloatingDropdown.css';const B = "_container_1t2id_1", j = "_button_1t2id_13", z = "_dropdown_1t2id_21", E = "_dropdownItem_1t2id_45", O = "_itemTitle_1t2id_71", n = {
@@ -37,11 +37,11 @@ import '../../assets/FloatingDropdown.css';const B = "_container_1t2id_1", j = "
   const a = e && s ? s : _;
   return /* @__PURE__ */ m("div", { className: n.container, ref: l, children: [
     e && /* @__PURE__ */ o("div", { className: n.dropdown, "data-color": d, children: h.map((t, r) => /* @__PURE__ */ m("button", { className: n.dropdownItem, onClick: C(t.onClick), type: "button", children: [
-      /* @__PURE__ */ o(v, { svgElement: t.icon, size: "md", color: "inherit" }),
+      /* @__PURE__ */ o(x, { svgElement: t.icon, size: "md", color: "inherit" }),
       /* @__PURE__ */ o("span", { className: n.itemTitle, children: t.title })
     ] }, r)) }),
     /* @__PURE__ */ o(
-      x,
+      y,
       {
         className: n.button,
         variant: p,
@@ -51,7 +51,7 @@ import '../../assets/FloatingDropdown.css';const B = "_container_1t2id_1", j = "
         "data-testid": I,
         "aria-label": w,
         "aria-expanded": e,
-        children: a && /* @__PURE__ */ o(y, { icon: a, size: f })
+        children: a && /* @__PURE__ */ o(v, { icon: a, size: f })
       }
     )
   ] });

package/dist/components/DsComponents/index.js

@@ -1,30 +1,34 @@
-import { A as D } from "../../Alert-BzifOfXl.js";
-import { B as o, a as r, C as t, b as i, c as n, D as p, H as g, L as x, d, e as f, P as m, f as h, g as l, h as P, i as b, S, j as c, T as C, u as L } from "../../usePagination-B24SmI8E.js";
-import { D as u } from "../../index-D3Rt9ate.js";
+import { A as o } from "../../Alert-BzifOfXl.js";
+import { B as D, C as r, a as t, b as i, D as p, L as n, c as x, d as f, P as m, e as g, f as d, S, g as l, T as P, u as b } from "../../usePagination-cq1YWZkE.js";
+import { B as c } from "../../Button-B0t0vz2h.js";
+import { D as C } from "../../index-D3Rt9ate.js";
+import { H as k } from "../../Heading-By5DKz2H.js";
 import { P as T } from "../../Paragraph-Bm-eoPYv.js";
-import { V as H } from "../../index-CnWc2FNH.js";
+import { S as H } from "../../index-B6sKSsN9.js";
+import { S as v } from "../../Spinner-BDXfwXIh.js";
+import { V as I } from "../../index-CnWc2FNH.js";
 export {
-  D as DsAlert,
-  o as DsBadge,
-  r as DsButton,
-  t as DsCheckbox,
-  i as DsChip,
-  n as DsCombobox,
-  u as DsDetails,
+  o as DsAlert,
+  D as DsBadge,
+  c as DsButton,
+  r as DsCheckbox,
+  t as DsChip,
+  i as DsCombobox,
+  C as DsDetails,
   p as DsDialog,
-  g as DsHeading,
-  x as DsLink,
-  d as DsListItem,
+  k as DsHeading,
+  n as DsLink,
+  x as DsListItem,
   f as DsListUnordered,
   m as DsPagination,
   T as DsParagraph,
-  h as DsPopover,
-  l as DsSearch,
-  P as DsSkeleton,
-  b as DsSpinner,
+  g as DsPopover,
+  H as DsSearch,
+  d as DsSkeleton,
+  v as DsSpinner,
   S as DsSwitch,
-  c as DsTabs,
-  C as DsTextfield,
-  H as DsValidationMessage,
-  L as useDsPagination
+  l as DsTabs,
+  P as DsTextfield,
+  I as DsValidationMessage,
+  b as useDsPagination
 };

package/dist/components/Forms/Checkbox.js

@@ -2,10 +2,10 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.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 l = ({ 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 })

package/dist/components/Forms/CheckboxOptions.js

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

package/dist/components/Forms/FieldBase.js

@@ -3,9 +3,9 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { Typography as e } from "../Typography/Typography.js";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Field as n } from "./Field.js";
 import { Label as c } from "./Label.js";
+import "../Snackbar/useSnackbar.js";
 const g = ({ 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,

package/dist/components/Forms/FieldsetBase.js

@@ -2,9 +2,9 @@ import { jsxs as i, jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Fieldset as e } from "./Fieldset.js";
 import { Legend as p } from "./Legend.js";
+import "../Snackbar/useSnackbar.js";
 const h = ({ legend: r, children: o, ...t }) => /* @__PURE__ */ i(e, { ...t, children: [
   !!r && /* @__PURE__ */ m(p, { children: r }),
   o

package/dist/components/Forms/Radio.js

@@ -2,10 +2,10 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.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 u = ({ 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 })

package/dist/components/Forms/RadioOptions.js

@@ -2,9 +2,9 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Radio as o } from "./Radio.js";
 import { OptionsBase as p } from "./OptionsBase.js";
+import "../Snackbar/useSnackbar.js";
 const R = ({ name: i, options: t = [], ...a }) => /* @__PURE__ */ m(p, { ...a, children: t.map((r, e) => /* @__PURE__ */ m(o, { name: (r == null ? void 0 : r.name) || i, ...r }, e)) });
 export {
   R as RadioOptions

package/dist/components/Forms/SearchField.js

@@ -4,9 +4,9 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { IconButton as f } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Input as _ } from "./Input.js";
 import { FieldBase as d } from "./FieldBase.js";
+import "../Snackbar/useSnackbar.js";
 import { S as u } from "../../MagnifyingGlass-bwVhw07z.js";
 import { S as k } from "../../XMark-tKk6aExO.js";
 import '../../assets/SearchField.css';const g = "_field_zk1f7_1", h = "_icon_zk1f7_5", z = "_input_zk1f7_14", S = "_clear_zk1f7_24", o = {

package/dist/components/Forms/SelectField.js

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