@altinn/altinn-components 0.52.2 → 0.52.4

package/dist/components/Dialog/SeenByLog.js

@@ -1,33 +1,33 @@
 "use client";
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { useState as s, Fragment as h, createElement as l } from "react";
-import "../../index-L8X2o7IH.js";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { useState as a, Fragment as h, createElement as l } from "react";
+import "../../index-p1eeF8LQ.js";
 import "../RootProvider/RootProvider.js";
 import { SeenByLogButton as p } from "./SeenByLogButton.js";
 import { SeenByLogItem as S } from "./SeenByLogItem.js";
-import { Divider as d } from "../Divider/Divider.js";
+import { Divider as s } from "../Divider/Divider.js";
 import { List as x } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as y } from "../Page/Flex.js";
 import { Section as B } from "../Page/Section.js";
 const b = ({
   collapsible: t,
-  expanded: g,
-  title: e,
-  items: r,
+  expanded: d,
+  title: n,
+  items: e,
   size: i = "sm",
-  endUserLabel: f = "You"
+  endUserLabel: g = "You"
 }) => {
-  const [c, u] = s(g || !t && !0);
-  return /* @__PURE__ */ m(B, { spacing: 1, children: [
-    e && /* @__PURE__ */ o(y, { children: t ? /* @__PURE__ */ o(p, { icon: { items: r }, as: "button", onClick: () => {
-      u((n) => !n);
-    }, children: e }) : /* @__PURE__ */ o(p, { icon: { items: r }, as: "div", children: e }) }),
-    e && c && /* @__PURE__ */ o(d, {}),
-    c && /* @__PURE__ */ o(x, { size: i, spacing: 1, children: r == null ? void 0 : r.map((n, a) => /* @__PURE__ */ m(h, { children: [
-      a > 0 && /* @__PURE__ */ o(d, {}),
-      /* @__PURE__ */ l(S, { ...n, key: n.id, size: i, endUserLabel: f })
-    ] }, n.id)) })
+  const [m, f] = a(d || !t && !0);
+  return /* @__PURE__ */ c(B, { spacing: 1, children: [
+    n && /* @__PURE__ */ o(y, { children: t ? /* @__PURE__ */ o(p, { icon: { items: e }, as: "button", onClick: () => {
+      f((r) => !r);
+    }, children: n }) : /* @__PURE__ */ o(p, { icon: { items: e }, as: "div", children: n }) }),
+    n && m && /* @__PURE__ */ o(s, {}),
+    m && /* @__PURE__ */ o(x, { size: i, spacing: 1, children: e?.map((r, u) => /* @__PURE__ */ c(h, { children: [
+      u > 0 && /* @__PURE__ */ o(s, {}),
+      /* @__PURE__ */ l(S, { ...r, key: r.id, size: i, endUserLabel: g })
+    ] }, r.id)) })
   ] });
 };
 export {

package/dist/components/Dialog/SeenByLogButton.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MetaItemLabel as p } from "../Metadata/MetaItemLabel.js";

package/dist/components/Dialog/SeenByLogItem.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { Badge as l } from "../Badge/Badge.js";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Byline as c } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Dropdown/Backdrop.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
+import { c as s } from "../../index-p1eeF8LQ.js";
 import '../../assets/Backdrop.css';const t = "_backdrop_1ea7j_1", p = {
   backdrop: t
 }, n = ({ className: o, color: r, onClick: c }) => /* @__PURE__ */ a("div", { className: s(p.backdrop, o), "data-color": r, onMouseDown: c });

package/dist/components/Dropdown/DrawerBase.js

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
+import { c as s } from "../../index-p1eeF8LQ.js";
 import '../../assets/DrawerBase.css';const m = "_drawer_tvpob_1", c = {
   drawer: m
 }, w = ({

package/dist/components/Dropdown/DrawerBody.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../index-L8X2o7IH.js";
+import { c as t } from "../../index-p1eeF8LQ.js";
 import '../../assets/DrawerBody.css';const c = "_body_oqhlu_1", d = {
   body: c
 }, m = ({ className: o, children: r }) => /* @__PURE__ */ s("div", { className: t(d.body, o), children: r });

package/dist/components/Dropdown/DrawerButton.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { ButtonBase as m } from "../Button/ButtonBase.js";
 import { ButtonLabel as s } from "../Button/ButtonLabel.js";

package/dist/components/Dropdown/DrawerFooter.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as e } from "../../index-L8X2o7IH.js";
+import { c as e } from "../../index-p1eeF8LQ.js";
 import '../../assets/DrawerFooter.css';const s = "_footer_9sr8v_1", f = {
   footer: s
 }, a = ({ className: o, children: r }) => /* @__PURE__ */ t("footer", { className: e(f.footer, o), children: r });

package/dist/components/Dropdown/DrawerHeader.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
+import { c } from "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -1,40 +1,40 @@
-import { jsxs as p, Fragment as l, jsx as r } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import { jsxs as d, Fragment as p, jsx as o } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { Backdrop as d } from "./Backdrop.js";
-import { DrawerHeader as f } from "./DrawerHeader.js";
-import { DrawerFooter as h } from "./DrawerFooter.js";
-import { DrawerButton as D } from "./DrawerButton.js";
-import { DrawerBody as _ } from "./DrawerBody.js";
+import { Backdrop as s } from "./Backdrop.js";
+import { DrawerHeader as c } from "./DrawerHeader.js";
+import { DrawerFooter as l } from "./DrawerFooter.js";
+import { DrawerButton as f } from "./DrawerButton.js";
+import { DrawerBody as h } from "./DrawerBody.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DrawerOrDropdown.css';const n = "_drawerOrDropdown_h06dg_1", O = "_header_h06dg_19", g = "_footer_h06dg_20", e = {
-  drawerOrDropdown: n,
-  header: O,
-  footer: g
-}, z = ({
-  open: i = !1,
-  size: s = "auto",
-  onClose: m,
-  drawerButton: o,
-  children: c,
-  drawerTitle: a
-}) => /* @__PURE__ */ p(l, { children: [
-  i && /* @__PURE__ */ r(d, { onClick: m }),
-  /* @__PURE__ */ p("div", { className: e.drawerOrDropdown, "data-expanded": i, "data-size": s, children: [
-    /* @__PURE__ */ r(f, { className: e.header, title: a, onClose: m }),
-    /* @__PURE__ */ r(_, { children: c }),
-    /* @__PURE__ */ r(h, { className: e.footer, children: o && /* @__PURE__ */ r(
-      D,
+import '../../assets/DrawerOrDropdown.css';const w = "_drawerOrDropdown_h06dg_1", D = "_header_h06dg_19", _ = "_footer_h06dg_20", e = {
+  drawerOrDropdown: w,
+  header: D,
+  footer: _
+}, b = ({
+  open: a = !1,
+  size: i = "auto",
+  onClose: t,
+  drawerButton: r,
+  children: m,
+  drawerTitle: n
+}) => /* @__PURE__ */ d(p, { children: [
+  a && /* @__PURE__ */ o(s, { onClick: t }),
+  /* @__PURE__ */ d("div", { className: e.drawerOrDropdown, "data-expanded": a, "data-size": i, children: [
+    /* @__PURE__ */ o(c, { className: e.header, title: n, onClose: t }),
+    /* @__PURE__ */ o(h, { children: m }),
+    /* @__PURE__ */ o(l, { className: e.footer, children: r && /* @__PURE__ */ o(
+      f,
       {
-        onClick: o == null ? void 0 : o.onClick,
-        onFocus: o == null ? void 0 : o.onFocus,
-        onBlurCapture: o.onBlurCapture,
-        children: o == null ? void 0 : o.label
+        onClick: r?.onClick,
+        onFocus: r?.onFocus,
+        onBlurCapture: r.onBlurCapture,
+        children: r?.label
       }
     ) })
   ] })
 ] });
 export {
-  z as DrawerOrDropdown
+  b as DrawerOrDropdown
 };

package/dist/components/Dropdown/DropdownBase.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
+import { c } from "../../index-p1eeF8LQ.js";
 import { useRef as l } from "react";
 import { useClickOutside as f } from "../../hooks/useClickOutside.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Dropdown/FloatingDropdown.js

@@ -1,67 +1,65 @@
 "use client";
-import { jsxs as _, jsx as e } from "react/jsx-runtime";
-import { useRef as b, useEffect as M } from "react";
-import { useClickOutside as N } from "../../hooks/useClickOutside.js";
-import { useMenu as R } from "../../hooks/useMenu.js";
-import "../../index-L8X2o7IH.js";
-import { Icon as T } from "../Icon/Icon.js";
-import { ButtonBase as B } from "../Button/ButtonBase.js";
-import { ButtonIcon as j } from "../Button/ButtonIcon.js";
-import { useRootContext as z } from "../RootProvider/RootProvider.js";
+import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import { useRef as _, useEffect as E } from "react";
+import { useClickOutside as M } from "../../hooks/useClickOutside.js";
+import { useMenu as N } from "../../hooks/useMenu.js";
+import "../../index-p1eeF8LQ.js";
+import { Icon as R } from "../Icon/Icon.js";
+import { ButtonBase as T } from "../Button/ButtonBase.js";
+import { ButtonIcon as B } from "../Button/ButtonIcon.js";
+import { useRootContext as j } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/FloatingDropdown.css';const D = "_container_dqumv_1", F = "_button_dqumv_13", L = "_dropdown_dqumv_21", A = "_dropdownItem_dqumv_45", S = "_itemTitle_dqumv_75", n = {
-  container: D,
-  button: F,
-  dropdown: L,
-  dropdownItem: A,
-  itemTitle: S
-}, X = ({
-  variant: w = "solid",
-  size: g,
-  icon: h,
+import '../../assets/FloatingDropdown.css';const z = "_container_dqumv_1", D = "_button_dqumv_13", F = "_dropdown_dqumv_21", L = "_dropdownItem_dqumv_45", A = "_itemTitle_dqumv_75", n = {
+  container: z,
+  button: D,
+  dropdown: F,
+  dropdownItem: L,
+  itemTitle: A
+}, W = ({
+  variant: b = "solid",
+  size: w,
+  icon: g,
   iconOpen: a,
-  iconSize: x,
-  iconAltText: I,
+  iconSize: h,
+  iconAltText: x,
   id: r = "floatingDropdown",
   color: l = "company",
-  items: C,
-  dataTestId: k
+  items: I,
+  dataTestId: C
 }) => {
-  var v;
-  const { currentId: q, toggleId: i } = z(), t = q === r, s = b(null), u = b(null), m = () => {
-    var o;
-    (o = u.current) == null || o.focus();
-  }, y = (o) => (d) => {
-    o(d), i(r), m();
-  }, { menu: E, setActiveIndex: p } = R({
-    items: C,
+  const { currentId: k, toggleId: i } = j(), o = k === r, s = _(null), u = _(null), m = () => {
+    u.current?.focus();
+  }, q = (t) => (d) => {
+    t(d), i(r), m();
+  }, { menu: y, setActiveIndex: p } = N({
+    items: I,
     groups: { ungrouped: {} },
-    keyboardEvents: t,
+    keyboardEvents: o,
     onSelect: m,
     ref: s
   });
-  M(() => {
-    t && p(0);
-  }, [t, p]), N(s, () => {
-    t && i(r);
+  E(() => {
+    o && p(0);
+  }, [o, p]), M(s, () => {
+    o && i(r);
   });
-  const f = t && a ? a : h;
-  return /* @__PURE__ */ _("div", { className: n.container, ref: s, children: [
-    t && /* @__PURE__ */ e("div", { className: n.dropdown, "data-color": l, role: "menu", "aria-labelledby": "floating-dropdown-button", children: (v = E[0]) == null ? void 0 : v.items.map((o, d) => {
-      const c = o.props;
-      return /* @__PURE__ */ _(
+  const f = o && a ? a : g;
+  return /* @__PURE__ */ v("div", { className: n.container, ref: s, children: [
+    o && /* @__PURE__ */ e("div", { className: n.dropdown, "data-color": l, role: "menu", "aria-labelledby": "floating-dropdown-button", children: y[0]?.items.map((t, d) => {
+      const c = t.props;
+      return /* @__PURE__ */ v(
         "button",
         {
           className: n.dropdownItem,
-          onClick: y(c.onClick),
+          onClick: q(c.onClick),
           type: "button",
           role: "menuitem",
-          tabIndex: o.active ? 0 : -1,
-          "data-active": o.active,
-          onMouseEnter: o.onMouseEnter,
-          onMouseLeave: o.onMouseLeave,
+          tabIndex: t.active ? 0 : -1,
+          "data-active": t.active,
+          onMouseEnter: t.onMouseEnter,
+          onMouseLeave: t.onMouseLeave,
           children: [
-            /* @__PURE__ */ e(T, { svgElement: c.icon, size: "md", color: "inherit" }),
+            /* @__PURE__ */ e(R, { svgElement: c.icon, size: "md", color: "inherit" }),
             /* @__PURE__ */ e("span", { className: n.itemTitle, children: c.title })
           ]
         },
@@ -69,25 +67,25 @@ import '../../assets/FloatingDropdown.css';const D = "_container_dqumv_1", F = "
       );
     }) }),
     /* @__PURE__ */ e(
-      B,
+      T,
       {
         className: n.button,
-        variant: w,
+        variant: b,
         color: l,
-        size: g,
+        size: w,
         onClick: () => i(r),
-        "data-testid": k,
-        "aria-label": I,
-        "aria-expanded": t,
+        "data-testid": C,
+        "aria-label": x,
+        "aria-expanded": o,
         "aria-haspopup": "menu",
         id: "floating-dropdown-button",
         ref: u,
         autoFocus: !1,
-        children: f && /* @__PURE__ */ e(j, { icon: f, size: x })
+        children: f && /* @__PURE__ */ e(B, { icon: f, size: h })
       }
     )
   ] });
 };
 export {
-  X as FloatingDropdown
+  W as FloatingDropdown
 };

package/dist/components/DsComponents/index.js

@@ -1,12 +1,12 @@
-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 { S as H } from "../../index-B6sKSsN9.js";
-import { S as v } from "../../Spinner-BDXfwXIh.js";
-import { V as I } from "../../index-CnWc2FNH.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 "../../textfield-B_OMMEbF.js";
+import { B as c } from "../../button-MzZgmHyA.js";
+import { D as C } from "../../index-Q0EA2XB0.js";
+import { H as k } from "../../heading-C_XYsUfi.js";
+import { P as T } from "../../paragraph-BRiIBpbY.js";
+import { S as H } from "../../index-Dg71_7ad.js";
+import { S as v } from "../../spinner-0Qe_jRGB.js";
+import { V as I } from "../../index-z82sbSVU.js";
 export {
   o as DsAlert,
   D as DsBadge,

package/dist/components/Footer/FooterAddress.js

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as e } from "../../index-L8X2o7IH.js";
+import { c as e } from "../../index-p1eeF8LQ.js";
 import '../../assets/FooterAddress.css';const o = "_address_1v1q3_1", t = {
   address: o
 }, m = ({ className: s, children: r }) => /* @__PURE__ */ d("address", { className: e(t.address, s), children: r });

package/dist/components/Footer/FooterBase.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as t } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
+import { c } from "../../index-p1eeF8LQ.js";
 import '../../assets/FooterBase.css';const i = "_footer_ln3oe_1", n = "_grid_ln3oe_13", o = {
   footer: i,
   grid: n

package/dist/components/Footer/FooterLogo.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
+import { c as i } from "../../index-p1eeF8LQ.js";
 import { DigdirLogomark as t } from "../Header/DigdirLogomark.js";
 import '../../assets/FooterLogo.css';const c = "_logo_127g0_1", e = "_symbol_127g0_9", s = {
   logo: c,

package/dist/components/Footer/FooterMenu.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
+import { c as l } from "../../index-p1eeF8LQ.js";
 import '../../assets/FooterMenu.css';const c = "_menu_ptaj6_1", i = "_list_ptaj6_7", a = "_link_ptaj6_28", o = {
   menu: c,
   list: i,

package/dist/components/Forms/Checkbox.js

@@ -1,5 +1,5 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Field as e } from "./Field.js";

package/dist/components/Forms/CheckboxOptions.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Checkbox as i } from "./Checkbox.js";

package/dist/components/Forms/Field.js

@@ -1,15 +1,15 @@
-import { jsx as d } from "react/jsx-runtime";
-import { F as e } from "../../index-CnWc2FNH.js";
-const n = ({ size: t, color: o, reverse: r, children: a, ...i }) => /* @__PURE__ */ d(
-  e,
+import { jsx as i } from "react/jsx-runtime";
+import { F as d } from "../../index-z82sbSVU.js";
+const m = ({ size: o, color: t, reverse: r, children: a, ...e }) => /* @__PURE__ */ i(
+  d,
   {
-    ...i,
-    "data-size": t,
-    "data-color": o,
+    ...e,
+    "data-size": o,
+    "data-color": t,
     "data-position": r ? "end" : "start",
     children: a
   }
 );
 export {
-  n as Field
+  m as Field
 };

package/dist/components/Forms/FieldBase.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as m } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as e } from "../Typography/Typography.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Forms/Fieldset.js

@@ -2,8 +2,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import { c as d } from "../../lite-1fxw3LjI.js";
 import { forwardRef as n } from "react";
-import { P as a } from "../../Paragraph-Bm-eoPYv.js";
-import { F as c } from "../../FieldsetLegend-CiZWWPgY.js";
+import { P as a } from "../../paragraph-BRiIBpbY.js";
+import { F as c } from "../../fieldset-legend-B6lDmp0N.js";
 const l = n(function({ className: e, ...t }, i) {
   return r("fieldset", { className: d("ds-fieldset", e), ref: i, ...t });
 }), p = n(function(e, t) {

package/dist/components/Forms/FieldsetBase.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as m } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Fieldset as e } from "./Fieldset.js";

package/dist/components/Forms/Input.js

@@ -1,5 +1,5 @@
 import { jsx as p } from "react/jsx-runtime";
-import { I as s } from "../../Input-B_w6SBmg.js";
+import { I as s } from "../../input-wBv_FkEV.js";
 const m = ({ inputSize: t, size: o, color: r, ...a }) => /* @__PURE__ */ p(
   s,
   {

package/dist/components/Forms/Label.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { L as m } from "../../Label-9elsbqMH.js";
+import { L as m } from "../../label-xTmTyPhk.js";
 const l = ({ size: o, color: r, children: a, ...t }) => /* @__PURE__ */ e(m, { ...t, "data-size": o, "data-color": r, children: a });
 export {
   l as Label

package/dist/components/Forms/Legend.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { F as d } from "../../FieldsetLegend-CiZWWPgY.js";
+import { F as d } from "../../fieldset-legend-B6lDmp0N.js";
 const m = ({ size: e, color: o, children: r, ...t }) => /* @__PURE__ */ a(
   d,
   {

package/dist/components/Forms/Radio.js

@@ -1,5 +1,5 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Field as e } from "./Field.js";

package/dist/components/Forms/RadioOptions.js

@@ -1,11 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import { jsx as r } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { Radio as o } from "./Radio.js";
-import { OptionsBase as p } from "./OptionsBase.js";
+import { Radio as a } from "./Radio.js";
+import { OptionsBase as e } 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)) });
+const R = ({ name: m, options: i = [], ...t }) => /* @__PURE__ */ r(e, { ...t, children: i.map((o, p) => /* @__PURE__ */ r(a, { name: o?.name || m, ...o }, p)) });
 export {
   R as RadioOptions
 };

package/dist/components/Forms/SearchField.js

@@ -1,43 +1,45 @@
-import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import { Icon as p } from "../Icon/Icon.js";
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import { c as p } from "../../index-p1eeF8LQ.js";
+import { Icon as _ } from "../Icon/Icon.js";
 import "react";
-import { IconButton as f } from "../Button/IconButton.js";
+import { IconButton as u } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import { Input as _ } from "./Input.js";
+import { Input as f } 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 = {
-  field: g,
-  icon: h,
-  input: z,
-  clear: S
-}, E = ({
-  className: s,
-  size: c,
-  color: e = "neutral",
-  label: n,
-  value: t,
+import { S as h } from "../../MagnifyingGlass-bwVhw07z.js";
+import { S as z } from "../../XMark-tKk6aExO.js";
+import '../../assets/SearchField.css';const B = "_container_1lz5b_1", N = "_icon_1lz5b_5", b = "_input_1lz5b_19", g = "_clear_1lz5b_29", x = "_clearButton_1lz5b_40", t = {
+  container: B,
+  icon: N,
+  input: b,
+  clear: g,
+  clearButton: x
+}, G = ({
+  className: c,
+  size: e,
+  color: a = "neutral",
+  label: i,
+  value: o,
   onClear: r,
-  clearButtonAltText: m = "Clear search",
-  ...a
-}) => /* @__PURE__ */ i(d, { size: c, color: e, label: n, className: s, children: /* @__PURE__ */ l("div", { className: o.field, children: [
-  /* @__PURE__ */ i(_, { ...a, type: "search", value: t, className: o.input }),
-  /* @__PURE__ */ i(p, { svgElement: u, className: o.icon }),
-  r && !!t && /* @__PURE__ */ i(
-    f,
+  clearButtonAltText: s = "Clear search",
+  ...l
+}) => /* @__PURE__ */ n(d, { size: e, color: a, label: i, className: p(t.field, c), children: /* @__PURE__ */ m("span", { className: t.container, children: [
+  /* @__PURE__ */ n(f, { ...l, type: "search", value: o, className: t.input }),
+  /* @__PURE__ */ n(_, { svgElement: h, className: t.icon }),
+  r && !!o && /* @__PURE__ */ n("span", { className: t.clear, children: /* @__PURE__ */ n(
+    u,
     {
-      icon: k,
-      variant: "solid",
       size: "custom",
-      className: o.clear,
+      rounded: !0,
+      icon: z,
+      variant: "tinted",
+      className: t.clearButton,
       onClick: r,
-      iconAltText: m
+      iconAltText: s
     }
-  )
+  ) })
 ] }) });
 export {
-  E as SearchField
+  G as SearchField
 };