@digitalservicebund/ris-ui 3.11.1 → 3.13.0

package/dist/primevue/index.js

@@ -1,17 +1,19 @@
-const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
+const S = (t, ...l) => String.raw({ raw: t }, ...l), e = S, M = {
   root: ({ props: t, instance: l }) => {
-    const r = e`relative inline-flex max-w-full cursor-pointer items-center justify-center gap-8 rounded-none text-center focus:outline-4 focus:outline-offset-4 focus:outline-blue-800 focus:not-focus-visible:outline-none focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 active:outline-none disabled:cursor-not-allowed disabled:outline-hidden`, o = t.severity ?? "primary", s = e`bg-blue-800 text-white hover:bg-blue-700 active:bg-blue-500 active:text-blue-800 disabled:bg-gray-400 disabled:text-gray-600`, n = e`border-2 border-blue-800 bg-white text-blue-800 hover:bg-gray-200 focus:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, a = e`border-2 border-red-800 bg-white text-red-800 hover:bg-gray-200 focus:bg-gray-200 focus:outline-red-800 active:border-white active:bg-white disabled:border-red-500 disabled:text-red-500 disabled:hover:bg-white`, d = e`border-2 border-transparent bg-transparent text-blue-800 underline hover:border-gray-500 hover:bg-white focus:border-gray-500 active:border-white active:bg-white disabled:bg-transparent disabled:text-gray-500`, i = t.size ?? "normal";
-    let b = e`ris-body2-bold h-40 py-4`, u = e`ris-body2-bold h-48 py-4`, c = e`ris-body1-bold h-64 py-4`;
-    return l.hasIcon && !t.label ? (b = e`${b} w-40 px-4`, u = e`${u} w-48 px-4`, c = e`${c} w-64 px-4`) : (b = e`${b} px-16`, u = e`${u} px-16`, c = e`${c} px-24`), {
+    const r = e`relative inline-flex max-w-full cursor-pointer items-center justify-center gap-8 text-center focus:outline-4 focus:outline-offset-4 focus:outline-blue-800 focus:not-focus-visible:outline-none focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 active:outline-none disabled:cursor-not-allowed disabled:outline-hidden`, o = e`rounded-full`, s = t.severity ?? "primary", a = e`bg-blue-800 text-white hover:bg-blue-700 active:bg-blue-500 active:text-blue-800 disabled:bg-gray-400 disabled:text-gray-600`, n = e`border-2 border-blue-800 bg-white text-blue-800 hover:bg-gray-200 focus:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, c = e`border-2 border-red-800 bg-white text-red-800 hover:bg-gray-200 focus:bg-gray-200 focus:outline-red-800 active:border-white active:bg-white disabled:border-red-500 disabled:text-red-500 disabled:hover:bg-white`, u = e`border border-blue-500 bg-white font-normal text-blue-800 hover:bg-gray-200 focus:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, h = e`border-2 border-transparent bg-transparent text-blue-800 underline hover:border-gray-500 hover:bg-white focus:border-gray-500 active:border-white active:bg-white disabled:bg-transparent disabled:text-gray-500`, b = t.size ?? "normal";
+    let i = e`ris-body2-bold h-40 py-4`, d = e`ris-body2-bold h-48 py-4`, g = e`ris-body1-bold h-64 py-4`;
+    return l.hasIcon && !t.label ? (i = e`${i} w-40 px-4`, d = e`${d} w-48 px-4`, g = e`${g} w-64 px-4`) : (i = e`${i} px-16`, d = e`${d} px-16`, g = e`${g} px-24`), {
       class: {
         [r]: !0,
-        [b]: i === "small",
-        [u]: i === "normal",
-        [c]: i === "large",
-        [s]: !t.text && o === "primary",
-        [n]: !t.text && o === "secondary",
-        [a]: !t.text && o === "danger",
-        [d]: t.text && o === "primary"
+        [o]: t.rounded,
+        [i]: b === "small",
+        [d]: b === "normal",
+        [g]: b === "large",
+        [a]: !t.text && s === "primary",
+        [n]: !t.text && s === "secondary",
+        [c]: !t.text && s === "danger",
+        [u]: !t.text && s === "info",
+        [h]: t.text && s === "primary"
       }
     };
   },
@@ -35,7 +37,7 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
       }
     };
   }
-}, h = {
+}, f = {
   root: ({ props: t }) => ({
     class: {
       [e`[&+label]:ris-label1-regular relative inline-block h-24 min-h-24 w-24 min-w-24 [&+label]:ml-8`]: !0,
@@ -51,9 +53,9 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
   icon: {
     class: e`h-12 w-12`
   }
-}, S = {
-  // All styling implemented in primevue/dialog
 }, z = {
+  // All styling implemented in primevue/dialog
+}, N = {
   root: () => ({
     class: e`ris-label2-regular max-h-[90dvh] w-[95dvw] max-w-[25rem] border-2 border-blue-800 bg-white px-56 py-44 shadow-lg`
   }),
@@ -85,7 +87,7 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
   mask: {
     class: e`bg-black/40`
   }
-}, M = {
+}, D = {
   basicContent: {
     // @ts-expect-error types appear to be wrong here
     class: e`flex flex-col items-center gap-10`
@@ -93,27 +95,20 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
   input: {
     class: e`hidden`
   }
-}, N = {
-  root: {
-    class: e`has-[input:read-only]:curser-not-allowed inline-flex items-center gap-4 border-2 border-blue-800 bg-white px-16 py-0 has-[:focus]:outline has-[:focus]:outline-4 has-[:focus]:-outline-offset-4 has-[:focus]:outline-blue-800 has-[:hover]:outline has-[:hover]:outline-4 has-[:hover]:-outline-offset-4 has-[:hover]:outline-blue-800 has-[[aria-invalid]]:border-red-800 has-[[aria-invalid]]:bg-red-200 has-[[aria-invalid]]:outline-red-800 has-[[data-size=large]]:px-24 has-[input:disabled]:border-blue-500 has-[input:disabled]:bg-white has-[input:disabled]:text-blue-500 has-[input:disabled]:outline-hidden has-[input:read-only]:border-blue-300 has-[input:read-only]:bg-blue-300`
-  }
 }, A = {
   root: {
-    class: e`m-0 p-0`
+    class: e`flex`
   }
-}, w = e`[&+small]:ris-label3-regular border-2 border-blue-800 bg-white placeholder:text-gray-800 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-4 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, x = e`ris-body2-regular h-48 px-16 py-4`, D = e`ris-body1-regular h-64 px-24 py-4`, L = e`ris-body2-regular h-[44px] p-0`, B = e`ris-body1-regular h-[60px] p-0`, I = {
-  root: ({ props: t, parent: l }) => {
-    const r = e`[&[type=password]]:w-full [&[type=password]:not(:placeholder-shown)]:text-[28px] [&[type=password]:not(:placeholder-shown)]:tracking-[4px]`, o = l.instance.$name === "InputGroup", s = e`bg-transparent placeholder:text-gray-900 focus:outline-hidden`, n = e`w-full`;
+}, y = e`[&+small]:ris-label3-regular border-2 border-blue-800 bg-white placeholder:text-gray-800 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-4 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, k = e`ris-body2-regular h-48 px-16 py-4`, L = e`ris-body1-regular h-64 px-24 py-4`, B = {
+  root: ({ props: t }) => {
+    const l = e`[&[type=password]]:w-full [&[type=password]:not(:placeholder-shown)]:text-[28px] [&[type=password]:not(:placeholder-shown)]:tracking-[4px]`, r = e`w-full`;
     return {
       class: {
-        [w]: !o,
-        [s]: o,
-        [n]: !!t.fluid,
-        [r]: !0,
-        [x]: (!t.size || t.size === "small") && !o,
-        [L]: (!t.size || t.size === "small") && o,
-        [D]: t.size === "large" && !o,
-        [B]: t.size === "large" && o
+        [y]: !0,
+        [r]: !!t.fluid,
+        [l]: !0,
+        [k]: !t.size || t.size === "small",
+        [L]: t.size === "large"
       },
       "data-size": t.size ?? "small"
     };
@@ -142,23 +137,23 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
   }
 }, T = {
   root: ({ props: t, instance: l }) => {
-    const r = e`ris-body1-regular border-l-4 px-20 py-14`, o = t.severity ?? "info", s = e`border-l-green-800 bg-green-200`, n = e`border-l-blue-800 bg-blue-200`, a = e`border-l-yellow-800 bg-yellow-200`, d = e`border-l-red-800 bg-red-200`, i = !!l.$slots.icon, u = {
+    const r = e`ris-body1-regular border-l-4 px-20 py-14`, o = t.severity ?? "info", s = e`border-l-green-800 bg-green-200`, a = e`border-l-blue-800 bg-blue-200`, n = e`border-l-yellow-800 bg-yellow-200`, c = e`border-l-red-800 bg-red-200`, u = !!l.$slots.icon, b = {
       success: "var(--ris-icon-success)",
       info: "var(--ris-icon-info)",
       warn: "var(--ris-icon-warn)",
       error: "var(--ris-icon-error)"
-    }[o], c = e`bg-[length:20px] bg-[16px_18px] bg-no-repeat pl-44`;
+    }[o], i = e`bg-[length:20px] bg-[16px_18px] bg-no-repeat pl-44`;
     return {
       class: {
         [r]: !0,
         [s]: o === "success",
-        [n]: o === "info",
-        [a]: o === "warn",
-        [d]: o === "error",
-        [c]: !i
+        [a]: o === "info",
+        [n]: o === "warn",
+        [c]: o === "error",
+        [i]: !u
       },
       style: {
-        backgroundImage: i ? void 0 : u
+        backgroundImage: u ? void 0 : b
       }
     };
   },
@@ -169,27 +164,27 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
     class: e`flex-1`
   },
   closeButton: ({ props: t }) => {
-    const l = e`mt-4 inline-flex h-20 w-20 flex-none items-center justify-center rounded-sm p-2 leading-none`, r = t.severity ?? "info", o = e`text-green-800 hover:bg-green-400 active:bg-green-500`, s = e`text-blue-800 hover:bg-blue-400 active:bg-blue-500`, n = e`text-black hover:bg-yellow-400 active:bg-yellow-500`, a = e`text-red-800 hover:bg-red-400 active:bg-red-500`;
+    const l = e`mt-4 inline-flex h-20 w-20 flex-none items-center justify-center rounded-sm p-2 leading-none`, r = t.severity ?? "info", o = e`text-green-800 hover:bg-green-400 active:bg-green-500`, s = e`text-blue-800 hover:bg-blue-400 active:bg-blue-500`, a = e`text-black hover:bg-yellow-400 active:bg-yellow-500`, n = e`text-red-800 hover:bg-red-400 active:bg-red-500`;
     return {
       class: {
         [l]: !0,
         [o]: r === "success",
         [s]: r === "info",
-        [n]: r === "warn",
-        [a]: r === "error"
+        [a]: r === "warn",
+        [n]: r === "error"
       }
     };
   }
 }, C = {
   // All styling moved to inputText.ts
-}, E = {
+}, I = {
   root: {
     class: e`mx-auto inline-block h-28 w-28 animate-spin`
   },
   circle: {
     class: e`fill-transparent stroke-current stroke-[4px] text-blue-800 [stroke-dasharray:200] [stroke-dashoffset:100]`
   }
-}, j = {
+}, E = {
   root: {
     class: e`[&+label]:ris-label1-regular relative inline-block h-32 w-32 [&+label]:ml-8`
   },
@@ -202,36 +197,38 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
   icon: {
     class: e`h-16 w-16 rounded-full bg-current`
   }
-}, g = e`w-full`, R = {
+}, v = e`w-full`, j = {
   root: ({ props: t }) => {
-    const l = e`flex border-2 border-blue-800 bg-white placeholder:text-gray-800 focus-within:outline-4 focus-within:-outline-offset-4 focus-within:outline-blue-800 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden`, r = e`ris-body2-regular h-48 py-4 pr-4 pl-16`;
+    const l = e`flex border-2 border-blue-800 bg-white placeholder:text-gray-800 focus-within:outline-4 focus-within:-outline-offset-4 focus-within:outline-blue-800 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden`, r = e`ris-body2-regular h-48 py-4 pr-4 pl-16`, o = e`aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden`;
     return {
       class: {
         [l]: !0,
         [r]: !0,
-        [g]: !!t.fluid
-      }
+        [v]: !!t.fluid,
+        [o]: t.invalid
+      },
+      "aria-invalid": t.invalid ? "true" : null
     };
   },
   pcInputText: {
     root: ({ props: t }) => ({
       class: {
         [e`focus-visible:outline-hidden`]: !0,
-        [g]: !!t.fluid
+        [v]: !!t.fluid
       }
     })
   },
   dropdown: { class: e`absolute inset-y-0 right-16` },
   option: {
-    class: e`hover:bg-blue-100 data-[p-focus=true]:bg-blue-200`
+    class: e`cursor-pointer border-l-4 border-transparent hover:bg-blue-100 data-[p-focused=true]:border-blue-800 data-[p-focused=true]:bg-blue-200`
   },
   optionGroup: {
-    class: e`hover:bg-blue-100 data-[p-focus=true]:bg-blue-200`
+    class: e`hover:bg-blue-100 data-[p-focused=true]:bg-blue-200`
   },
   overlay: {
-    class: e`w-full overflow-auto bg-white px-8 py-12 shadow-md`
+    class: e`mt-12 w-full overflow-auto bg-white px-8 py-12 shadow-md`
   }
-}, V = {
+}, R = {
   root: ({ props: t }) => {
     const l = e`ris-body1-regular [&+small]:ris-label3-regular min-h-56 border-2 border-blue-800 bg-white px-14 pt-8 pb-12 placeholder:text-gray-900 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, r = e`w-full`;
     return {
@@ -241,19 +238,19 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
       }
     };
   }
-}, _ = {
+}, V = {
   root: {
     class: e`max-w-lg`
   },
   message: ({ props: t }) => {
-    const l = e`mb-8 flex w-full flex-row items-center gap-8 border-l-4 p-16`, r = t.message?.severity, o = e`border-l-green-900 bg-green-200`, s = e`border-l-red-900 bg-red-200`, n = e`border-l-yellow-900 bg-yellow-200`, a = e`border-l-blue-900 bg-blue-200`;
+    const l = e`mb-8 flex w-full flex-row items-center gap-8 border-l-4 p-16`, r = t.message?.severity, o = e`border-l-green-900 bg-green-200`, s = e`border-l-red-900 bg-red-200`, a = e`border-l-yellow-900 bg-yellow-200`, n = e`border-l-blue-900 bg-blue-200`;
     return {
       class: {
         [l]: !0,
         [o]: r === "success",
         [s]: r === "error",
-        [n]: r === "warn",
-        [a]: r === "info"
+        [a]: r === "warn",
+        [n]: r === "info"
       }
     };
   },
@@ -261,14 +258,14 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
     class: e`flex w-full flex-row items-start justify-between gap-10`
   },
   messageIcon: ({ props: t }) => {
-    const l = e`mt-2 h-20 w-20 flex-none shrink-0`, r = t.message?.severity ?? "info", o = e`text-green-800`, s = e`text-red-800`, n = e`text-black`, a = e`text-blue-800`;
+    const l = e`mt-2 h-20 w-20 flex-none shrink-0`, r = t.message?.severity ?? "info", o = e`text-green-800`, s = e`text-red-800`, a = e`text-black`, n = e`text-blue-800`;
     return {
       class: {
         [l]: !0,
         [o]: r === "success",
         [s]: r === "error",
-        [n]: r === "warn",
-        [a]: r === "info"
+        [a]: r === "warn",
+        [n]: r === "info"
       }
     };
   },
