rk-designsystem 1.1.32 → 1.1.34

package/dist/componentlibrary.es.js

@@ -1,7 +1,7 @@
-import ye, { forwardRef as R, useState as _e, useEffect as we, useMemo as ie, useCallback as V, useRef as Re } from "react";
-import { Alert as Te, Avatar as Se, Badge as $e, BadgePosition as Me, Breadcrumbs as De, BreadcrumbsList as Ae, BreadcrumbsItem as Oe, BreadcrumbsLink as We, Button as de, Card as Le, CardBlock as Be, Checkbox as Ie, Fieldset as Ce, useCheckboxGroup as Fe, Chip as Ve, Details as Ye, Dialog as He, Divider as ze, Dropdown as Ge, ErrorSummary as qe, FieldDescription as Xe, FieldCounter as Ke, Field as Je, Heading as Ue, Input as Qe, Label as Ze, Link as et, List as tt, Pagination as at, usePagination as rt, Paragraph as nt, Popover as ot, Radio as st, useRadioGroup as it, Search as lt, Select as ct, Skeleton as ut, SkipLink as dt, Spinner as mt, EXPERIMENTAL_Suggestion as ft, Switch as ht, Table as pt, Tabs as bt, Tag as vt, Textarea as gt, Textfield as kt, ToggleGroup as yt, Tooltip as _t, ValidationMessage as wt } from "@digdir/designsystemet-react";
-import { startOfMonth as I, isValid as ce, isSameMonth as me, startOfWeek as xe, format as J, addDays as Pe, subMonths as Ct, addMonths as xt, isSameDay as Pt, isToday as Et, eachDayOfInterval as jt } from "date-fns";
-var le = { exports: {} }, U = {};
+import xe, { forwardRef as T, useState as Ce, useEffect as Pe, useMemo as oe, useCallback as Y, useRef as Se } from "react";
+import { Alert as $e, Avatar as Me, Badge as De, BadgePosition as Ae, Breadcrumbs as Oe, BreadcrumbsList as We, BreadcrumbsItem as Le, BreadcrumbsLink as Be, Button as me, Card as Ie, CardBlock as Fe, Checkbox as Ve, Fieldset as we, useCheckboxGroup as Ye, Chip as He, Details as ze, Dialog as Ge, Divider as qe, Dropdown as Xe, ErrorSummary as Ke, FieldDescription as Je, FieldCounter as Ue, Field as Qe, Heading as Ze, Input as et, Label as tt, Link as at, List as rt, Pagination as nt, usePagination as ot, Paragraph as st, Popover as it, Radio as lt, useRadioGroup as ct, Search as dt, Select as ut, Skeleton as mt, SkipLink as ft, Spinner as ht, EXPERIMENTAL_Suggestion as pt, Switch as bt, Table as vt, Tabs as gt, Tag as kt, Textarea as yt, Textfield as _t, ToggleGroup as xt, Tooltip as Ct, ValidationMessage as Pt } from "@digdir/designsystemet-react";
+import { startOfMonth as F, isValid as de, isSameMonth as he, startOfWeek as Ee, format as J, addDays as je, subMonths as wt, addMonths as Et, isSameDay as jt, isToday as Nt, eachDayOfInterval as Rt } from "date-fns";
+var se = { exports: {} }, U = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -11,24 +11,24 @@ var le = { exports: {} }, U = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var fe;
-function Nt() {
-  if (fe) return U;
-  fe = 1;
+var pe;
+function Tt() {
+  if (pe) return U;
+  pe = 1;
   var t = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
-  function r(o, i, m) {
-    var u = null;
-    if (m !== void 0 && (u = "" + m), i.key !== void 0 && (u = "" + i.key), "key" in i) {
-      m = {};
+  function r(o, i, c) {
+    var d = null;
+    if (c !== void 0 && (d = "" + c), i.key !== void 0 && (d = "" + i.key), "key" in i) {
+      c = {};
       for (var h in i)
-        h !== "key" && (m[h] = i[h]);
-    } else m = i;
-    return i = m.ref, {
+        h !== "key" && (c[h] = i[h]);
+    } else c = i;
+    return i = c.ref, {
       $$typeof: t,
       type: o,
-      key: u,
+      key: d,
       ref: i !== void 0 ? i : null,
-      props: m
+      props: c
     };
   }
   return U.Fragment = a, U.jsx = r, U.jsxs = r, U;
@@ -43,42 +43,42 @@ var Q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var he;
-function Rt() {
-  return he || (he = 1, process.env.NODE_ENV !== "production" && (function() {
+var be;
+function St() {
+  return be || (be = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === _ ? null : e.displayName || e.name || null;
+        return e.$$typeof === le ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case s:
+        case C:
           return "Fragment";
-        case w:
+        case l:
           return "Profiler";
-        case x:
+        case z:
           return "StrictMode";
-        case te:
+        case W:
           return "Suspense";
-        case z:
+        case S:
           return "SuspenseList";
-        case L:
+        case ie:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case Y:
-            return "Portal";
           case H:
+            return "Portal";
+          case w:
             return e.displayName || "Context";
-          case T:
+          case j:
             return (e._context.displayName || "Context") + ".Consumer";
-          case W:
+          case N:
             var n = e.render;
             return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case S:
+          case $:
             return n = e.displayName || null, n !== null ? n : t(e.type) || "Memo";
           case G:
             n = e._payload, e = e._init;
@@ -101,16 +101,16 @@ function Rt() {
       }
       if (n) {
         n = console;
-        var d = n.error, c = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return d.call(
+        var u = n.error, f = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return u.call(
           n,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          c
+          f
         ), a(e);
       }
     }
     function o(e) {
-      if (e === s) return "<>";
+      if (e === C) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === G)
         return "<...>";
       try {
@@ -121,48 +121,48 @@ function Rt() {
       }
     }
     function i() {
-      var e = P.A;
+      var e = R.A;
       return e === null ? null : e.getOwner();
     }
-    function m() {
+    function c() {
       return Error("react-stack-top-frame");
     }
-    function u(e) {
-      if (E.call(e, "key")) {
+    function d(e) {
+      if (y.call(e, "key")) {
         var n = Object.getOwnPropertyDescriptor(e, "key").get;
         if (n && n.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
     function h(e, n) {
-      function d() {
-        re || (re = !0, console.error(
+      function u() {
+        q || (q = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           n
         ));
       }
-      d.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: d,
+      u.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: u,
         configurable: !0
       });
     }
-    function g() {
+    function b() {
       var e = t(this.type);
-      return ne[e] || (ne[e] = !0, console.error(
+      return te[e] || (te[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function k(e, n, d, c, C, $) {
-      var f = d.ref;
+    function k(e, n, u, f, B, v) {
+      var m = u.ref;
       return e = {
         $$typeof: O,
         type: e,
         key: n,
-        props: d,
-        _owner: c
-      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
+        props: u,
+        _owner: f
+      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: g
+        get: b
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -177,122 +177,122 @@ function Rt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: C
+        value: B
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: $
+        value: v
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function y(e, n, d, c, C, $) {
-      var f = n.children;
-      if (f !== void 0)
-        if (c)
-          if (ae(f)) {
-            for (c = 0; c < f.length; c++)
-              p(f[c]);
-            Object.freeze && Object.freeze(f);
+    function _(e, n, u, f, B, v) {
+      var m = n.children;
+      if (m !== void 0)
+        if (f)
+          if (L(m)) {
+            for (f = 0; f < m.length; f++)
+              x(m[f]);
+            Object.freeze && Object.freeze(m);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else p(f);
-      if (E.call(n, "key")) {
-        f = t(e);
-        var j = Object.keys(n).filter(function(N) {
-          return N !== "key";
+        else x(m);
+      if (y.call(n, "key")) {
+        m = t(e);
+        var P = Object.keys(n).filter(function(ce) {
+          return ce !== "key";
         });
-        c = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", X[f + c] || (j = 0 < j.length ? "{" + j.join(": ..., ") + ": ...}" : "{}", console.error(
+        f = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", ne[m + f] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          c,
           f,
-          j,
-          f
-        ), X[f + c] = !0);
+          m,
+          P,
+          m
+        ), ne[m + f] = !0);
       }
-      if (f = null, d !== void 0 && (r(d), f = "" + d), u(n) && (r(n.key), f = "" + n.key), "key" in n) {
-        d = {};
-        for (var B in n)
-          B !== "key" && (d[B] = n[B]);
-      } else d = n;
-      return f && h(
-        d,
+      if (m = null, u !== void 0 && (r(u), m = "" + u), d(n) && (r(n.key), m = "" + n.key), "key" in n) {
+        u = {};
+        for (var X in n)
+          X !== "key" && (u[X] = n[X]);
+      } else u = n;
+      return m && h(
+        u,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), k(
         e,
-        f,
-        d,
+        m,
+        u,
         i(),
-        C,
-        $
+        B,
+        v
       );
     }
-    function p(e) {
+    function x(e) {
       A(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === G && (e._payload.status === "fulfilled" ? A(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
     function A(e) {
       return typeof e == "object" && e !== null && e.$$typeof === O;
     }
-    var b = ye, O = Symbol.for("react.transitional.element"), Y = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), H = Symbol.for("react.context"), W = Symbol.for("react.forward_ref"), te = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), G = Symbol.for("react.lazy"), L = Symbol.for("react.activity"), _ = Symbol.for("react.client.reference"), P = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, E = Object.prototype.hasOwnProperty, ae = Array.isArray, q = console.createTask ? console.createTask : function() {
+    var p = xe, O = Symbol.for("react.transitional.element"), H = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), z = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), w = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), $ = Symbol.for("react.memo"), G = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), le = Symbol.for("react.client.reference"), R = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, y = Object.prototype.hasOwnProperty, L = Array.isArray, E = console.createTask ? console.createTask : function() {
       return null;
     };
-    b = {
+    p = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var re, ne = {}, oe = b.react_stack_bottom_frame.bind(
-      b,
-      m
-    )(), se = q(o(m)), X = {};
-    Q.Fragment = s, Q.jsx = function(e, n, d) {
-      var c = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return y(
+    var q, te = {}, ae = p.react_stack_bottom_frame.bind(
+      p,
+      c
+    )(), re = E(o(c)), ne = {};
+    Q.Fragment = C, Q.jsx = function(e, n, u) {
+      var f = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return _(
         e,
         n,
-        d,
+        u,
         !1,
-        c ? Error("react-stack-top-frame") : oe,
-        c ? q(o(e)) : se
+        f ? Error("react-stack-top-frame") : ae,
+        f ? E(o(e)) : re
       );
-    }, Q.jsxs = function(e, n, d) {
-      var c = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return y(
+    }, Q.jsxs = function(e, n, u) {
+      var f = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return _(
         e,
         n,
-        d,
+        u,
         !0,
-        c ? Error("react-stack-top-frame") : oe,
-        c ? q(o(e)) : se
+        f ? Error("react-stack-top-frame") : ae,
+        f ? E(o(e)) : re
       );
     };
   })()), Q;
 }
-var pe;
-function Tt() {
-  return pe || (pe = 1, process.env.NODE_ENV === "production" ? le.exports = Nt() : le.exports = Rt()), le.exports;
+var ve;
+function $t() {
+  return ve || (ve = 1, process.env.NODE_ENV === "production" ? se.exports = Tt() : se.exports = St()), se.exports;
 }
-var l = Tt();
-const St = R((t, a) => /* @__PURE__ */ l.jsx(Te, { ref: a, ...t }));
-St.displayName = "Alert";
-const $t = R((t, a) => /* @__PURE__ */ l.jsx(Se, { ref: a, ...t }));
-$t.displayName = "Avatar";
-const Mt = R((t, a) => /* @__PURE__ */ l.jsx($e, { ref: a, ...t }));
-Mt.displayName = "Badge";
-const za = Me, Ga = De, qa = Ae, Xa = Oe, Ka = We, Dt = de;
-Dt.displayName = "Button";
-const At = Le, Ja = Be;
-At.displayName = "Card";
-const Ot = Ie, Wt = Ce, Ua = Fe;
-Ot.displayName = "Checkbox";
-Wt.displayName = "Fieldset";
-const Qa = Ve;
+var s = $t();
+const Mt = T((t, a) => /* @__PURE__ */ s.jsx($e, { ref: a, ...t }));
+Mt.displayName = "Alert";
+const Dt = T((t, a) => /* @__PURE__ */ s.jsx(Me, { ref: a, ...t }));
+Dt.displayName = "Avatar";
+const At = T((t, a) => /* @__PURE__ */ s.jsx(De, { ref: a, ...t }));
+At.displayName = "Badge";
+const qa = Ae, Xa = Oe, Ka = We, Ja = Le, Ua = Be, Ot = me;
+Ot.displayName = "Button";
+const Wt = Ie, Qa = Fe;
+Wt.displayName = "Card";
+const Lt = Ve, Bt = we, Za = Ye;
+Lt.displayName = "Checkbox";
+Bt.displayName = "Fieldset";
+const er = He;
 function ue(t) {
   return (a = {}) => {
     const r = a.width ? String(a.width) : t.defaultWidth;
@@ -304,57 +304,57 @@ function Z(t) {
     const o = r != null && r.context ? String(r.context) : "standalone";
     let i;
     if (o === "formatting" && t.formattingValues) {
-      const u = t.defaultFormattingWidth || t.defaultWidth, h = r != null && r.width ? String(r.width) : u;
-      i = t.formattingValues[h] || t.formattingValues[u];
+      const d = t.defaultFormattingWidth || t.defaultWidth, h = r != null && r.width ? String(r.width) : d;
+      i = t.formattingValues[h] || t.formattingValues[d];
     } else {
-      const u = t.defaultWidth, h = r != null && r.width ? String(r.width) : t.defaultWidth;
-      i = t.values[h] || t.values[u];
+      const d = t.defaultWidth, h = r != null && r.width ? String(r.width) : t.defaultWidth;
+      i = t.values[h] || t.values[d];
     }
-    const m = t.argumentCallback ? t.argumentCallback(a) : a;
-    return i[m];
+    const c = t.argumentCallback ? t.argumentCallback(a) : a;
+    return i[c];
   };
 }
 function ee(t) {
   return (a, r = {}) => {
-    const o = r.width, i = o && t.matchPatterns[o] || t.matchPatterns[t.defaultMatchWidth], m = a.match(i);
-    if (!m)
+    const o = r.width, i = o && t.matchPatterns[o] || t.matchPatterns[t.defaultMatchWidth], c = a.match(i);
+    if (!c)
       return null;
-    const u = m[0], h = o && t.parsePatterns[o] || t.parsePatterns[t.defaultParseWidth], g = Array.isArray(h) ? Bt(h, (p) => p.test(u)) : (
+    const d = c[0], h = o && t.parsePatterns[o] || t.parsePatterns[t.defaultParseWidth], b = Array.isArray(h) ? Ft(h, (x) => x.test(d)) : (
       // [TODO] -- I challenge you to fix the type
-      Lt(h, (p) => p.test(u))
+      It(h, (x) => x.test(d))
     );
     let k;
-    k = t.valueCallback ? t.valueCallback(g) : g, k = r.valueCallback ? (
+    k = t.valueCallback ? t.valueCallback(b) : b, k = r.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
       r.valueCallback(k)
     ) : k;
-    const y = a.slice(u.length);
-    return { value: k, rest: y };
+    const _ = a.slice(d.length);
+    return { value: k, rest: _ };
   };
 }
-function Lt(t, a) {
+function It(t, a) {
   for (const r in t)
     if (Object.prototype.hasOwnProperty.call(t, r) && a(t[r]))
       return r;
 }
-function Bt(t, a) {
+function Ft(t, a) {
   for (let r = 0; r < t.length; r++)
     if (a(t[r]))
       return r;
 }
-function It(t) {
+function Vt(t) {
   return (a, r = {}) => {
     const o = a.match(t.matchPattern);
     if (!o) return null;
-    const i = o[0], m = a.match(t.parsePattern);
-    if (!m) return null;
-    let u = t.valueCallback ? t.valueCallback(m[0]) : m[0];
-    u = r.valueCallback ? r.valueCallback(u) : u;
+    const i = o[0], c = a.match(t.parsePattern);
+    if (!c) return null;
+    let d = t.valueCallback ? t.valueCallback(c[0]) : c[0];
+    d = r.valueCallback ? r.valueCallback(d) : d;
     const h = a.slice(i.length);
-    return { value: u, rest: h };
+    return { value: d, rest: h };
   };
 }
-const Ft = {
+const Yt = {
   lessThanXSeconds: {
     one: "mindre enn ett sekund",
     other: "mindre enn {{count}} sekunder"
@@ -416,54 +416,54 @@ const Ft = {
     one: "nesten ett år",
     other: "nesten {{count}} år"
   }
-}, Vt = (t, a, r) => {
+}, Ht = (t, a, r) => {
   let o;
-  const i = Ft[t];
+  const i = Yt[t];
   return typeof i == "string" ? o = i : a === 1 ? o = i.one : o = i.other.replace("{{count}}", String(a)), r != null && r.addSuffix ? r.comparison && r.comparison > 0 ? "om " + o : o + " siden" : o;
-}, Yt = {
+}, zt = {
   full: "EEEE d. MMMM y",
   long: "d. MMMM y",
   medium: "d. MMM y",
   short: "dd.MM.y"
-}, Ht = {
+}, Gt = {
   full: "'kl'. HH:mm:ss zzzz",
   long: "HH:mm:ss z",
   medium: "HH:mm:ss",
   short: "HH:mm"
-}, zt = {
+}, qt = {
   full: "{{date}} 'kl.' {{time}}",
   long: "{{date}} 'kl.' {{time}}",
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
-}, Gt = {
+}, Xt = {
   date: ue({
-    formats: Yt,
+    formats: zt,
     defaultWidth: "full"
   }),
   time: ue({
-    formats: Ht,
+    formats: Gt,
     defaultWidth: "full"
   }),
   dateTime: ue({
-    formats: zt,
+    formats: qt,
     defaultWidth: "full"
   })
-}, qt = {
+}, Kt = {
   lastWeek: "'forrige' eeee 'kl.' p",
   yesterday: "'i går kl.' p",
   today: "'i dag kl.' p",
   tomorrow: "'i morgen kl.' p",
   nextWeek: "EEEE 'kl.' p",
   other: "P"
-}, Xt = (t, a, r, o) => qt[t], Kt = {
+}, Jt = (t, a, r, o) => Kt[t], Ut = {
   narrow: ["f.Kr.", "e.Kr."],
   abbreviated: ["f.Kr.", "e.Kr."],
   wide: ["før Kristus", "etter Kristus"]
-}, Jt = {
+}, Qt = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1. kvartal", "2. kvartal", "3. kvartal", "4. kvartal"]
-}, Ut = {
+}, Zt = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: [
     "jan.",
@@ -493,7 +493,7 @@ const Ft = {
     "november",
     "desember"
   ]
-}, Qt = {
+}, ea = {
   narrow: ["S", "M", "T", "O", "T", "F", "L"],
   short: ["sø", "ma", "ti", "on", "to", "fr", "lø"],
   abbreviated: ["søn", "man", "tir", "ons", "tor", "fre", "lør"],
@@ -506,7 +506,7 @@ const Ft = {
     "fredag",
     "lørdag"
   ]
-}, Zt = {
+}, ta = {
   narrow: {
     am: "a",
     pm: "p",
@@ -537,46 +537,46 @@ const Ft = {
     evening: "på kvelden",
     night: "på natten"
   }
-}, ea = (t, a) => Number(t) + ".", ta = {
-  ordinalNumber: ea,
+}, aa = (t, a) => Number(t) + ".", ra = {
+  ordinalNumber: aa,
   era: Z({
-    values: Kt,
+    values: Ut,
     defaultWidth: "wide"
   }),
   quarter: Z({
-    values: Jt,
+    values: Qt,
     defaultWidth: "wide",
     argumentCallback: (t) => t - 1
   }),
   month: Z({
-    values: Ut,
+    values: Zt,
     defaultWidth: "wide"
   }),
   day: Z({
-    values: Qt,
+    values: ea,
     defaultWidth: "wide"
   }),
   dayPeriod: Z({
-    values: Zt,
+    values: ta,
     defaultWidth: "wide"
   })
-}, aa = /^(\d+)\.?/i, ra = /\d+/i, na = {
+}, na = /^(\d+)\.?/i, oa = /\d+/i, sa = {
   narrow: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
   abbreviated: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
   wide: /^(før Kristus|før vår tid|etter Kristus|vår tid)/i
-}, oa = {
+}, ia = {
   any: [/^f/i, /^e/i]
-}, sa = {
+}, la = {
   narrow: /^[1234]/i,
   abbreviated: /^q[1234]/i,
   wide: /^[1234](\.)? kvartal/i
-}, ia = {
+}, ca = {
   any: [/1/i, /2/i, /3/i, /4/i]
-}, la = {
+}, da = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,
   wide: /^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i
-}, ca = {
+}, ua = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -605,17 +605,17 @@ const Ft = {
     /^n/i,
     /^d/i
   ]
-}, ua = {
+}, ma = {
   narrow: /^[smtofl]/i,
   short: /^(sø|ma|ti|on|to|fr|lø)/i,
   abbreviated: /^(søn|man|tir|ons|tor|fre|lør)/i,
   wide: /^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i
-}, da = {
+}, fa = {
   any: [/^s/i, /^m/i, /^ti/i, /^o/i, /^to/i, /^f/i, /^l/i]
-}, ma = {
+}, ha = {
   narrow: /^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,
   any: /^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i
-}, fa = {
+}, pa = {
   any: {
     am: /^a(\.?\s?m\.?)?$/i,
     pm: /^p(\.?\s?m\.?)?$/i,
@@ -626,55 +626,55 @@ const Ft = {
     evening: /kveld/i,
     night: /natt/i
   }
-}, ha = {
-  ordinalNumber: It({
-    matchPattern: aa,
-    parsePattern: ra,
+}, ba = {
+  ordinalNumber: Vt({
+    matchPattern: na,
+    parsePattern: oa,
     valueCallback: (t) => parseInt(t, 10)
   }),
   era: ee({
-    matchPatterns: na,
+    matchPatterns: sa,
     defaultMatchWidth: "wide",
-    parsePatterns: oa,
+    parsePatterns: ia,
     defaultParseWidth: "any"
   }),
   quarter: ee({
-    matchPatterns: sa,
+    matchPatterns: la,
     defaultMatchWidth: "wide",
-    parsePatterns: ia,
+    parsePatterns: ca,
     defaultParseWidth: "any",
     valueCallback: (t) => t + 1
   }),
   month: ee({
-    matchPatterns: la,
+    matchPatterns: da,
     defaultMatchWidth: "wide",
-    parsePatterns: ca,
+    parsePatterns: ua,
     defaultParseWidth: "any"
   }),
   day: ee({
-    matchPatterns: ua,
+    matchPatterns: ma,
     defaultMatchWidth: "wide",
-    parsePatterns: da,
+    parsePatterns: fa,
     defaultParseWidth: "any"
   }),
   dayPeriod: ee({
-    matchPatterns: ma,
+    matchPatterns: ha,
     defaultMatchWidth: "any",
-    parsePatterns: fa,
+    parsePatterns: pa,
     defaultParseWidth: "any"
   })
-}, F = {
+}, V = {
   code: "nb",
-  formatDistance: Vt,
-  formatLong: Gt,
-  formatRelative: Xt,
-  localize: ta,
-  match: ha,
+  formatDistance: Ht,
+  formatLong: Xt,
+  formatRelative: Jt,
+  localize: ra,
+  match: ba,
   options: {
     weekStartsOn: 1,
     firstWeekContainsDate: 4
   }
-}, Ee = ({ title: t, ...a }) => /* @__PURE__ */ l.jsxs(
+}, Ne = ({ title: t, ...a }) => /* @__PURE__ */ s.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -686,8 +686,8 @@ const Ft = {
     focusable: "false",
     ...a,
     children: [
-      t && /* @__PURE__ */ l.jsx("title", { children: t }),
-      /* @__PURE__ */ l.jsx(
+      t && /* @__PURE__ */ s.jsx("title", { children: t }),
+      /* @__PURE__ */ s.jsx(
         "path",
         {
           fillRule: "evenodd",
@@ -699,8 +699,8 @@ const Ft = {
     ]
   }
 );
-Ee.displayName = "ChevronLeftIcon";
-const je = ({ title: t, ...a }) => /* @__PURE__ */ l.jsxs(
+Ne.displayName = "ChevronLeftIcon";
+const Re = ({ title: t, ...a }) => /* @__PURE__ */ s.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -712,8 +712,8 @@ const je = ({ title: t, ...a }) => /* @__PURE__ */ l.jsxs(
     focusable: "false",
     ...a,
     children: [
-      t && /* @__PURE__ */ l.jsx("title", { children: t }),
-      /* @__PURE__ */ l.jsx(
+      t && /* @__PURE__ */ s.jsx("title", { children: t }),
+      /* @__PURE__ */ s.jsx(
         "path",
         {
           fillRule: "evenodd",
@@ -725,127 +725,138 @@ const je = ({ title: t, ...a }) => /* @__PURE__ */ l.jsxs(
     ]
   }
 );
-je.displayName = "ChevronRightIcon";
-const pa = "_calendarContainer_160wn_3", ba = "_calendarHeader_160wn_17", va = "_monthYear_160wn_24", ga = "_navigationButtons_160wn_36", ka = "_grid_160wn_45", ya = "_dayNameCell_160wn_53", _a = "_dateCell_160wn_72", wa = "_dateNumberContainer_160wn_107", Ca = "_otherMonth_160wn_125", xa = "_selectedDate_160wn_157", v = {
-  calendarContainer: pa,
-  calendarHeader: ba,
-  monthYear: va,
-  navigationButtons: ga,
-  grid: ka,
-  dayNameCell: ya,
-  dateCell: _a,
-  dateNumberContainer: wa,
-  otherMonth: Ca,
-  selectedDate: xa
-}, Pa = (t) => {
-  const a = I(t), r = xe(a, { locale: F }), o = Pe(r, 41);
-  return jt({ start: r, end: o });
-}, be = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), Ea = ({
+Re.displayName = "ChevronRightIcon";
+const va = "_calendarContainer_10l5p_1", ga = "_calendarHeader_10l5p_14", ka = "_monthYear_10l5p_21", ya = "_navigationButtons_10l5p_32", _a = "_grid_10l5p_41", xa = "_dayNameCell_10l5p_48", Ca = "_dateCell_10l5p_65", Pa = "_dateNumberContainer_10l5p_90", wa = "_otherMonth_10l5p_103", Ea = "_selectedDate_10l5p_129", g = {
+  calendarContainer: va,
+  calendarHeader: ga,
+  monthYear: ka,
+  navigationButtons: ya,
+  grid: _a,
+  dayNameCell: xa,
+  dateCell: Ca,
+  dateNumberContainer: Pa,
+  otherMonth: wa,
+  selectedDate: Ea
+}, ja = (t) => {
+  const a = F(t), r = Ee(a, { locale: V }), o = je(r, 41);
+  return Rt({ start: r, end: o });
+}, ge = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), Na = ({
   initialDate: t = /* @__PURE__ */ new Date(),
   selectedDate: a = null,
   // Prop for selected date
-  onDateSelect: r
+  onDateSelect: r,
+  "data-color": o,
+  // <-- Destructured
+  "data-size": i
+  // <-- Destructured
 }) => {
-  const [o, i] = _e(
-    // Initialize with selectedDate's month if valid, otherwise initialDate's month
-    I(a && ce(a) ? a : t)
+  const [c, d] = Ce(
+    F(a && de(a) ? a : t)
   );
-  we(() => {
-    if (a && ce(a)) {
-      const s = I(a);
-      me(s, o) || i(s);
+  Pe(() => {
+    if (a && de(a)) {
+      const l = F(a);
+      he(l, c) || d(l);
     }
   }, [a]);
-  const m = ie(() => I(/* @__PURE__ */ new Date()), []), u = ie(() => !1, [o, m]), h = ie(
-    () => Pa(o),
-    [o]
-  ), g = ie(() => {
-    const s = xe(/* @__PURE__ */ new Date(), { locale: F });
-    return Array.from({ length: 7 }).map((x, w) => {
-      const T = J(Pe(s, w), "EEEEEE", { locale: F });
-      return be(T);
+  const h = oe(() => F(/* @__PURE__ */ new Date()), []), b = oe(() => !1, [c, h]), k = oe(
+    () => ja(c),
+    [c]
+  ), _ = oe(() => {
+    const l = Ee(/* @__PURE__ */ new Date(), { locale: V });
+    return Array.from({ length: 7 }).map((j, w) => {
+      const N = J(je(l, w), "EEEEEE", { locale: V });
+      return ge(N);
     });
-  }, []), k = V(() => {
-    u || i((s) => I(Ct(s, 1)));
-  }, [u]), y = V(() => {
-    i((s) => I(xt(s, 1)));
-  }, []), p = V(
-    (s) => {
-      r && r(s);
+  }, []), x = Y(() => {
+    b || d((l) => F(wt(l, 1)));
+  }, [b]), A = Y(() => {
+    d((l) => F(Et(l, 1)));
+  }, []), p = Y(
+    (l) => {
+      r && r(l);
     },
     [r]
-  ), A = V(
-    (s, x) => {
-      (s.key === "Enter" || s.key === " ") && (s.preventDefault(), p(x));
+  ), O = Y(
+    (l, j) => {
+      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), p(j));
     },
     [p]
-  ), b = J(o, "MMMM", { locale: F }), O = J(o, "yyyy", { locale: F }), Y = `${be(b)} ${O}`;
-  return /* @__PURE__ */ l.jsxs("div", { className: v.calendarContainer, children: [
-    /* @__PURE__ */ l.jsxs("div", { className: v.calendarHeader, children: [
-      /* @__PURE__ */ l.jsx("span", { className: v.monthYear, children: Y }),
-      /* @__PURE__ */ l.jsxs("div", { className: v.navigationButtons, children: [
-        /* @__PURE__ */ l.jsx(
-          de,
-          {
-            variant: "tertiary",
-            icon: !0,
-            onClick: k,
-            "aria-label": "Forrige måned",
-            disabled: u,
-            children: /* @__PURE__ */ l.jsx(Ee, {})
-          }
-        ),
-        /* @__PURE__ */ l.jsx(
-          de,
-          {
-            variant: "tertiary",
-            icon: !0,
-            onClick: y,
-            "aria-label": "Neste måned",
-            children: /* @__PURE__ */ l.jsx(je, {})
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ l.jsx("div", { className: v.grid, children: g.map((s) => /* @__PURE__ */ l.jsx("div", { className: v.dayNameCell, children: s }, s)) }),
-    /* @__PURE__ */ l.jsx("div", { className: v.grid, children: h.map((s) => {
-      const x = me(s, o), w = a && ce(a) && Pt(s, a), T = Et(s), H = [
-        v.dateCell,
-        x ? "" : v.otherMonth,
-        w ? v.selectedDate : "",
-        // Highlighting based on prop
-        T && !w ? v.todayDate : ""
-      ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ l.jsx(
-        "div",
-        {
-          className: H,
-          onClick: () => p(s),
-          onKeyDown: (W) => A(W, s),
-          role: "button",
-          tabIndex: 0,
-          "aria-pressed": w ?? !1,
-          "aria-label": J(s, "PPP", { locale: F }),
-          children: /* @__PURE__ */ l.jsx("span", { className: v.dateNumberContainer, children: J(s, "d") })
-        },
-        s.toISOString()
-      );
-    }) })
-  ] });
+  ), H = J(c, "MMMM", { locale: V }), C = J(c, "yyyy", { locale: V }), z = `${ge(H)} ${C}`;
+  return /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      className: g.calendarContainer,
+      "data-color": o,
+      "data-size": i,
+      children: [
+        /* @__PURE__ */ s.jsxs("div", { className: g.calendarHeader, children: [
+          /* @__PURE__ */ s.jsx("span", { className: g.monthYear, children: z }),
+          /* @__PURE__ */ s.jsxs("div", { className: g.navigationButtons, children: [
+            /* @__PURE__ */ s.jsx(
+              me,
+              {
+                variant: "tertiary",
+                icon: !0,
+                onClick: x,
+                "aria-label": "Forrige måned",
+                disabled: b,
+                children: /* @__PURE__ */ s.jsx(Ne, {})
+              }
+            ),
+            /* @__PURE__ */ s.jsx(
+              me,
+              {
+                variant: "tertiary",
+                icon: !0,
+                onClick: A,
+                "aria-label": "Neste måned",
+                children: /* @__PURE__ */ s.jsx(Re, {})
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ s.jsx("div", { className: g.grid, children: _.map((l) => /* @__PURE__ */ s.jsx("div", { className: g.dayNameCell, children: l }, l)) }),
+        /* @__PURE__ */ s.jsx("div", { className: g.grid, children: k.map((l) => {
+          const j = he(l, c), w = a && de(a) && jt(l, a), N = Nt(l), W = [
+            g.dateCell,
+            j ? "" : g.otherMonth,
+            w ? g.selectedDate : "",
+            // Highlighting based on prop
+            N && !w ? g.todayDate : ""
+          ].filter(Boolean).join(" ");
+          return /* @__PURE__ */ s.jsx(
+            "div",
+            {
+              className: W,
+              onClick: () => p(l),
+              onKeyDown: (S) => O(S, l),
+              role: "button",
+              tabIndex: 0,
+              "aria-pressed": w ?? !1,
+              "aria-label": J(l, "PPP", { locale: V }),
+              children: /* @__PURE__ */ s.jsx("span", { className: g.dateNumberContainer, children: J(l, "d") })
+            },
+            l.toISOString()
+          );
+        }) })
+      ]
+    }
+  );
 };
-Ea.displayName = "DatePicker";
-const ja = "_fieldset_17wt1_4", Na = "_description_17wt1_15", Ra = "_error_17wt1_22", Ta = "_inputWrapper_17wt1_30", Sa = "_inputWrapperError_17wt1_42", $a = "_suffixButton_17wt1_100", Ma = "_suffixButtonInteractive_17wt1_120", D = {
-  fieldset: ja,
-  description: Na,
-  error: Ra,
-  inputWrapper: Ta,
-  inputWrapperError: Sa,
-  suffixButton: $a,
-  suffixButtonInteractive: Ma
-}, ve = (t) => {
+Na.displayName = "DatePicker";
+const Ra = "_fieldset_16fx7_2", Ta = "_description_16fx7_14", Sa = "_error_16fx7_21", $a = "_inputWrapper_16fx7_30", Ma = "_inputWrapperError_16fx7_42", Da = "_suffixButton_16fx7_80", Aa = "_suffixButtonInteractive_16fx7_100", D = {
+  fieldset: Ra,
+  description: Ta,
+  error: Sa,
+  inputWrapper: $a,
+  inputWrapperError: Ma,
+  suffixButton: Da,
+  suffixButtonInteractive: Aa
+}, ke = (t) => {
   const a = t.slice(0, 2), r = t.slice(2, 4), o = t.slice(4, 8);
   return t.length > 4 ? `${a}.${r}.${o}` : t.length > 2 ? `${a}.${r}` : t.length > 0 ? a : "";
-}, ge = (t) => (t || "").replace(/\D/g, ""), ke = (t) => {
+}, ye = (t) => (t || "").replace(/\D/g, ""), _e = (t) => {
   let a = t;
   if (a.length >= 2) {
     const r = parseInt(a.substring(0, 2), 10);
@@ -856,221 +867,218 @@ const ja = "_fieldset_17wt1_4", Na = "_description_17wt1_15", Ra = "_error_17wt1
     !isNaN(r) && r > 12 && (a = a.substring(0, 2) + "12" + a.substring(4));
   }
   return a.slice(0, 8);
-}, Da = R(
+}, Oa = T(
   (t, a) => {
     const {
       label: r,
       suffixIcon: o,
       onSuffixClick: i,
-      className: m,
+      className: c,
       // For outer fieldset
-      inputWrapperClassName: u,
+      inputWrapperClassName: d,
       // For input wrapper div
       inputClassName: h,
       // For the actual input element
-      value: g,
+      value: b,
       defaultValue: k,
-      onChange: y,
-      readOnly: p,
+      onChange: _,
+      readOnly: x,
       placeholder: A = "dd.mm.åååå",
-      id: b,
+      id: p,
       name: O,
-      required: Y,
-      disabled: s,
-      onClick: x,
-      onFocus: w,
+      required: H,
+      disabled: C,
+      onClick: z,
+      onFocus: l,
       // Pass external onFocus
-      onBlur: T,
+      onBlur: j,
       // Pass external onBlur
-      autoComplete: H = "off",
-      "aria-label": W,
-      "aria-labelledby": te,
-      description: z,
-      error: S,
+      autoComplete: w = "off",
+      "aria-label": N,
+      "aria-labelledby": W,
+      description: S,
+      error: $,
       // Use error prop for styling
-      ...G
-    } = t, L = g !== void 0, _ = Re(null);
-    ye.useImperativeHandle(
+      "data-color": G,
+      // <-- Destructure
+      "data-size": ie,
+      // <-- Destructure
+      ...le
+    } = t, R = b !== void 0, y = Se(null);
+    xe.useImperativeHandle(
       a,
-      () => _.current
+      () => y.current
     );
-    const P = V(
-      (c) => {
-        const C = ge(c), $ = ke(C);
-        return ve($);
+    const L = Y(
+      (v) => {
+        const m = ye(v), P = _e(m);
+        return ke(P);
       },
       []
-    ), [E, ae] = _e(
-      () => P(g ?? k)
+    ), [E, q] = Ce(
+      () => L(b ?? k)
     );
-    we(() => {
-      if (L) {
-        const c = P(g);
-        c !== E && (ae(c), _.current && _.current.value !== c && (_.current.value = c));
+    Pe(() => {
+      if (R) {
+        const v = L(b);
+        v !== E && (q(v), y.current && y.current.value !== v && (y.current.value = v));
       }
-    }, [g, L, E, P]);
-    const q = V(
-      (c) => {
-        const C = c.target, $ = C.value, f = E, j = ge($).slice(0, 8), B = ke(j), N = ve(B);
+    }, [b, R, E, L]);
+    const te = Y(
+      (v) => {
+        const m = v.target, P = m.value, X = E, ce = ye(P).slice(0, 8), fe = _e(ce), I = ke(fe);
         let M = 0;
-        const K = B.length;
-        K <= 2 ? M = K : K <= 4 ? M = K + 1 : M = K + 2, M = Math.min(M, N.length), requestAnimationFrame(() => {
-          if (_.current && (ae(N), _.current.value = N, _.current.setSelectionRange(M, M), (N !== f || L) && y)) {
-            const Ne = {
-              ...c,
-              target: { ...C, value: N }
+        const K = fe.length;
+        K <= 2 ? M = K : K <= 4 ? M = K + 1 : M = K + 2, M = Math.min(M, I.length), requestAnimationFrame(() => {
+          if (y.current && (q(I), y.current.value = I, y.current.setSelectionRange(M, M), (I !== X || R) && _)) {
+            const Te = {
+              ...v,
+              target: { ...m, value: I }
             };
-            y(Ne, N);
+            _(Te, I);
           }
         });
       },
-      [E, L, y, P]
-      // Added isControlled and getFormattedValue
-    ), re = [D.fieldset, m].filter(Boolean).join(" "), ne = [
+      [E, R, _, L]
+    ), ae = [D.fieldset, c].filter(Boolean).join(" "), re = [
       D.inputWrapper,
-      // Base style from InputField CSS
-      u,
-      // Allow external override/extension
-      S ? D.inputWrapperError : ""
-      // Apply error class based on prop
-      // Add disabled class if your CSS defines one for the wrapper
-      // disabled ? styles.inputWrapperDisabled : '',
-    ].filter(Boolean).join(" "), oe = [
-      // styles.input, // This class might not exist in InputField/styles.module.css
+      d,
+      $ ? D.inputWrapperError : ""
+    ].filter(Boolean).join(" "), ne = [
       h
-      // Allow external override/extension
-    ].filter(Boolean).join(" "), se = [
+    ].filter(Boolean).join(" "), e = [
       D.suffixButton,
-      // Base style from InputField CSS
       i ? D.suffixButtonInteractive : ""
-      // Add interactive class if clickable
-      // Add disabled class if your CSS defines one for the button
-      // disabled ? styles.suffixButtonDisabled : '',
     ].filter(Boolean).join(" ");
-    !r && !W && !te && console.warn("Warning: DateInput component should have a label, aria-label, or aria-labelledby for accessibility.");
-    const X = r && typeof r == "string" ? te || `${b}-label` : void 0, e = z ? `${b}-desc` : void 0, n = S ? `${b}-err` : void 0, d = [e, n].filter(Boolean).join(" ") || void 0;
+    !r && !N && !W && console.warn("Warning: DateInput component should have a label, aria-label, or aria-labelledby for accessibility.");
+    const n = r && typeof r == "string" ? W || `${p}-label` : void 0, u = S ? `${p}-desc` : void 0, f = $ ? `${p}-err` : void 0, B = [u, f].filter(Boolean).join(" ") || void 0;
     return (
-      // Use the fieldset structure and classes from InputField CSS
-      /* @__PURE__ */ l.jsxs("div", { className: re, children: [
-        r && typeof r == "string" ? /* @__PURE__ */ l.jsx("label", { id: X, htmlFor: b, children: r }) : r,
-        z && /* @__PURE__ */ l.jsxs("p", { id: e, className: D.description, children: [
-          " ",
-          z
-        ] }),
-        /* @__PURE__ */ l.jsxs("div", { className: ne, children: [
-          /* @__PURE__ */ l.jsx(
-            "input",
-            {
-              ref: _,
-              type: "text",
-              inputMode: "numeric",
-              pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
-              maxLength: 10,
-              value: E,
-              readOnly: p,
-              placeholder: A,
-              id: b,
-              name: O,
-              required: Y,
-              disabled: s,
-              onClick: x,
-              onChange: q,
-              onFocus: w,
-              onBlur: T,
-              autoComplete: H,
-              "aria-label": W,
-              "aria-labelledby": X,
-              "aria-describedby": d,
-              "aria-invalid": !!S,
-              className: oe,
-              ...G
-            }
-          ),
-          o && /* @__PURE__ */ l.jsx(
-            "button",
-            {
-              type: "button",
-              className: se,
-              onClick: s ? void 0 : i,
-              tabIndex: i && !s ? 0 : -1,
-              "aria-hidden": !i,
-              disabled: s,
-              "aria-label": i ? "Åpne datovelger" : void 0,
-              children: o
-            }
-          )
-        ] }),
-        S && /* @__PURE__ */ l.jsx("p", { id: n, className: D.error, role: "alert", children: S })
-      ] })
+      // --- Apply data-color and data-size to the outer wrapper ---
+      /* @__PURE__ */ s.jsxs(
+        "div",
+        {
+          className: ae,
+          "data-color": G,
+          "data-size": ie,
+          children: [
+            r && typeof r == "string" ? /* @__PURE__ */ s.jsx("label", { id: n, htmlFor: p, children: r }) : r,
+            S && /* @__PURE__ */ s.jsx("p", { id: u, className: D.description, children: S }),
+            /* @__PURE__ */ s.jsxs("div", { className: re, children: [
+              /* @__PURE__ */ s.jsx(
+                "input",
+                {
+                  ref: y,
+                  type: "text",
+                  inputMode: "numeric",
+                  pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
+                  maxLength: 10,
+                  value: E,
+                  readOnly: x,
+                  placeholder: A,
+                  id: p,
+                  name: O,
+                  required: H,
+                  disabled: C,
+                  onClick: z,
+                  onChange: te,
+                  onFocus: l,
+                  onBlur: j,
+                  autoComplete: w,
+                  "aria-label": N,
+                  "aria-labelledby": n,
+                  "aria-describedby": B,
+                  "aria-invalid": !!$,
+                  className: ne,
+                  ...le
+                }
+              ),
+              o && /* @__PURE__ */ s.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: e,
+                  onClick: C ? void 0 : i,
+                  tabIndex: i && !C ? 0 : -1,
+                  "aria-hidden": !i,
+                  disabled: C,
+                  "aria-label": i ? "Åpne datovelger" : void 0,
+                  children: o
+                }
+              )
+            ] }),
+            $ && /* @__PURE__ */ s.jsx("p", { id: f, className: D.error, role: "alert", children: $ })
+          ]
+        }
+      )
     );
   }
 );
-Da.displayName = "DateInput";
-const Za = Ye, er = He, tr = ze, ar = Ge, rr = qe, nr = Je, Aa = Xe, Oa = Ke;
-Aa.displayName = "Field.Description";
-Oa.displayName = "Field.Counter";
-const or = Ce, Wa = R((t, a) => /* @__PURE__ */ l.jsx(Ue, { ref: a, ...t }));
-Wa.displayName = "Heading";
-const sr = Qe, La = R((t, a) => /* @__PURE__ */ l.jsx(Ze, { ref: a, ...t }));
-La.displayName = "Label";
-const ir = et, lr = tt, cr = at, ur = rt, Ba = R(
-  (t, a) => /* @__PURE__ */ l.jsx(nt, { ref: a, ...t })
+Oa.displayName = "DateInput";
+const tr = ze, ar = Ge, rr = qe, nr = Xe, or = Ke, sr = Qe, Wa = Je, La = Ue;
+Wa.displayName = "Field.Description";
+La.displayName = "Field.Counter";
+const ir = we, Ba = T((t, a) => /* @__PURE__ */ s.jsx(Ze, { ref: a, ...t }));
+Ba.displayName = "Heading";
+const lr = et, Ia = T((t, a) => /* @__PURE__ */ s.jsx(tt, { ref: a, ...t }));
+Ia.displayName = "Label";
+const cr = at, dr = rt, ur = nt, mr = ot, Fa = T(
+  (t, a) => /* @__PURE__ */ s.jsx(st, { ref: a, ...t })
 );
-Ba.displayName = "Paragraph";
-const dr = ot, mr = st, fr = it, hr = lt, pr = ct, br = ut, vr = dt, gr = mt, Ia = ft;
-Ia.displayName = "Suggestion";
-const kr = ht, yr = pt, _r = bt, wr = vt, Cr = gt, xr = kt, Pr = yt, Er = _t, Fa = R((t, a) => /* @__PURE__ */ l.jsx(wt, { ref: a, ...t }));
-Fa.displayName = "ValidationMessage";
+Fa.displayName = "Paragraph";
+const fr = it, hr = lt, pr = ct, br = dt, vr = ut, gr = mt, kr = ft, yr = ht, Va = pt;
+Va.displayName = "Suggestion";
+const _r = bt, xr = vt, Cr = gt, Pr = kt, wr = yt, Er = _t, jr = xt, Nr = Ct, Ya = T((t, a) => /* @__PURE__ */ s.jsx(Pt, { ref: a, ...t }));
+Ya.displayName = "ValidationMessage";
 export {
-  St as Alert,
-  $t as Avatar,
-  Mt as Badge,
-  za as BadgePosition,
-  Ga as Breadcrumbs,
-  Xa as BreadcrumbsItem,
-  Ka as BreadcrumbsLink,
-  qa as BreadcrumbsList,
-  Dt as Button,
-  At as Card,
-  Ja as CardBlock,
-  Ot as Checkbox,
-  Qa as Chip,
-  Da as DateInput,
-  Ea as DatePicker,
-  Za as Details,
-  er as Dialog,
-  tr as Divider,
-  ar as Dropdown,
-  rr as ErrorSummary,
-  nr as Field,
-  Oa as FieldCounter,
-  Aa as FieldDescription,
-  or as Fieldset,
-  Wa as Heading,
-  sr as Input,
-  La as Label,
-  ir as Link,
-  lr as List,
-  cr as Pagination,
-  Ba as Paragraph,
-  dr as Popover,
-  mr as Radio,
-  hr as Search,
-  pr as Select,
-  br as SkeletonLoader,
-  vr as SkipLink,
-  gr as Spinner,
-  Ia as Suggestion,
-  kr as Switch,
-  yr as Table,
-  _r as Tabs,
-  wr as Tag,
-  Cr as Textarea,
-  xr as Textfield,
-  Pr as ToggleGroup,
-  Er as Tooltip,
-  Fa as ValidationMessage,
-  Ua as useCheckboxGroup,
-  ur as usePagination,
-  fr as useRadioGroup
+  Mt as Alert,
+  Dt as Avatar,
+  At as Badge,
+  qa as BadgePosition,
+  Xa as Breadcrumbs,
+  Ja as BreadcrumbsItem,
+  Ua as BreadcrumbsLink,
+  Ka as BreadcrumbsList,
+  Ot as Button,
+  Wt as Card,
+  Qa as CardBlock,
+  Lt as Checkbox,
+  er as Chip,
+  Oa as DateInput,
+  Na as DatePicker,
+  tr as Details,
+  ar as Dialog,
+  rr as Divider,
+  nr as Dropdown,
+  or as ErrorSummary,
+  sr as Field,
+  La as FieldCounter,
+  Wa as FieldDescription,
+  ir as Fieldset,
+  Ba as Heading,
+  lr as Input,
+  Ia as Label,
+  cr as Link,
+  dr as List,
+  ur as Pagination,
+  Fa as Paragraph,
+  fr as Popover,
+  hr as Radio,
+  br as Search,
+  vr as Select,
+  gr as SkeletonLoader,
+  kr as SkipLink,
+  yr as Spinner,
+  Va as Suggestion,
+  _r as Switch,
+  xr as Table,
+  Cr as Tabs,
+  Pr as Tag,
+  wr as Textarea,
+  Er as Textfield,
+  jr as ToggleGroup,
+  Nr as Tooltip,
+  Ya as ValidationMessage,
+  Za as useCheckboxGroup,
+  mr as usePagination,
+  pr as useRadioGroup
 };