rk-designsystem 1.3.0 → 1.3.1

package/dist/components/DateInput/index.js

@@ -0,0 +1,258 @@
+"use client";
+import { jsxs as S, jsx as g } from "react/jsx-runtime";
+import pe, { forwardRef as be, useEffect as O, useRef as P, useCallback as k, useState as me, useId as ve } from "react";
+import { parse as ge, isValid as he } from "date-fns";
+import a from "./styles.module.css.js";
+import { useLanguageOptional as xe } from "../../context/LanguageContext.js";
+const h = (e) => {
+  const n = e.slice(0, 2), x = e.slice(2, 4), o = e.slice(4, 8);
+  return e.length > 4 ? `${n}.${x}.${o}` : e.length > 2 ? `${n}.${x}` : e.length > 0 ? n : "";
+}, N = (e) => (e || "").replace(/\D/g, "").slice(0, 8), q = (e) => {
+  if (e.length < 8) return null;
+  const n = ge(h(e), "dd.MM.yyyy", /* @__PURE__ */ new Date());
+  return he(n);
+}, ye = be(
+  (e, n) => {
+    const { t: x } = xe();
+    O(() => {
+      const t = "rk-dateinput-inline-styles";
+      if (typeof document > "u" || document.getElementById(t)) return;
+      const r = Ie(a), m = document.createElement("style");
+      m.id = t, m.textContent = r, document.head.appendChild(m);
+    }, []);
+    const {
+      label: o,
+      suffixIcon: V,
+      onSuffixClick: c,
+      className: A,
+      inputWrapperClassName: H,
+      inputClassName: G,
+      value: y,
+      defaultValue: J,
+      onChange: I,
+      onValidationChange: $,
+      readOnly: K,
+      placeholder: Q = "dd.mm.åååå",
+      id: T,
+      name: U,
+      required: X,
+      disabled: w,
+      onClick: Y,
+      onFocus: Z,
+      onBlur: z,
+      autoComplete: _ = "off",
+      "aria-label": j,
+      "aria-labelledby": W,
+      description: C,
+      error: u,
+      "data-color": ee,
+      "data-size": te,
+      ...re
+    } = e, B = y !== void 0, f = P(null);
+    pe.useImperativeHandle(
+      n,
+      () => f.current
+    );
+    const R = P(null), i = k(
+      (t, r) => {
+        t !== R.current && (R.current = t, $ == null || $(t, r));
+      },
+      [$]
+    ), D = k(
+      (t) => h(N(t)),
+      []
+    ), [p, E] = me(
+      () => D(y ?? J)
+    );
+    O(() => {
+      if (B) {
+        const t = D(y);
+        t !== p && (E(t), f.current && f.current.value !== t && (f.current.value = t));
+      }
+    }, [y, B, p, D]);
+    const oe = k(
+      (t) => {
+        const r = t.target, m = p, d = N(r.value), s = h(d);
+        let l = 0;
+        const v = d.length;
+        v <= 2 ? l = v : v <= 4 ? l = v + 1 : l = v + 2, l = Math.min(l, s.length), E(s), r.value = s, r.setSelectionRange(l, l), (s !== m || B) && (I == null || I(t, s));
+        const fe = q(d);
+        (d.length === 0 || d.length === 8) && i(d.length === 0 ? null : fe, s);
+      },
+      [p, B, I, i]
+    ), ae = k(
+      (t) => {
+        const r = N(t.target.value);
+        r.length === 0 ? i(null, "") : r.length < 8 ? i(!1, h(r)) : i(q(r), h(r)), z == null || z(t);
+      },
+      [z, i]
+    ), ne = [a.fieldset, A].filter(Boolean).join(" "), le = [
+      a.inputWrapper,
+      H,
+      u ? a.inputWrapperError : ""
+    ].filter(Boolean).join(" "), ie = [
+      G
+    ].filter(Boolean).join(" "), de = [
+      a.suffixButton,
+      c ? a.suffixButtonInteractive : ""
+    ].filter(Boolean).join(" ");
+    !o && !j && !W && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
+    const se = ve(), b = T ?? `dateinput${se}`, F = o && typeof o == "string" ? `${b}-label` : void 0, L = C ? `${b}-desc` : void 0, M = u ? `${b}-err` : void 0, ce = [L, M].filter(Boolean).join(" ") || void 0, ue = W ?? F;
+    return (
+      // --- Bruk data-color og data-size på den ytre wrapperen ---
+      /* @__PURE__ */ S(
+        "div",
+        {
+          className: ne,
+          "data-color": ee,
+          "data-size": te,
+          children: [
+            o && typeof o == "string" ? /* @__PURE__ */ g("label", { id: F, htmlFor: b, children: o }) : o,
+            C && /* @__PURE__ */ g("p", { id: L, className: a.description, children: C }),
+            /* @__PURE__ */ S("div", { className: le, children: [
+              /* @__PURE__ */ g(
+                "input",
+                {
+                  ref: f,
+                  type: "text",
+                  inputMode: "numeric",
+                  pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
+                  maxLength: 10,
+                  value: p,
+                  readOnly: K,
+                  placeholder: Q,
+                  id: b,
+                  name: U,
+                  required: X,
+                  disabled: w,
+                  onClick: Y,
+                  onChange: oe,
+                  onFocus: Z,
+                  onBlur: ae,
+                  autoComplete: _,
+                  "aria-label": j,
+                  "aria-labelledby": ue,
+                  "aria-describedby": ce,
+                  "aria-invalid": !!u,
+                  className: ie,
+                  ...re
+                }
+              ),
+              V && /* @__PURE__ */ g(
+                "button",
+                {
+                  type: "button",
+                  className: de,
+                  onClick: w ? void 0 : c,
+                  tabIndex: c && !w ? 0 : -1,
+                  "aria-hidden": !c,
+                  disabled: w,
+                  "aria-label": c ? x("dateInput.openDatePicker") : void 0,
+                  children: V
+                }
+              )
+            ] }),
+            u && /* @__PURE__ */ g("p", { id: M, className: a.error, role: "alert", children: u })
+          ]
+        }
+      )
+    );
+  }
+);
+ye.displayName = "DateInput";
+function Ie(e) {
+  return `
+.${e.fieldset} {
+  margin-bottom: var(--ds-size-4, 16px);
+}
+.${e.fieldset} label {
+  display: block;
+  margin-bottom: var(--ds-size-1, 4px);
+  font-weight: var(--ds-font-weight-medium, 500);
+  color: var(--ds-color-text-default, #2b2b2b);
+}
+.${e.description} {
+  font-size: var(--ds-font-size-2, 14px);
+  color: var(--ds-color-text-subtle, #5d5d5d);
+  margin-top: var(--ds-size-1, 4px);
+  margin-bottom: var(--ds-size-2, 8px);
+}
+.${e.error} {
+  font-size: var(--ds-font-size-2, 14px);
+  color: var(--ds-color-danger-text-default, #c30000);
+  margin-top: var(--ds-size-1, 4px);
+}
+.${e.inputWrapper} {
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+  position: relative;
+  border: var(--ds-border-width-default, 1px) solid var(--ds-color-border-default, #797979);
+  border-radius: var(--ds-border-radius-md, 4px);
+  overflow: hidden;
+  transition: border-color 0.1s ease-out, outline 0.1s ease-out;
+}
+.${e.inputWrapperError} {
+  border-color: var(--ds-color-danger-border-default, #c30000);
+}
+.${e.inputWrapper}:focus-within {
+  outline: var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2B2B2B);
+  outline-offset: var(--ds-border-width-focus, 2px);
+}
+.${e.inputWrapper} input {
+  box-sizing: border-box;
+  flex-grow: 1;
+  width: auto;
+  min-width: 0;
+  background-color: var(--ds-color-background-default, #fff);
+  color: var(--ds-color-text-default, #2b2b2b);
+  border: none;
+  border-radius: 0;
+  outline: none;
+  padding: var(--ds-size-2, 8px) var(--ds-size-3, 12px);
+  font-family: inherit;
+  font-size: inherit;
+  appearance: none;
+  -webkit-appearance: none;
+}
+.${e.inputWrapper} input:disabled {
+  opacity: var(--ds-opacity-disabled, 0.5);
+  cursor: not-allowed;
+  background-color: var(--ds-color-neutral-surface-tinted, #f0f0f0);
+  color: var(--ds-color-neutral-text-subtle, #5d5d5d);
+}
+.${e.suffixButton} {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  padding: 0 var(--ds-size-3, 12px);
+  margin: 0;
+  border: none;
+  border-radius: 0;
+  border-left: var(--ds-border-width-default, 1px) solid var(--ds-color-border-default, #797979);
+  background-color: var(--ds-color-surface-tinted, #e8e8e8);
+  color: var(--ds-color-text-subtle, #5d5d5d);
+  font-size: 1.25rem;
+  box-sizing: border-box;
+  cursor: default;
+  transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
+}
+.${e.suffixButtonInteractive} {
+  cursor: pointer;
+}
+.${e.suffixButtonInteractive}:hover:not(:disabled) {
+  color: var(--ds-color-text-default, #2b2b2b);
+  background-color: var(--ds-color-surface-hover, #dadada);
+}
+.${e.suffixButton}:disabled {
+  opacity: var(--ds-opacity-disabled, 0.3);
+  cursor: not-allowed;
+  background-color: var(--ds-color-neutral-surface-tinted, #e8e8e8);
+  border-left-color: var(--ds-color-neutral-border-default, #797979);
+}
+`;
+}
+export {
+  ye as DateInput
+};