@@ -282,32 +279,32 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
     class: e`ris-label2-regular`
   },
   closeButton: ({ props: t }) => {
-    const l = e`rounded-sm p-2`, r = t.message?.severity ?? "info", o = e`hover:bg-green-400`, s = e`hover:bg-red-400`, n = e`hover:bg-yellow-400`, a = e`hover:bg-blue-400`;
+    const l = e`rounded-sm p-2`, r = t.message?.severity ?? "info", o = e`hover:bg-green-400`, s = e`hover:bg-red-400`, a = e`hover:bg-yellow-400`, n = e`hover:bg-blue-400`;
     return {
       class: {
         [l]: !0,
         [o]: r === "success",
         [s]: r === "error",
-        [n]: r === "warn",
-        [a]: r === "info"
+        [a]: r === "warn",
+        [n]: r === "info"
       }
     };
   },
   closeIcon: {
     class: e`text-black`
   }
-}, P = {
+}, _ = {
   root: ({ props: t, state: l }) => {
-    const r = e`ris-body2-regular [&+small]:ris-label3-regular relative inline-flex h-48 items-center justify-between border-2 bg-white py-4 pr-12 pl-16 [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, o = e`cursor-pointer border-blue-800`, s = e`has-[:focus]:outline-4 has-[:focus]:-outline-offset-4 has-[:focus]:outline-blue-800`, n = e`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`, a = e`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`, d = e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, i = e`w-full`;
+    const r = e`ris-body2-regular [&+small]:ris-label3-regular relative inline-flex h-48 items-center justify-between border-2 bg-white py-4 pr-12 pl-16 [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, o = e`cursor-pointer border-blue-800`, s = e`has-[:focus]:outline-4 has-[:focus]:-outline-offset-4 has-[:focus]:outline-blue-800`, a = e`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`, n = e`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`, c = e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, u = e`w-full`;
     return {
       class: {
         [r]: !0,
         [o]: !t.disabled,
         [s]: l.focused && !t.disabled,
-        [n]: !t.disabled,
-        [i]: !!t.fluid,
-        [a]: t.disabled,
-        [d]: t.invalid
+        [a]: !t.disabled,
+        [u]: !!t.fluid,
+        [n]: t.disabled,
+        [c]: t.invalid
       },
       "aria-invalid": t.invalid ? "true" : null
     };
@@ -333,12 +330,12 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
       }
     };
   }
