@arkitektbedriftene/fe-lib 5.8.1 → 5.8.2

package/dist/system/components/Dropdown.es.js

@@ -1,4 +1,4 @@
-import { jsx as K, Fragment as Er, jsxs as Ke } from "react/jsx-runtime";
+import { jsx as N, Fragment as Er, jsxs as Ke } from "react/jsx-runtime";
 import * as We from "react";
 import { createContext as Pt, useRef as Q, useLayoutEffect as Rr, useEffect as ze, useId as _e, useContext as F, useInsertionEffect as _s, useMemo as ut, useCallback as Gs, Children as Lr, isValidElement as kr, useState as Te, Fragment as Hs, createElement as Fr, forwardRef as Xs, Component as Br, cloneElement as Ir } from "react";
 import Ys from "clsx";
@@ -1910,7 +1910,7 @@ function ja({ children: t, isPresent: e, anchorX: n, root: s }) {
         `), () => {
       p.contains(m) && p.removeChild(m);
     };
-  }, [e]), K(Oa, { isPresent: e, childRef: o, sizeRef: r, children: We.cloneElement(t, { ref: o }) });
+  }, [e]), N(Oa, { isPresent: e, childRef: o, sizeRef: r, children: We.cloneElement(t, { ref: o }) });
 }
 const Na = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom: i, presenceAffectsLayout: o, mode: r, anchorX: a, root: l }) => {
   const u = He(Ua), c = _e();
@@ -1932,7 +1932,7 @@ const Na = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom:
     u.forEach((d, m) => u.set(m, !1));
   }, [n]), We.useEffect(() => {
     !n && !u.size && s && s();
-  }, [n]), r === "popLayout" && (t = K(ja, { isPresent: n, anchorX: a, root: l, children: t })), K(ee.Provider, { value: f, children: t });
+  }, [n]), r === "popLayout" && (t = N(ja, { isPresent: n, anchorX: a, root: l, children: t })), N(ee.Provider, { value: f, children: t });
 };
 function Ua() {
   return /* @__PURE__ */ new Map();
@@ -1976,7 +1976,7 @@ const $a = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presen
   }
   process.env.NODE_ENV !== "production" && o === "wait" && T.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
   const { forceRender: x } = F(Ge);
-  return K(Er, { children: T.map((S) => {
+  return N(Er, { children: T.map((S) => {
     const A = zt(S), w = r && !u ? !1 : h === T || f.includes(A), R = () => {
       if (p.has(A))
         p.set(A, !0);
@@ -1987,7 +1987,7 @@ const $a = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presen
         Z || (I = !1);
       }), I && (x == null || x(), y(m.current), r && (c == null || c()), s && s());
     };
-    return K(Na, { isPresent: w, initial: !d.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: i, mode: o, root: l, onExitComplete: w ? void 0 : R, anchorX: a, children: S }, A);
+    return N(Na, { isPresent: w, initial: !d.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: i, mode: o, root: l, onExitComplete: w ? void 0 : R, anchorX: a, children: S }, A);
   }) });
 }, Ki = Pt({ strict: !1 }), Qn = {
   animation: [
@@ -2460,7 +2460,7 @@ function ue(t, { forwardMotionProps: e = !1 } = {}, n, s) {
       const m = vl(c);
       u = m.MeasureLayout, f.visualElement = ml(t, d, c, s, m.ProjectionNode);
     }
-    return Ke(ne.Provider, { value: f, children: [u && f.visualElement ? K(u, { visualElement: f.visualElement, ...c }) : null, ol(t, a, fl(d, f.visualElement, l), d, h, e)] });
+    return Ke(ne.Provider, { value: f, children: [u && f.visualElement ? N(u, { visualElement: f.visualElement, ...c }) : null, ol(t, a, fl(d, f.visualElement, l), d, h, e)] });
   }
   o.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
   const r = Xs(o);
@@ -3195,30 +3195,30 @@ function Jl(t) {
         ...Z
       }, Dn = (L) => {
         w = !0, f.has(L) && (R = !0, f.delete(L)), T.needsAnimating[L] = !0;
-        const N = t.getValue(L);
-        N && (N.liveStyle = !1);
+        const U = t.getValue(L);
+        U && (U.liveStyle = !1);
       };
       for (const L in Dr) {
-        const N = Z[L], st = Cn[L];
+        const U = Z[L], st = Cn[L];
         if (d.hasOwnProperty(L))
           continue;
         let ht = !1;
-        Oe(N) && Oe(st) ? ht = !fr(N, st) : ht = N !== st, ht ? N != null ? Dn(L) : f.add(L) : N !== void 0 && f.has(L) ? Dn(L) : T.protectedKeys[L] = !0;
+        Oe(U) && Oe(st) ? ht = !fr(U, st) : ht = U !== st, ht ? U != null ? Dn(L) : f.add(L) : U !== void 0 && f.has(L) ? Dn(L) : T.protectedKeys[L] = !0;
       }
       T.prevProp = y, T.prevResolvedValues = Z, T.isActive && (d = { ...d, ...Z }), s && t.blockInitialAnimation && (w = !1);
       const Mn = S && A;
       w && (!Mn || R) && h.push(...I.map((L) => {
-        const N = { type: g };
+        const U = { type: g };
         if (typeof L == "string" && s && !Mn && t.manuallyAnimateOnMount && t.parent) {
           const { parent: st } = t, ht = vt(st, L);
           if (st.enteringChildren && ht) {
             const { delayChildren: Mr } = ht.transition || {};
-            N.delay = hr(st.enteringChildren, t, Mr);
+            U.delay = hr(st.enteringChildren, t, Mr);
           }
         }
         return {
           animation: L,
-          options: N
+          options: U
         };
       }));
     }
@@ -3387,7 +3387,7 @@ function ds(t, e, n) {
 function Rt(t, e, n) {
   ds(t.x, e.x, n.x), ds(t.y, e.y, n.y);
 }
-function $(t) {
+function K(t) {
   return [t("x"), t("y")];
 }
 const gr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, ms = (t, e) => Math.abs(t - e);
@@ -3535,7 +3535,7 @@ class Pc {
       const { drag: d, dragPropagation: m, onDragStart: p } = this.getProps();
       if (d && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = Da(d), !this.openDragLock))
         return;
-      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), $((g) => {
+      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), K((g) => {
         let T = this.getAxisMotionValue(g).get() || 0;
         if (H.test(T)) {
           const { projection: y } = this.visualElement;
@@ -3561,7 +3561,7 @@ class Pc {
       this.updateAxis("x", f.point, g), this.updateAxis("y", f.point, g), this.visualElement.render(), v && v(h, f);
     }, l = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f, this.stop(h, f), this.latestPointerEvent = null, this.latestPanInfo = null;
-    }, u = () => $((h) => {
+    }, u = () => K((h) => {
       var f;
       return this.getAnimationState(h) === "paused" && ((f = this.getAxisMotionValue(h).animation) == null ? void 0 : f.play());
     }), { dragSnapToOrigin: c } = this.getProps();
@@ -3611,7 +3611,7 @@ class Pc {
   resolveConstraints() {
     var o;
     const { dragConstraints: e, dragElastic: n } = this.getProps(), s = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (o = this.visualElement.projection) == null ? void 0 : o.layout, i = this.constraints;
-    e && mt(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && s ? this.constraints = pc(s.layoutBox, e) : this.constraints = !1, this.elastic = Tc(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && $((r) => {
+    e && mt(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && s ? this.constraints = pc(s.layoutBox, e) : this.constraints = !1, this.elastic = Tc(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && K((r) => {
       this.constraints !== !1 && this.getAxisMotionValue(r) && (this.constraints[r] = vc(s.layoutBox[r], this.constraints[r]));
     });
   }
@@ -3633,7 +3633,7 @@ class Pc {
     return r;
   }
   startAnimation(e) {
-    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, u = $((c) => {
+    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, u = K((c) => {
       if (!_t(c, n, this.currentDirection))
         return;
       let h = l[c] || {};
@@ -3658,10 +3658,10 @@ class Pc {
     return je(this.visualElement, e), s.start(Vn(e, s, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
-    $((e) => this.getAxisMotionValue(e).stop());
+    K((e) => this.getAxisMotionValue(e).stop());
   }
   pauseAnimation() {
-    $((e) => {
+    K((e) => {
       var n;
       return (n = this.getAxisMotionValue(e).animation) == null ? void 0 : n.pause();
     });
@@ -3681,7 +3681,7 @@ class Pc {
     return i || this.visualElement.getValue(e, (s.initial ? s.initial[e] : void 0) || 0);
   }
   snapToCursor(e) {
-    $((n) => {
+    K((n) => {
       const { drag: s } = this.getProps();
       if (!_t(n, s, this.currentDirection))
         return;
@@ -3705,7 +3705,7 @@ class Pc {
       return;
     this.stopAnimation();
     const i = { x: 0, y: 0 };
-    $((r) => {
+    K((r) => {
       const a = this.getAxisMotionValue(r);
       if (a && this.constraints !== !1) {
         const l = a.get();
@@ -3713,7 +3713,7 @@ class Pc {
       }
     });
     const { transformTemplate: o } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = o ? o({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), $((r) => {
+    this.visualElement.current.style.transform = o ? o({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), K((r) => {
       if (!_t(r, e, null))
         return;
       const a = this.getAxisMotionValue(r), { min: l, max: u } = this.constraints[r];
@@ -3733,7 +3733,7 @@ class Pc {
     }, { projection: i } = this.visualElement, o = i.addEventListener("measure", s);
     i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), V.read(s);
     const r = Ot(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: u }) => {
-      this.isDragging && u && ($((c) => {
+      this.isDragging && u && (K((c) => {
         const h = this.getAxisMotionValue(c);
         h && (this.originPoint[c] += l[c].translate, h.set(h.get() + l[c].translate));
       }), this.visualElement.render());
@@ -3889,7 +3889,7 @@ class Vc extends Br {
 }
 function Tr(t) {
   const [e, n] = $i(), s = F(Ge);
-  return K(Vc, { ...t, layoutGroup: s, switchLayoutGroup: F(Qi), isPresent: e, safeToRemove: n });
+  return N(Vc, { ...t, layoutGroup: s, switchLayoutGroup: F(Qi), isPresent: e, safeToRemove: n });
 }
 const Cc = {
   borderRadius: {
@@ -3955,7 +3955,7 @@ function Pr(t, e, n) {
 function As(t, e) {
   t.min = e.min, t.max = e.max;
 }
-function U(t, e) {
+function $(t, e) {
   As(t.x, e.x), As(t.y, e.y);
 }
 function Vs(t, e) {
@@ -4277,17 +4277,17 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     removeElementScroll(r) {
       var l;
       const a = M();
-      if (U(a, r), (l = this.scroll) != null && l.wasRoot)
+      if ($(a, r), (l = this.scroll) != null && l.wasRoot)
         return a;
       for (let u = 0; u < this.path.length; u++) {
         const c = this.path[u], { scroll: h, options: f } = c;
-        c !== this.root && h && f.layoutScroll && (h.wasRoot && U(a, r), pt(a.x, h.offset.x), pt(a.y, h.offset.y));
+        c !== this.root && h && f.layoutScroll && (h.wasRoot && $(a, r), pt(a.x, h.offset.x), pt(a.y, h.offset.y));
       }
       return a;
     }
     applyTransform(r, a = !1) {
       const l = M();
-      U(l, r);
+      $(l, r);
       for (let u = 0; u < this.path.length; u++) {
         const c = this.path[u];
         !a && c.options.layoutScroll && c.scroll && c !== c.root && gt(l, {
@@ -4299,14 +4299,14 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     removeTransform(r) {
       const a = M();
-      U(a, r);
+      $(a, r);
       for (let l = 0; l < this.path.length; l++) {
         const u = this.path[l];
         if (!u.instance || !rt(u.latestValues))
           continue;
         Fe(u.latestValues) && u.updateSnapshot();
         const c = M(), h = u.measurePageBox();
-        U(c, h), Ms(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
+        $(c, h), Ms(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
       }
       return rt(this.latestValues) && Ms(a, this.latestValues), a;
     }
@@ -4337,12 +4337,12 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!(!this.layout || !(c || h))) {
         if (this.resolvedRelativeTargetAt = k.timestamp, !this.targetDelta && !this.relativeTarget) {
           const d = this.getClosestProjectingParent();
-          d && d.layout && this.animationProgress !== 1 ? (this.relativeParent = d, this.forceRelativeParentToResolveTarget(), this.relativeTarget = M(), this.relativeTargetOrigin = M(), Rt(this.relativeTargetOrigin, this.layout.layoutBox, d.layout.layoutBox), U(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          d && d.layout && this.animationProgress !== 1 ? (this.relativeParent = d, this.forceRelativeParentToResolveTarget(), this.relativeTarget = M(), this.relativeTargetOrigin = M(), Rt(this.relativeTargetOrigin, this.layout.layoutBox, d.layout.layoutBox), $(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
-        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = M(), this.targetWithTransforms = M()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), uc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : U(this.target, this.layout.layoutBox), sr(this.target, this.targetDelta)) : U(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
+        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = M(), this.targetWithTransforms = M()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), uc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : $(this.target, this.layout.layoutBox), sr(this.target, this.targetDelta)) : $(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
           this.attemptToResolveRelativeTarget = !1;
           const d = this.getClosestProjectingParent();
-          d && !!d.resumingFrom == !!this.resumingFrom && !d.options.layoutScroll && d.target && this.animationProgress !== 1 ? (this.relativeParent = d, this.forceRelativeParentToResolveTarget(), this.relativeTarget = M(), this.relativeTargetOrigin = M(), Rt(this.relativeTargetOrigin, this.target, d.target), U(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          d && !!d.resumingFrom == !!this.resumingFrom && !d.options.layoutScroll && d.target && this.animationProgress !== 1 ? (this.relativeParent = d, this.forceRelativeParentToResolveTarget(), this.relativeTarget = M(), this.relativeTargetOrigin = M(), Rt(this.relativeTargetOrigin, this.target, d.target), $(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
       }
     }
@@ -4362,7 +4362,7 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const { layout: u, layoutId: c } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(u || c))
         return;
-      U(this.layoutCorrected, this.layout.layoutBox);
+      $(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
       wl(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = M());
       const { target: d } = r;
@@ -4397,7 +4397,7 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       let y;
       this.mixTargetDelta = (b) => {
         const x = b / 1e3;
-        js(h.x, r.x, x), js(h.y, r.y, x), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Rt(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), tu(this.relativeTarget, this.relativeTargetOrigin, f, x), y && Nc(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = M()), U(y, this.relativeTarget)), p && (this.animationValues = c, kc(c, u, this.latestValues, x, T, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = x;
+        js(h.x, r.x, x), js(h.y, r.y, x), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Rt(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), tu(this.relativeTarget, this.relativeTargetOrigin, f, x), y && Nc(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = M()), $(y, this.relativeTarget)), p && (this.animationValues = c, kc(c, u, this.latestValues, x, T, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = x;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
@@ -4437,7 +4437,7 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           const f = O(this.layout.layoutBox.y);
           l.y.min = r.target.y.min, l.y.max = l.y.min + f;
         }
-        U(a, l), gt(a, c), Et(this.projectionDeltaWithTransform, this.layoutCorrected, a, c);
+        $(a, l), gt(a, c), Et(this.projectionDeltaWithTransform, this.layoutCorrected, a, c);
       }
     }
     registerSharedNode(r, a) {
@@ -4549,10 +4549,10 @@ function _c(t) {
   const e = ((n = t.resumeFrom) == null ? void 0 : n.snapshot) || t.snapshot;
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
     const { layoutBox: s, measuredBox: i } = t.layout, { animationType: o } = t.options, r = e.source !== t.layout.source;
-    o === "size" ? $((h) => {
+    o === "size" ? K((h) => {
       const f = r ? e.measuredBox[h] : e.layoutBox[h], d = O(f);
       f.min = s[h].min, f.max = f.min + d;
-    }) : Vr(o, e.layoutBox, s) && $((h) => {
+    }) : Vr(o, e.layoutBox, s) && K((h) => {
       const f = r ? e.measuredBox[h] : e.layoutBox[h], d = O(s[h]);
       f.max = f.min + d, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + d);
     });
@@ -4825,7 +4825,7 @@ function Eu({ trigger: t, children: e, align: n = "left" }) {
   });
   return /* @__PURE__ */ Ke("div", { className: "relative inline-block", ref: o, children: [
     r,
-    /* @__PURE__ */ K($a, { children: s && /* @__PURE__ */ K(
+    /* @__PURE__ */ N($a, { children: s && /* @__PURE__ */ N(
       xu.div,
       {
         initial: { opacity: 0, scale: 0.97 },
@@ -4838,7 +4838,7 @@ function Eu({ trigger: t, children: e, align: n = "left" }) {
           "right-0": n === "right",
           "left-0": n === "left"
         }),
-        children: /* @__PURE__ */ K("div", { className: "flex flex-col", role: "menu", "aria-orientation": "vertical", children: e })
+        children: /* @__PURE__ */ N("div", { className: "flex flex-col", role: "menu", "aria-orientation": "vertical", children: e })
       }
     ) })
   ] });
@@ -4851,9 +4851,9 @@ const Pu = Xs(({ children: t, className: e, enabled: n, ...s }, i) => /* @__PURE
     className: Ys("dropdown-item gap-x-2", e),
     ...s,
     children: [
-      t,
-      n && /* @__PURE__ */ K(jr, { size: 24, className: "ml-auto" }),
-      !n && /* @__PURE__ */ K(Nr, { size: 24, className: "ml-auto" })
+      /* @__PURE__ */ N("span", { className: "truncate", children: t }),
+      n && /* @__PURE__ */ N(jr, { size: 24, className: "shrink-0 ml-auto" }),
+      !n && /* @__PURE__ */ N(Nr, { size: 24, className: "shrink-0 ml-auto" })
     ]
   }
 ));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "5.8.1",
+  "version": "5.8.2",
   "type": "module",
   "exports": {
     "./oidc": {