package/dist/components/DateInput/styles.module.css.js

@@ -0,0 +1,20 @@
+"use client";
+const t = "_fieldset_1d1ez_2", r = "_description_1d1ez_14", e = "_error_1d1ez_21", n = "_inputWrapper_1d1ez_30", i = "_inputWrapperError_1d1ez_42", o = "_suffixButton_1d1ez_80", s = "_suffixButtonInteractive_1d1ez_100", p = {
+  fieldset: t,
+  description: r,
+  error: e,
+  inputWrapper: n,
+  inputWrapperError: i,
+  suffixButton: o,
+  suffixButtonInteractive: s
+};
+export {
+  p as default,
+  r as description,
+  e as error,
+  t as fieldset,
+  n as inputWrapper,
+  i as inputWrapperError,
+  o as suffixButton,
+  s as suffixButtonInteractive
+};

package/dist/components/DatePicker/index.js

@@ -0,0 +1,357 @@
+"use client";
+import { jsxs as y, jsx as i } from "react/jsx-runtime";
+import { useEffect as N, useState as B, useRef as R, useMemo as D, useCallback as g, useId as ee } from "react";
+import { Button as A } from "@digdir/designsystemet-react";
+import { startOfMonth as u, isValid as w, isSameMonth as C, format as f, startOfWeek as I, addDays as h, subMonths as S, addMonths as W, endOfWeek as te, isSameDay as F, isToday as re, eachDayOfInterval as oe, getDaysInMonth as ae, setDate as ne } from "date-fns";
+import { nb as c } from "date-fns/locale";
+import { ChevronLeftIcon as ie } from "../../assets/images/ChevronLeftIcon.js";
+import { ChevronRightIcon as se } from "../../assets/images/ChevronRightIcon.js";
+import n from "./styles.module.css.js";
+import { useLanguageOptional as de } from "../../context/LanguageContext.js";
+const le = (r) => {
+  const o = u(r), s = I(o, { locale: c }), z = h(s, 41);
+  return oe({ start: s, end: z });
+}, H = (r) => r && r.charAt(0).toUpperCase() + r.slice(1), v = (r, o) => {
+  const s = Math.min(r.getDate(), ae(o));
+  return ne(u(o), s);
+}, ce = ({
+  initialDate: r = /* @__PURE__ */ new Date(),
+  selectedDate: o = null,
+  onDateSelect: s,
+  "data-color": z,
+  "data-size": L
+}) => {
+  const { t: E } = de();
+  N(() => {
+    const t = "rk-datepicker-inline-styles";
+    if (typeof document > "u" || document.getElementById(t)) return;
+    const e = fe(n), a = document.createElement("style");
+    a.id = t, a.textContent = e, document.head.appendChild(a);
+  }, []);
+  const [l, x] = B(
+    u(o && w(o) ? o : r)
+  ), [p, m] = B(
+    () => o && w(o) ? o : r
+  ), P = R(null), $ = R(!1);
+  N(() => {
+    if (o && w(o)) {
+      m(o);
+      const t = u(o);
+      x(
+        (e) => C(t, e) ? e : t
+      );
+    }
+  }, [o]), N(() => {
+    var e;
+    if (!$.current) return;
+    $.current = !1;
+    const t = (e = P.current) == null ? void 0 : e.querySelector(
+      `[data-date="${f(p, "yyyy-MM-dd")}"]`
+    );
+    t == null || t.focus();
+  }, [p, l]);
+  const M = D(
+    () => le(l),
+    [l]
+  ), Y = D(() => {
+    const t = [];
+    for (let e = 0; e < M.length; e += 7)
+      t.push(M.slice(e, e + 7));
+    return t;
+  }, [M]), U = D(() => {
+    const t = I(/* @__PURE__ */ new Date(), { locale: c });
+    return Array.from({ length: 7 }).map((e, a) => {
+      const b = f(h(t, a), "EEEEEE", { locale: c });
+      return H(b);
+    });
+  }, []), K = g(() => {
+    x((t) => {
+      const e = u(S(t, 1));
+      return m((a) => v(a, e)), e;
+    });
+  }, []), T = g(() => {
+    x((t) => {
+      const e = u(W(t, 1));
+      return m((a) => v(a, e)), e;
+    });
+  }, []), k = g(
+    (t) => {
+      m(t), s == null || s(t);
+    },
+    [s]
+  ), d = g((t) => {
+    $.current = !0, m(t), x(
+      (e) => C(t, e) ? e : u(t)
+    );
+  }, []), q = g(
+    (t, e) => {
+      switch (t.key) {
+        case "Enter":
+        case " ":
+          t.preventDefault(), k(e);
+          return;
+        case "ArrowLeft":
+          t.preventDefault(), d(h(e, -1));
+          return;
+        case "ArrowRight":
+          t.preventDefault(), d(h(e, 1));
+          return;
+        case "ArrowUp":
+          t.preventDefault(), d(h(e, -7));
+          return;
+        case "ArrowDown":
+          t.preventDefault(), d(h(e, 7));
+          return;
+        case "Home":
+          t.preventDefault(), d(I(e, { locale: c }));
+          return;
+        case "End":
+          t.preventDefault(), d(te(e, { locale: c }));
+          return;
+        case "PageUp":
+          t.preventDefault(), d(v(e, S(e, 1)));
+          return;
+        case "PageDown":
+          t.preventDefault(), d(v(e, W(e, 1)));
+          return;
+      }
+    },
+    [k, d]
+  ), V = f(l, "MMMM", { locale: c }), _ = f(l, "yyyy", { locale: c }), G = `${H(V)} ${_}`, O = ee(), J = C(p, l) ? p : v(p, l);
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: n.calendarContainer,
+      "data-color": z,
+      "data-size": L,
+      children: [
+        /* @__PURE__ */ y("div", { className: n.calendarHeader, children: [
+          /* @__PURE__ */ i("span", { className: n.monthYear, id: O, "aria-live": "polite", children: G }),
+          /* @__PURE__ */ y("div", { className: n.navigationButtons, children: [
+            /* @__PURE__ */ i(
+              A,
+              {
+                variant: "tertiary",
+                icon: !0,
+                onClick: K,
+                "aria-label": E("datePicker.previousMonth"),
+                children: /* @__PURE__ */ i(ie, {})
+              }
+            ),
+            /* @__PURE__ */ i(
+              A,
+              {
+                variant: "tertiary",
+                icon: !0,
+                onClick: T,
+                "aria-label": E("datePicker.nextMonth"),
+                children: /* @__PURE__ */ i(se, {})
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ y("div", { role: "grid", "aria-labelledby": O, className: n.gridWrapper, ref: P, children: [
+          /* @__PURE__ */ i("div", { role: "row", className: n.gridRow, children: U.map((t) => /* @__PURE__ */ i("div", { role: "columnheader", className: n.dayNameCell, children: t }, t)) }),
+          Y.map((t) => /* @__PURE__ */ i("div", { role: "row", className: n.gridRow, children: t.map((e) => {
+            const a = C(e, l), b = o && w(o) && F(e, o), j = re(e), Q = a && F(e, J), X = [
+              n.dateCell,
+              a ? "" : n.otherMonth,
+              b ? n.selectedDate : "",
+              j && !b ? n.todayDate : ""
+            ].filter(Boolean).join(" ");
+            return /* @__PURE__ */ i(
+              "div",
+              {
+                role: "gridcell",
+                className: X,
+                "data-date": f(e, "yyyy-MM-dd"),
+                onClick: a ? () => k(e) : void 0,
+                onKeyDown: a ? (Z) => q(Z, e) : void 0,
+                tabIndex: a ? Q ? 0 : -1 : void 0,
+                "aria-selected": a ? !!b : void 0,
+                "aria-disabled": !a || void 0,
+                "aria-current": j ? "date" : void 0,
+                "aria-label": f(e, "PPP", { locale: c }),
+                children: /* @__PURE__ */ i("span", { className: n.dateNumberContainer, children: f(e, "d") })
+              },
+              e.toISOString()
+            );
+          }) }, t[0].toISOString()))
+        ] })
+      ]
+    }
+  );
+};
+ce.displayName = "DatePicker";
+function fe(r) {
+  return `
+.${r.calendarContainer} {
+  display: inline-flex;
+  padding: var(--ds-size-8, 32px);
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--ds-size-3, 12px);
+  border: 1px solid var(--ds-color-border-subtle, #ccc);
+  border-radius: var(--ds-border-radius-md, 4px);
+  background-color: var(--ds-color-background-default, #fff);
+  font-family: var(--ds-font-family, sans-serif);
+  color: var(--ds-color-text-default, #2b2b2b);
+  max-width: 100%;
+  box-sizing: border-box;
+}
+.${r.calendarHeader} {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  align-self: stretch;
+}
+.${r.monthYear} {
+  color: var(--ds-color-text-default, #2b2b2b);
+  font-family: var(--ds-font-family, sans-serif);
+  font-size: var(--ds-heading-sm-font-size, 1.5rem);
+  font-weight: var(--ds-heading-sm-font-weight, 500);
+  line-height: var(--ds-heading-sm-line-height, 1.3);
+  margin: 0;
+}
+.${r.navigationButtons} {
+  display: flex;
+  gap: var(--ds-size-1, 4px);
+}
+.${r.navigationButtons} > button:disabled svg {
+  opacity: var(--ds-opacity-disabled, 0.3);
+}
+.${r.gridWrapper} {
+  width: 100%;
+  overflow: hidden;
+}
+.${r.gridRow} {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  width: 100%;
+  text-align: center;
+}
+.${r.dayNameCell} {
+  display: flex;
+  padding: var(--ds-size-2, 8px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  color: var(--ds-color-text-default, #2b2b2b);
+  text-align: center;
+  font-family: var(--ds-font-family, sans-serif);
+  font-size: var(--ds-body-xs-font-size, 14px);
+  font-weight: var(--ds-font-weight-semibold, 600);
+  line-height: var(--ds-body-short-xs-line-height, 1.3);
+  box-sizing: border-box;
+  min-width: 0;
+}
+.${r.dateCell} {
+  display: flex;
+  padding: var(--ds-size-5, 22px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border: var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #bcbcbc);
+  box-sizing: border-box;
+  margin: -0.5px;
+  font-family: var(--ds-font-family, sans-serif);
+  color: var(--ds-color-text-default, #2b2b2b);
+  text-align: center;
+  font-size: var(--ds-body-xs-font-size, 14px);
+  font-weight: var(--ds-body-xs-font-weight, 400);
+  line-height: var(--ds-body-short-xs-line-height, 1.3);
+  cursor: pointer;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+  user-select: none;
+  min-width: 0;
+}
+.${r.dateCell}:focus-visible {
+  outline: var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2b2b2b);
+  outline-offset: calc(-1 * var(--ds-border-width-focus, 3px));
+  position: relative;
+  z-index: 2;
+}
+.${r.dateNumberContainer} {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  transition: color 0.15s ease-in-out, font-weight 0.15s ease-in-out;
+  line-height: 1;
+  box-sizing: border-box;
+  background-color: transparent;
+}
+.${r.dateCell}:hover:not(.${r.otherMonth}):not(.${r.disabled}) {
+  background-color: var(--ds-color-surface-hover, #eee);
+  position: relative;
+  z-index: 1;
+}
+.${r.otherMonth} {
+  color: var(--ds-color-text-subtle, #aaa);
+  cursor: default;
+  pointer-events: none;
+  background-color: var(--ds-color-surface-tinted, #e8e8e8);
+  border: var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #bcbcbc);
+  margin: -0.5px;
+}
+.${r.selectedDate} {
+  background-color: var(--ds-color-base-default, #C30000);
+  border-color: var(--ds-color-base-default, #C30000);
+  color: var(--ds-color-base-contrast-default, #fff);
+  position: relative;
+  z-index: 1;
+}
+.${r.selectedDate} .${r.dateNumberContainer} {
+  color: var(--ds-color-base-contrast-default, #fff);
+  font-weight: var(--ds-font-weight-semibold, 600);
+  background-color: transparent;
+}
+.${r.todayDate} .${r.dateNumberContainer} {
+  font-weight: var(--ds-font-weight-semibold, 600);
+}
+@media (max-width: 480px) {
+  .${r.calendarContainer} {
+    padding: var(--ds-size-4, 16px);
+    gap: var(--ds-size-2, 8px);
+    width: 100%;
+  }
+  .${r.monthYear} {
+    font-size: var(--ds-heading-xs-font-size, 1.125rem);
+  }
+  .${r.dayNameCell} {
+    padding: var(--ds-size-1, 4px);
+    font-size: var(--ds-font-size-1, 12px);
+  }
+  .${r.dateCell} {
+    padding: var(--ds-size-2, 8px);
+    font-size: var(--ds-font-size-1, 12px);
+  }
+  .${r.dateNumberContainer} {
+    width: 20px;
+    height: 20px;
+  }
+}
+@media (max-width: 360px) {
+  .${r.calendarContainer} {
+    padding: var(--ds-size-2, 8px);
+  }
+  .${r.dayNameCell} {
+    padding: 2px;
+    font-size: 10px;
+  }
+  .${r.dateCell} {
+    padding: var(--ds-size-1, 4px);
+    font-size: 11px;
+  }
+  .${r.dateNumberContainer} {
+    width: 16px;
+    height: 16px;
+  }
+}
+`;
+}
+export {
+  ce as DatePicker
+};

package/dist/components/DatePicker/styles.module.css.js

@@ -0,0 +1,30 @@
+"use client";
+const e = "_calendarContainer_1ukqo_1", a = "_calendarHeader_1ukqo_16", t = "_monthYear_1ukqo_23", o = "_navigationButtons_1ukqo_34", n = "_gridWrapper_1ukqo_43", r = "_gridRow_1ukqo_48", _ = "_dayNameCell_1ukqo_55", d = "_dateCell_1ukqo_73", l = "_dateNumberContainer_1ukqo_106", s = "_otherMonth_1ukqo_119", c = "_disabled_1ukqo_119", i = "_selectedDate_1ukqo_145", u = {
+  calendarContainer: e,
+  calendarHeader: a,
+  monthYear: t,
+  navigationButtons: o,
+  gridWrapper: n,
+  gridRow: r,
+  dayNameCell: _,
+  dateCell: d,
+  dateNumberContainer: l,
+  otherMonth: s,
+  disabled: c,
+  selectedDate: i
+};
+export {
+  e as calendarContainer,
+  a as calendarHeader,
+  d as dateCell,
+  l as dateNumberContainer,
+  _ as dayNameCell,
+  u as default,
+  c as disabled,
+  r as gridRow,
+  n as gridWrapper,
+  t as monthYear,
+  o as navigationButtons,
+  s as otherMonth,
+  i as selectedDate
+};

package/dist/components/Details/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Details as t } from "@digdir/designsystemet-react";
+const s = t;
+export {
+  s as Details
+};

package/dist/components/Dialog/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Dialog as o } from "@digdir/designsystemet-react";
+const a = o;
+export {
+  a as Dialog
+};

package/dist/components/Divider/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Divider as i } from "@digdir/designsystemet-react";
+const r = i;
+export {
+  r as Divider
+};