-}, G = {
+}, P = {
   pcInputText: {
     root: ({ props: t }) => ({
       class: {
-        [w]: !0,
-        [x]: !0,
+        [y]: !0,
+        [k]: !0,
         "w-full": !!t.fluid
       }
     })
@@ -356,17 +353,17 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
   separator: {
     class: e`mx-6 flex items-center text-gray-600`
   }
-}, f = e`cursor-pointer`, p = e`ris-label1-bold border-l-blue-800 bg-blue-200 text-black hover:bg-blue-300 focus-visible:bg-blue-300`, v = e`ris-label1-regular hover:bg-blue-200 focus-visible:bg-blue-200`, m = e`focus-visible:outline-none`, J = {
+}, p = e`cursor-pointer`, m = e`ris-label1-bold border-l-blue-800 bg-blue-200 text-black hover:bg-blue-300 focus-visible:bg-blue-300`, w = e`ris-label1-regular hover:bg-blue-200 focus-visible:bg-blue-200`, x = e`focus-visible:outline-none`, J = {
   root: {
     class: e`text-blue-800`
   },
   header: ({ context: t }) => ({
     class: {
       [e`group flex h-64 items-center border-l-4 border-transparent py-8 pr-20 pl-10`]: !0,
-      [m]: !0,
-      [f]: !0,
-      [p]: t.active,
-      [v]: !t.active
+      [x]: !0,
+      [p]: !0,
+      [m]: t.active,
+      [w]: !t.active
     }
   }),
   content: {
@@ -385,10 +382,10 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
         [l]: !0,
         [r]: t.active && t.focused,
         [o]: !t.active && t.focused,
-        [m]: !0,
-        [f]: !0,
-        [p]: t.active,
-        [v]: !t.active
+        [x]: !0,
+        [p]: !0,
+        [m]: t.active,
+        [w]: !t.active
       }
     };
   }
