@digitalservicebund/ris-ui 3.18.1 → 3.19.0

package/dist/primevue/index.js

@@ -1,48 +1,48 @@
 import { t as e } from "../tags-Dde6Li6m.js";
 const S = {
-  root: ({ props: t, instance: l }) => {
-    const r = e`relative inline-flex max-w-full cursor-pointer items-center justify-center gap-8 text-center focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 focus-visible:not-focus-visible:outline-none active:outline-none disabled:cursor-not-allowed disabled:outline-hidden`, o = e`rounded-full`, s = t.severity ?? "primary", i = 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`, a = e`border-2 border-blue-800 bg-white text-blue-800 hover:bg-gray-200 focus-visible:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, n = e`border-2 border-red-800 bg-white text-red-800 hover:bg-gray-200 focus-visible:bg-gray-200 focus-visible:outline-red-800 active:border-white active:bg-white disabled:border-red-500 disabled:text-red-500 disabled:hover:bg-white`, b = e`border border-blue-500 bg-white font-normal text-blue-800 hover:bg-gray-200 focus-visible:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, g = e`border-2 border-transparent bg-transparent text-blue-800 underline hover:border-gray-500 hover:bg-white focus-visible:border-gray-500 active:border-white active:bg-white disabled:bg-transparent disabled:text-gray-500`, c = t.size ?? "normal";
+  root: ({ props: r, instance: l }) => {
+    const t = e`relative inline-flex max-w-full cursor-pointer items-center justify-center gap-8 text-center focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 focus-visible:not-focus-visible:outline-none active:outline-none disabled:cursor-not-allowed disabled:outline-hidden`, o = e`rounded-full`, s = r.severity ?? "primary", i = 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`, a = e`border-2 border-blue-800 bg-white text-blue-800 hover:bg-gray-200 focus-visible:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, n = e`border-2 border-red-800 bg-white text-red-800 hover:bg-gray-200 focus-visible:bg-gray-200 focus-visible:outline-red-800 active:border-white active:bg-white disabled:border-red-500 disabled:text-red-500 disabled:hover:bg-white`, b = e`border border-blue-500 bg-white font-normal text-blue-800 hover:bg-gray-200 focus-visible:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, g = e`border-2 border-transparent bg-transparent text-blue-800 underline hover:border-gray-500 hover:bg-white focus-visible:border-gray-500 active:border-white active:bg-white disabled:bg-transparent disabled:text-gray-500`, c = r.size ?? "normal";
     let u = e`ris-body2-bold h-40 py-4`, d = e`ris-body2-bold h-48 py-4`, f = e`ris-body1-bold h-64 py-4`;
-    return l.hasIcon && !t.label ? (u = e`${u} w-40 px-4`, d = e`${d} w-48 px-4`, f = e`${f} w-64 px-4`) : (u = e`${u} px-12`, d = e`${d} px-16`, f = e`${f} px-24`), {
+    return l.hasIcon && !r.label ? (u = e`${u} w-40 px-4`, d = e`${d} w-48 px-4`, f = e`${f} w-64 px-4`) : (u = e`${u} px-12`, d = e`${d} px-16`, f = e`${f} px-24`), {
       class: {
-        [r]: !0,
-        [o]: t.rounded,
+        [t]: !0,
+        [o]: r.rounded,
         [u]: c === "small",
         [d]: c === "normal",
         [f]: c === "large",
-        [i]: !t.text && s === "primary",
-        [a]: !t.text && s === "secondary",
-        [n]: !t.text && s === "danger",
-        [b]: !t.text && s === "info",
-        [g]: t.text && s === "primary"
+        [i]: !r.text && s === "primary",
+        [a]: !r.text && s === "secondary",
+        [n]: !r.text && s === "danger",
+        [b]: !r.text && s === "info",
+        [g]: r.text && s === "primary"
       }
     };
   },
-  label: ({ props: t }) => ({
+  label: ({ props: r }) => ({
     class: {
-      hidden: !t.label
+      hidden: !r.label
     }
   }),
-  icon: ({ props: t }) => ({
+  icon: ({ props: r }) => ({
     class: {
-      "order-last": t.iconPos == "right"
+      "order-last": r.iconPos == "right"
     }
   }),
-  loadingIcon: ({ props: t }) => {
-    const l = t.size ?? "normal", r = e`h-[1.34em] w-[1.34em]`, o = e`h-24 w-24`;
+  loadingIcon: ({ props: r }) => {
+    const l = r.size ?? "normal", t = e`h-[1.34em] w-[1.34em]`, o = e`h-24 w-24`;
     return {
       class: {
         [e`animate-spin`]: !0,
-        [r]: l === "normal",
+        [t]: l === "normal",
         [o]: l === "large"
       }
     };
   }
 }, h = {
-  root: ({ props: t }) => ({
+  root: ({ props: r }) => ({
     class: {
       [e`[&+label]:ris-label1-regular relative inline-block h-24 min-h-24 w-24 min-w-24 [&+label]:ml-8`]: !0,
-      [e`h-32 min-h-32 w-32 min-w-32`]: t.size === "large"
+      [e`h-32 min-h-32 w-32 min-w-32`]: r.size === "large"
     }
   }),
   input: {
@@ -78,7 +78,7 @@ const S = {
   },
   pcCloseButton: {
     root: {
-      class: e`flex h-24 w-24 items-center justify-center p-4 text-blue-800 outline-hidden hover:outline-2 hover:outline-gray-500 focus-visible:outline-4 focus-visible:outline-blue-800 active:outline-none`
+      class: e`ris-label1-regular flex h-24 w-24 items-center justify-center p-4 text-blue-800 outline-hidden hover:outline-2 hover:outline-gray-500 focus-visible:outline-4 focus-visible:outline-blue-800 active:outline-none`
     }
   },
   content: {
@@ -108,17 +108,17 @@ const S = {
     class: e`flex`
   }
 }, 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-visible:outline-4 focus-visible:-outline-offset-4 focus-visible: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`, A = 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`;
+  root: ({ props: r }) => {
+    const l = e`[[type=password]]:w-full [&[type=password]:not(:placeholder-shown)]:text-[1.75rem] [&[type=password]:not(:placeholder-shown)]:tracking-[0.25rem]`, t = e`w-full`;
     return {
       class: {
         [y]: !0,
-        [r]: !!t.fluid,
+        [t]: !!r.fluid,
         [l]: !0,
-        [k]: !t.size || t.size === "small",
-        [A]: t.size === "large"
+        [k]: !r.size || r.size === "small",
+        [A]: r.size === "large"
       },
-      "data-size": t.size ?? "small"
+      "data-size": r.size ?? "small"
     };
   }
 }, C = {
@@ -128,12 +128,12 @@ const S = {
   list: {
     class: e`focus-visible:outline-none`
   },
-  item: ({ context: t }) => {
-    const l = e`relative h-48 pr-12 pl-16 after:absolute after:right-16 after:-bottom-1 after:left-16 after:border-b after:border-gray-300 after:content-[''] last:after:border-b-0 hover:bg-gray-100`, r = e`bg-gray-200 hover:bg-gray-200`;
+  item: ({ context: r }) => {
+    const l = e`relative h-48 pr-12 pl-16 after:absolute after:right-16 after:-bottom-1 after:left-16 after:border-b after:border-gray-300 after:content-[''] last:after:border-b-0 hover:bg-gray-100`, t = e`bg-gray-200 hover:bg-gray-200`;
     return {
       class: {
         [l]: !0,
-        [r]: t.focused
+        [t]: r.focused
       }
     };
   },
@@ -144,16 +144,16 @@ const S = {
     class: e`flex items-center gap-8`
   }
 }, I = {
-  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`, i = e`border-l-blue-800 bg-blue-200`, a = e`border-l-yellow-800 bg-yellow-200`, n = e`border-l-red-800 bg-red-200`, b = !!l.$slots.icon, c = {
+  root: ({ props: r, instance: l }) => {
+    const t = e`ris-body1-regular border-l-4 px-20 py-14`, o = r.severity ?? "info", s = e`border-l-green-800 bg-green-200`, i = e`border-l-blue-800 bg-blue-200`, a = e`border-l-yellow-800 bg-yellow-200`, n = e`border-l-red-800 bg-red-200`, b = !!l.$slots.icon, c = {
       success: "var(--ris-icon-success)",
       info: "var(--ris-icon-info)",
       warn: "var(--ris-icon-warn)",
       error: "var(--ris-icon-error)"
-    }[o], u = e`bg-size-[20px] bg-position-[16px_18px] bg-no-repeat pl-44`;
+    }[o], u = e`bg-size-[1.25rem] bg-position-[1rem_1.125rem] bg-no-repeat pl-44`;
     return {
       class: {
-        [r]: !0,
+        [t]: !0,
         [s]: o === "success",
         [i]: o === "info",
         [a]: o === "warn",
@@ -171,15 +171,15 @@ const S = {
   text: {
     class: e`flex-1`
   },
-  closeButton: ({ props: t }) => {
-    const l = e`mt-4 inline-flex h-20 w-20 flex-none items-center justify-center p-2 leading-none outline-offset-4 outline-blue-800 focus-visible:outline-4`, 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`, i = e`text-black hover:bg-yellow-400 active:bg-yellow-500`, a = e`text-red-800 hover:bg-red-400 active:bg-red-500`;
+  closeButton: ({ props: r }) => {
+    const l = e`mt-4 inline-flex h-20 w-20 flex-none items-center justify-center p-2 leading-none outline-offset-4 outline-blue-800 focus-visible:outline-4`, t = r.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`, i = e`text-black hover:bg-yellow-400 active:bg-yellow-500`, a = e`text-red-800 hover:bg-red-400 active:bg-red-500`;
     return {
       class: {
         [l]: !0,
-        [o]: r === "success",
-        [s]: r === "info",
-        [i]: r === "warn",
-        [a]: r === "error"
+        [o]: t === "success",
+        [s]: t === "info",
+        [i]: t === "warn",
+        [a]: t === "error"
       }
     };
   }
@@ -206,26 +206,26 @@ const S = {
     class: e`h-16 w-16 rounded-full bg-current`
   }
 }, v = e`w-full`, V = {
-  root: ({ props: t, state: l }) => {
-    const r = e`ris-body2-regular flex min-h-48 border-2 bg-white py-4 pr-4 pl-16 placeholder:text-gray-800`, o = e`cursor-pointer border-blue-800`, s = e`outline-4 -outline-offset-4 outline-blue-800`, i = e`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`, a = e`aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden`, n = e`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`;
+  root: ({ props: r, state: l }) => {
+    const t = e`ris-body2-regular flex min-h-48 border-2 bg-white py-4 pr-4 pl-16 placeholder:text-gray-800`, o = e`cursor-pointer border-blue-800`, s = e`outline-4 -outline-offset-4 outline-blue-800`, i = e`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`, a = e`aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden`, n = e`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`;
     return {
       class: {
-        [r]: !0,
-        [o]: !t.disabled,
-        [s]: l.focused && !t.disabled,
-        [i]: !t.disabled,
-        [v]: !!t.fluid,
-        [a]: t.invalid,
-        [n]: t.disabled
+        [t]: !0,
+        [o]: !r.disabled,
+        [s]: l.focused && !r.disabled,
+        [i]: !r.disabled,
+        [v]: !!r.fluid,
+        [a]: r.invalid,
+        [n]: r.disabled
       },
-      "aria-invalid": t.invalid ? "true" : null
+      "aria-invalid": r.invalid ? "true" : null
     };
   },
   pcInputText: {
-    root: ({ props: t }) => ({
+    root: ({ props: r }) => ({
       class: {
         [e`focus-visible:outline-hidden`]: !0,
-        [v]: !!t.fluid
+        [v]: !!r.fluid
       }
     })
   },
@@ -251,12 +251,12 @@ const S = {
     class: e`mt-12 w-full overflow-auto bg-white px-8 py-12 shadow-md`
   }
 }, j = {
-  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-visible:outline focus-visible:outline-4 focus-visible:-outline-offset-4 focus-visible: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`;
+  root: ({ props: r }) => {
+    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-visible:outline focus-visible:outline-4 focus-visible:-outline-offset-4 focus-visible: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`, t = e`w-full`;
     return {
       class: {
         [l]: !0,
-        [r]: !!t.fluid
+        [t]: !!r.fluid
       }
     };
   }
@@ -264,30 +264,30 @@ const S = {
   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`, i = e`border-l-yellow-900 bg-yellow-200`, a = e`border-l-blue-900 bg-blue-200`;
+  message: ({ props: r }) => {
+    const l = e`mb-8 flex w-full flex-row items-center gap-8 border-l-4 p-16`, t = r.message?.severity, o = e`border-l-green-900 bg-green-200`, s = e`border-l-red-900 bg-red-200`, i = e`border-l-yellow-900 bg-yellow-200`, a = e`border-l-blue-900 bg-blue-200`;
     return {
       class: {
         [l]: !0,
-        [o]: r === "success",
-        [s]: r === "error",
-        [i]: r === "warn",
-        [a]: r === "info"
+        [o]: t === "success",
+        [s]: t === "error",
+        [i]: t === "warn",
+        [a]: t === "info"
       }
     };
   },
   messageContent: {
     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`, i = e`text-black`, a = e`text-blue-800`;
+  messageIcon: ({ props: r }) => {
+    const l = e`mt-2 h-20 w-20 flex-none shrink-0`, t = r.message?.severity ?? "info", o = e`text-green-800`, s = e`text-red-800`, i = e`text-black`, a = e`text-blue-800`;
     return {
       class: {
         [l]: !0,
-        [o]: r === "success",
-        [s]: r === "error",
-        [i]: r === "warn",
-        [a]: r === "info"
+        [o]: t === "success",
+        [s]: t === "error",
+        [i]: t === "warn",
+        [a]: t === "info"
       }
     };
   },
@@ -300,15 +300,15 @@ const S = {
   detail: {
     class: e`ris-label2-regular`
   },
-  closeButton: ({ props: t }) => {
-    const l = e`p-2 outline-offset-4 outline-blue-800 focus-visible:outline-4`, r = t.message?.severity ?? "info", o = e`hover:bg-green-400`, s = e`hover:bg-red-400`, i = e`hover:bg-yellow-400`, a = e`hover:bg-blue-400`;
+  closeButton: ({ props: r }) => {
+    const l = e`p-2 outline-offset-4 outline-blue-800 focus-visible:outline-4`, t = r.message?.severity ?? "info", o = e`hover:bg-green-400`, s = e`hover:bg-red-400`, i = e`hover:bg-yellow-400`, a = e`hover:bg-blue-400`;
     return {
       class: {
         [l]: !0,
-        [o]: r === "success",
-        [s]: r === "error",
-        [i]: r === "warn",
-        [a]: r === "info"
+        [o]: t === "success",
+        [s]: t === "error",
+        [i]: t === "warn",
+        [a]: t === "info"
       }
     };
   },
@@ -316,28 +316,28 @@ const S = {
     class: e`text-black`
   }
 }, _ = {
-  root: ({ props: t, state: l }) => {
-    const r = e`group ris-body2-regular [&+small]:ris-label3-regular relative inline-flex h-48 items-center justify-between border-2 bg-white py-4 pr-6 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`outline-4 -outline-offset-4 outline-blue-800`, i = 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`, n = e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, b = e`w-full`;
+  root: ({ props: r, state: l }) => {
+    const t = e`group ris-body2-regular [&+small]:ris-label3-regular relative inline-flex h-48 items-center justify-between border-2 bg-white py-4 pr-6 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`outline-4 -outline-offset-4 outline-blue-800`, i = 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`, n = e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, b = e`w-full`;
     return {
       class: {
-        [r]: !0,
-        [o]: !t.disabled,
-        [s]: (l.focused || l.overlayVisible) && !t.disabled,
-        [i]: !t.disabled,
-        [b]: !!t.fluid,
-        [a]: t.disabled,
-        [n]: t.invalid
+        [t]: !0,
+        [o]: !r.disabled,
+        [s]: (l.focused || l.overlayVisible) && !r.disabled,
+        [i]: !r.disabled,
+        [b]: !!r.fluid,
+        [a]: r.disabled,
+        [n]: r.invalid
       },
-      "aria-invalid": t.invalid ? "true" : null
+      "aria-invalid": r.invalid ? "true" : null
     };
   },
-  dropdown: ({ state: t, props: l }) => {
-    const r = e`ml-8 p-10`, o = e`text-blue-800 group-hover:bg-blue-200`, s = e`bg-blue-800 text-white`, i = e`text-blue-500`;
+  dropdown: ({ state: r, props: l }) => {
+    const t = e`ml-8 p-10`, o = e`text-blue-800 group-hover:bg-blue-200`, s = e`bg-blue-800 text-white`, i = e`text-blue-500`;
     return {
       class: {
-        [r]: !0,
-        [o]: !(t.focused || t.overlayVisible || l.disabled),
-        [s]: (t.focused || t.overlayVisible) && !l.disabled,
+        [t]: !0,
+        [o]: !(r.focused || r.overlayVisible || l.disabled),
+        [s]: (r.focused || r.overlayVisible) && !l.disabled,
         [i]: l.disabled
       }
     };
@@ -351,12 +351,12 @@ const S = {
   overlay: {
     class: e`bg-white`
   },
-  option: ({ context: t, props: l }) => {
-    const r = e`ris-body2-regular relative h-full min-h-48 w-full cursor-pointer px-16 py-12 after:absolute after:right-8 after:-bottom-1 after:left-8 after:border-b after:border-gray-300 after:content-[''] last:after:border-b-0 hover:bg-gray-100`, o = e`bg-gray-100`, s = e`flex items-center gap-16`;
+  option: ({ context: r, props: l }) => {
+    const t = e`ris-body2-regular relative h-full min-h-48 w-full cursor-pointer px-16 py-12 after:absolute after:right-8 after:-bottom-1 after:left-8 after:border-b after:border-gray-300 after:content-[''] last:after:border-b-0 hover:bg-gray-100`, o = e`bg-gray-100`, s = e`flex items-center gap-16`;
     return {
       class: {
-        [r]: !0,
-        [o]: t.focused,
+        [t]: !0,
+        [o]: r.focused,
         [s]: l.checkmark
       }
     };
@@ -368,19 +368,19 @@ const S = {
     class: e`order-1`
   }
 }, P = {
-  root: ({ props: t, state: l }) => {
-    const r = e`ris-body2-regular [&+small]:ris-label3-regular relative inline-flex min-h-48 items-center justify-start border-2 bg-white py-2 pr-12 pl-12 [&+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-visible:outline-4 has-focus-visible:-outline-offset-4 has-focus-visible:outline-blue-800`, i = 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`, n = e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, b = e`w-full`;
+  root: ({ props: r, state: l }) => {
+    const t = e`ris-body2-regular [&+small]:ris-label3-regular relative inline-flex min-h-48 items-center justify-start border-2 bg-white py-2 pr-12 pl-12 [&+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-visible:outline-4 has-focus-visible:-outline-offset-4 has-focus-visible:outline-blue-800`, i = 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`, n = e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, b = e`w-full`;
     return {
       class: {
-        [r]: !0,
-        [o]: !t.disabled,
-        [s]: l.focused && !t.disabled,
-        [i]: !t.disabled,
-        [b]: !!t.fluid,
-        [a]: t.disabled,
-        [n]: t.invalid
+        [t]: !0,
+        [o]: !r.disabled,
+        [s]: l.focused && !r.disabled,
+        [i]: !r.disabled,
+        [b]: !!r.fluid,
+        [a]: r.disabled,
+        [n]: r.invalid
       },
-      "aria-invalid": t.invalid ? "true" : null
+      "aria-invalid": r.invalid ? "true" : null
     };
   },
   dropdown: {
@@ -407,22 +407,22 @@ const S = {
   header: {
     class: e`hidden`
   },
-  option: ({ context: t }) => {
-    const l = e`ris-body2-regular relative flex h-full min-h-48 w-full cursor-pointer border-l-4 border-transparent py-16 pr-24 pl-20 after:absolute after:right-8 after:-bottom-1 after:left-8 after:border-b after:border-gray-300 after:content-[''] last:after:border-b-0 hover:bg-gray-100`, r = e`border-l-4 border-solid border-l-blue-800 bg-gray-100`;
+  option: ({ context: r }) => {
+    const l = e`ris-body2-regular relative flex h-full min-h-48 w-full cursor-pointer border-l-4 border-transparent py-16 pr-24 pl-20 after:absolute after:right-8 after:-bottom-1 after:left-8 after:border-b after:border-gray-300 after:content-[''] last:after:border-b-0 hover:bg-gray-100`, t = e`border-l-4 border-solid border-l-blue-800 bg-gray-100`;
     return {
       class: {
         [l]: !0,
-        [r]: t.focused
+        [t]: r.focused
       }
     };
   }
 }, Z = {
   pcInputText: {
-    root: ({ props: t }) => ({
+    root: ({ props: r }) => ({
       class: {
         [y]: !0,
         [k]: !0,
-        "w-full": !!t.fluid
+        "w-full": !!r.fluid
       }
     })
   }
@@ -439,17 +439,17 @@ const S = {
   separator: {
     class: e`mx-6 flex items-center text-gray-600`
   }
-}, p = e`cursor-pointer`, m = e`ris-label1-bold border-l-blue-800 bg-blue-200 text-blue-900 hover:bg-blue-300`, w = e`ris-label1-regular hover:border-l-blue-600 hover:bg-blue-200`, x = e`-outline-offset-4 outline-blue-800 focus-visible:outline-4`, H = {
+}, m = e`cursor-pointer`, p = e`ris-label1-bold border-l-blue-800 bg-blue-200 text-blue-900 hover:bg-blue-300`, w = e`ris-label1-regular hover:border-l-blue-600 hover:bg-blue-200`, x = e`-outline-offset-4 outline-blue-800 focus-visible:outline-4`, H = {
   root: {
     class: e`text-blue-800`
   },
-  header: ({ context: t }) => ({
+  header: ({ context: r }) => ({
     class: {
       [e`group flex h-64 items-center border-l-4 border-transparent py-8 pr-20 pl-10`]: !0,
       [x]: !0,
-      [p]: !0,
-      [m]: t.active,
-      [w]: !t.active
+      [m]: !0,
+      [p]: r.active,
+      [w]: !r.active
     }
   }),
   content: {
@@ -461,15 +461,15 @@ const S = {
   panel: {
     class: e`focus-visible:outline-none`
   },
-  itemContent: ({ context: t }) => {
-    const l = e`group flex h-48 items-center border-l-4 border-transparent py-8 pr-20 pl-10`, r = e`${x} not-[:hover]:outline-4`;
+  itemContent: ({ context: r }) => {
+    const l = e`group flex h-48 items-center border-l-4 border-transparent py-8 pr-20 pl-10`, t = e`${x} not-[:hover]:outline-4`;
     return {
       class: {
         [l]: !0,
-        [r]: t.focused,
-        [p]: !0,
-        [m]: t.active,
-        [w]: !t.active
+        [t]: r.focused,
+        [m]: !0,
+        [p]: r.active,
+        [w]: !r.active
       }
     };
   }
@@ -477,66 +477,66 @@ const S = {
   node: {
     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`, i = e`hover:bg-blue-200`, a = e`hover:bg-blue-300`;
+  nodeContent: ({ context: r }) => {
+    const l = e`group ris-label2-bold flex w-full border-l-4 border-transparent py-10 pr-20 pl-10 text-blue-800`, t = 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`, i = e`hover:bg-blue-200`, a = e`hover:bg-blue-300`;
     return {
       class: {
         [l]: !0,
-        [r]: !0,
-        [s]: t.selected,
-        [i]: !t.selected,
-        [a]: t.selected,
+        [t]: !0,
+        [s]: r.selected,
+        [i]: !r.selected,
+        [a]: r.selected,
         [o]: !0
       }
     };
   },
-  nodeToggleButton: ({ context: t }) => {
-    const l = e`h-20 w-20 justify-center border-0 bg-transparent text-gray-900 group-hover:text-black hover:text-black`, r = t.leaf ? e`hidden` : e`inline-flex`;
+  nodeToggleButton: ({ context: r }) => {
+    const l = e`h-20 w-20 justify-center border-0 bg-transparent text-gray-900 group-hover:text-black hover:text-black`, t = r.leaf ? e`hidden` : e`inline-flex`;
     return {
       class: {
         [l]: !0,
-        [r]: t.leaf
+        [t]: r.leaf
       }
     };
   },
   nodeChildren: () => {
-    const t = e`m-0 list-none border-l border-gray-600 p-0 pl-36 [&:not(ul)]:pl-0 [&>ul:first-of-type]:border-0`, l = e`focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800`;
+    const r = e`m-0 list-none border-l border-gray-600 p-0 pl-36 [&:not(ul)]:pl-0 [&>ul:first-of-type]:border-0`, l = e`focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800`;
     return {
       class: {
-        [t]: !0,
+        [r]: !0,
         [l]: !0
       }
     };
   },
-  nodeLabel: ({ context: t }) => {
-    const l = e`group flex w-full flex-col items-start outline-none *:w-full *:outline-none group-hover:text-black [&>*:first-child]:group-hover:underline [&>*:last-child]:group-hover:no-underline`, r = e`text-black [&>*:last-child:is(span)]:text-gray-900`, o = e`[&>*:last-child]:group-hover:text-black`;
+  nodeLabel: ({ context: r }) => {
+    const l = e`group flex w-full flex-col items-start outline-none *:w-full *:outline-none group-hover:text-black [&>*:first-child]:group-hover:underline [&>*:last-child]:group-hover:no-underline`, t = e`text-black [&>*:last-child:is(span)]:text-gray-900`, o = e`[&>*:last-child]:group-hover:text-black`;
     return {
       class: {
         [l]: !0,
-        [r]: t.selected,
-        [o]: t.selected
+        [t]: r.selected,
+        [o]: r.selected
       }
     };
   }
 }, $ = {
-  root: ({ props: t }) => ({
+  root: ({ props: r }) => ({
     class: {
       [e`flex flex-nowrap rounded-none border-0 bg-transparent`]: !0,
-      [e`flex-col`]: t.layout === "vertical"
+      [e`flex-col`]: r.layout === "vertical"
     }
   }),
-  gutter: ({ props: t }) => ({
+  gutter: ({ props: r }) => ({
     class: {
       [e`flex shrink-0 items-center justify-center bg-gray-400 hover:bg-blue-700`]: !0,
-      [e`h-full w-[3px] cursor-col-resize`]: t.layout === "horizontal",
-      [e`h-[3px] w-full cursor-row-resize`]: t.layout === "vertical"
+      [e`h-full w-[0.1875rem] cursor-col-resize`]: r.layout === "horizontal",
+      [e`h-[0.1875rem] w-full cursor-row-resize`]: r.layout === "vertical"
     }
   }),
-  gutterHandle: ({ props: t }) => ({
+  gutterHandle: ({ props: r }) => ({
     class: {
       [e`z-20 rounded bg-transparent outline-offset-4 outline-blue-800 focus-visible:outline-4`]: !0,
-      [e`h-11/12 w-[3px] cursor-col-resize`]: t.layout === "horizontal",
-      [e`h-[3px] w-11/12 cursor-row-resize`]: t.layout === "vertical"
+      [e`h-11/12 w-[0.1875rem] cursor-col-resize`]: r.layout === "horizontal",
+      [e`h-[0.1875rem] w-11/12 cursor-row-resize`]: r.layout === "vertical"
     }
   })
 }, G = {
@@ -555,12 +555,12 @@ const S = {
   tbody: {
     class: e`divide-y divide-blue-300 border-b border-blue-300`
   },
-  bodyRow: ({ context: t }) => ({
+  bodyRow: ({ context: r }) => ({
     class: [
       e`-outline-offset-4 outline-blue-800 focus-visible:outline-4`,
       {
-        "bg-blue-300": t.selected,
-        "hover:bg-blue-100": !t.selected
+        "bg-blue-300": r.selected,
+        "hover:bg-blue-100": !r.selected
       }
     ]
   }),
@@ -595,13 +595,13 @@ const S = {
     class: e`py-96 text-center text-gray-900`
   }
 }, O = {
-  root: ({ context: t }) => {
-    const l = e`ris-body2-bold h-64 border-b-4 border-b-transparent py-4 pr-24 pl-20 outline-0 -outline-offset-4 outline-blue-800 focus-visible:outline-4`, r = e`z-10 bg-[var(--p-tabs-tab-active-background)] text-black shadow-[-1px_-1px_0_0_var(--p-tabs-tab-border-color),1px_-1px_0_0_var(--p-tabs-tab-border-color)]`, o = e`cursor-pointer text-blue-800 hover:border-b-blue-800`;
+  root: ({ context: r }) => {
+    const l = e`ris-body2-bold h-64 border-b-4 border-b-transparent py-4 pr-24 pl-20 outline-0 -outline-offset-4 outline-blue-800 focus-visible:outline-4`, t = e`z-10 bg-[var(--p-tabs-tab-active-background)] text-black shadow-[-1px_-1px_0_0_var(--p-tabs-tab-border-color),1px_-1px_0_0_var(--p-tabs-tab-border-color)]`, o = e`cursor-pointer text-blue-800 hover:border-b-blue-800`;
     return {
       class: {
         [l]: !0,
-        [r]: t.active,
-        [o]: !t.active
+        [t]: r.active,
+        [o]: !r.active
       }
     };
   }
@@ -614,15 +614,15 @@ const S = {
     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 = {
-  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`, i = 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;
+  arrow: ({ context: r }) => {
+    const l = e`absolute h-0 w-0 border-[7px] border-solid`, t = 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`, i = e`-mt-[7px] border-r-0 border-t-transparent border-b-transparent border-l-gray-900`, a = !r.top && !r.right && !r.bottom && !r.left;
     return {
       class: {
         [l]: !0,
-        [r]: t.top,
-        [o]: t.right || a,
-        [s]: t.bottom,
-        [i]: t.left
+        [t]: r.top,
+        [o]: r.right || a,
+        [s]: r.bottom,
+        [i]: r.left
       }
     };
   },