@@ -397,14 +394,14 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
     class: e`mb-24 last:mb-0 focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 [&>ul:first-of-type]:border-l-0`
   },
   nodeContent: ({ context: t }) => {
-    const l = e`group ris-label2-bold flex w-full border-l-4 border-transparent py-10 pr-20 pl-10 text-blue-800`, r = e`cursor-pointer select-none`, o = e`focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800`, s = e`border-l-blue-800 bg-blue-200 text-black`, n = e`hover:bg-blue-200`, a = e`hover:bg-blue-300`;
+    const l = e`group ris-label2-bold flex w-full border-l-4 border-transparent py-10 pr-20 pl-10 text-blue-800`, r = e`cursor-pointer select-none`, o = e`focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800`, s = e`border-l-blue-800 bg-blue-200 text-black`, a = e`hover:bg-blue-200`, n = e`hover:bg-blue-300`;
     return {
       class: {
         [l]: !0,
         [r]: !0,
         [s]: t.selected,
-        [n]: !t.selected,
-        [a]: t.selected,
+        [a]: !t.selected,
+        [n]: t.selected,
         [o]: !0
       }
     };
@@ -458,7 +455,7 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
       [e`h-[3px] w-11/12 cursor-row-resize`]: t.layout === "vertical"
     }
   })
-}, $ = {
+}, G = {
   root: {
     class: e`relative`
   },
@@ -472,7 +469,7 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
     class: e`sticky top-0 bg-white shadow-[0_1px_0_var(--color-blue-300)]`
   },
   tbody: {
-    class: e`divide-y divide-blue-300`
+    class: e`divide-y divide-blue-300 border-b border-blue-300`
   },
   bodyRow: ({ context: t }) => ({
     class: [
@@ -492,13 +489,13 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
       class: e`ris-body1-regular h-56 px-16 py-12`
     },
     pcHeaderCheckbox: {
-      ...h,
+      ...f,
       root: {
         class: e`relative block h-24 w-24`
       }
     },
     pcRowCheckbox: {
-      ...h,
+      ...f,
       root: {
         class: e`relative block h-24 w-24`
       }
@@ -528,20 +525,20 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
   root: {
     class: e`min-h-96 bg-[var(--p-tabs-tabpanel-background)] py-24 outline-blue-800 focus-visible:outline-solid`
   }
-}, U = {
+}, $ = {
   tabList: {
     class: e`relative flex before:absolute before:bottom-0 before:left-[50%] before:h-px before:w-[var(--tab-list-separator-width,100%)] before:-translate-x-1/2 before:bg-[var(--p-tabs-tablist-border-color)]`
   }
-}, Y = {
+}, U = {
   arrow: ({ context: t }) => {
-    const l = e`absolute h-0 w-0 border-[7px] border-solid`, r = e`-mr-[7px] border-b-0 border-t-gray-900 border-r-transparent border-l-transparent`, o = e`-mt-[7px] border-l-0 border-t-transparent border-r-gray-900 border-b-transparent`, s = e`-ml-[7px] border-t-0 border-r-transparent border-b-gray-900 border-l-transparent`, n = e`-mt-[7px] border-r-0 border-t-transparent border-b-transparent border-l-gray-900`, a = !t.top && !t.right && !t.bottom && !t.left;
+    const l = e`absolute h-0 w-0 border-[7px] border-solid`, r = e`-mr-[7px] border-b-0 border-t-gray-900 border-r-transparent border-l-transparent`, o = e`-mt-[7px] border-l-0 border-t-transparent border-r-gray-900 border-b-transparent`, s = e`-ml-[7px] border-t-0 border-r-transparent border-b-gray-900 border-l-transparent`, a = e`-mt-[7px] border-r-0 border-t-transparent border-b-transparent border-l-gray-900`, n = !t.top && !t.right && !t.bottom && !t.left;
     return {
       class: {
         [l]: !0,
         [r]: t.top,
-        [o]: t.right || a,
+        [o]: t.right || n,
         [s]: t.bottom,
-        [n]: t.left
+        [a]: t.left
       }
     };
   },
@@ -551,7 +548,7 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
   root: {
     class: e`absolute`
   }
-}, q = {
+}, Y = {
   startsWith: "Beginnt mit",
   contains: "Enthält",
   notContains: "Enthält nicht",
@@ -705,41 +702,40 @@ const y = (t, ...l) => String.raw({ raw: t }, ...l), e = y, k = {
     rotateLeft: "Links drehen",
     listLabel: "Optionsliste"
   }
-}, Q = {
-  button: k,
-  checkbox: h,
-  confirmDialog: S,
-  dialog: z,
-  fileUpload: M,
-  inputGroup: N,
-  inputGroupAddon: A,
-  inputText: I,
+}, q = {
+  button: M,
+  checkbox: f,
+  confirmDialog: z,
+  dialog: N,
+  fileUpload: D,
+  inputGroup: A,
+  inputText: B,
   menu: F,
   message: T,
   password: C,
-  progressSpinner: E,
-  radioButton: j,
-  textarea: V,
-  toast: _,
-  autocomplete: R,
-  select: P,
-  inputMask: G,
+  progressSpinner: I,
+  radioButton: E,
+  textarea: R,
+  toast: V,
+  autocomplete: j,
+  select: _,
+  inputMask: P,
   breadcrumb: Z,
   tree: H,
   panelmenu: J,
   splitter: K,
-  dataTable: $,
+  dataTable: G,
   tab: O,
   tabPanel: W,
-  tabList: U,
+  tabList: $,
   directives: {
-    tooltip: Y
+    tooltip: U
   }
-}, X = {
-  deDE: q
+}, Q = {
+  deDE: Y
 };
 export {
-  X as RisUiLocale,
-  Q as RisUiTheme
+  Q as RisUiLocale,
+  q as RisUiTheme
 };
 //# sourceMappingURL=index.js.map