@digitalservicebund/ris-ui 1.0.1 → 1.1.0

package/README.md

@@ -19,7 +19,7 @@ npm install vue primevue tailwindcss
 npm install @digitalservicebund/ris-ui
 ```
 
-## Usage
+### Vue setup
 
 Import and apply the RIS UI theme, styling, and fonts where you set up your application (typically `main.ts`):
 
@@ -27,16 +27,70 @@ Import and apply the RIS UI theme, styling, and fonts where you set up your appl
   // main.ts
   import { createApp } from "vue";
   import PrimeVue from "primevue/config";
-+ import { RisUiTheme } from "@digitalservicebund/ris-ui/primevue";
++ import { RisUiTheme, RisUiLocale } from "@digitalservicebund/ris-ui/primevue";
 + import "@digitalservicebund/ris-ui/primevue/style.css";
 + import "@digitalservicebund/ris-ui/fonts.css";
 
   const app = createApp().use(PrimeVue, {
 +   unstyled: true,
 +   pt: RisUiTheme,
++   locale: RisUiLocale.deDE
   })
 ```
 
+### Nuxt setup
+
+If using Nuxt, skip the Vue setup above.
+
+Install the Nuxt PrimeVue module:
+
+```sh
+npm install @primevue/nuxt-module
+```
+
+Add the PrimeVue module and configure it in `nuxt.config.ts`:
+
+```diff
+  // nuxt.config.ts
+  export default defineNuxtConfig({
+    // your other configuration
+    modules: [
++     "@primevue/nuxt-module",
+    ],
++   primevue: {
++      usePrimeVue: false, // configured in plugins/ris-ui.ts
++   },
+  })
+```
+
+Add a new Nuxt plugin to configure PrimeVue:
+
+```typescript
+// plugins/ris-ui.ts
+import { RisUiTheme } from "@digitalservicebund/ris-ui/primevue";
+import PrimeVue from "primevue/config";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(PrimeVue, {
+    pt: RisUiTheme,
+    unstyled: true,
+  });
+});
+```
+
+Finally, add the styles (e.g. `assets/main.css`):
+
+```css
+@import "@digitalservicebund/ris-ui/primevue/style.css";
+@import "@digitalservicebund/ris-ui/fonts.css";
+
+/* Your other CSS */
+```
+
+If not using Tailwind, you may also add these styles directly to the `css` section of `nuxt.config.ts`.
+
+## Tailwind usage
+
 If you want, also install the Tailwind preset (for colors, spacings, etc.) and plugin (for typography classes, etc.):
 
 ```diff
@@ -51,6 +105,25 @@ If you want, also install the Tailwind preset (for colors, spacings, etc.) and p
   };
 ```
 
+To avoid issues with conflicting `@layer` directives, make sure to integrate the `postcss-import` module in your PostCSS configuration:
+
+See https://tailwindcss.com/docs/adding-custom-styles#using-multiple-css-files
+
+### Using Nuxt
+
+You may add the `postcss-import` module to your `nuxt.config.ts` file:
+
+```diff
+  // nuxt.config.ts
+  postcss: {
+    plugins: {
++     "postcss-import": {},
+      tailwindcss: {},
+      autoprefixer: {},
+    },
+  },
+```
+
 ## Development
 
 To make changes to RIS UI, you'll need the current [Node.js LTS](https://nodejs.org/en/download/package-manager) along with npm installed on your machine.
@@ -157,8 +230,8 @@ To release a new version, run the ["Release to npm"](https://github.com/digitals
 - Create a Git tag and GitHub release
 - Generate a changelog based on the commits since the last release
 
-Releases are created automatically by [semantic-release](https://github.com/semantic-release/semantic-release?tab=readme-ov-file). Please refer to their documentation to learn more about how version numbers are inferred and how changelogs are created. 
+Releases are created automatically by [semantic-release](https://github.com/semantic-release/semantic-release?tab=readme-ov-file). Please refer to their documentation to learn more about how version numbers are inferred and how changelogs are created.
 
 ## Contributing
 
-See [CONTRIBUTING.md](./CONTRIBUTING.md).
+See [CONTRIBUTING.md](./CONTRIBUTING.md).

package/dist/config/locale.d.ts

@@ -0,0 +1,2 @@
+import { PrimeVueLocaleOptions } from "primevue/config";
+export declare const deDE: PrimeVueLocaleOptions;

package/dist/mockServiceWorker.js

@@ -0,0 +1,284 @@
+/* eslint-disable */
+/* tslint:disable */
+
+/**
+ * Mock Service Worker.
+ * @see https://github.com/mswjs/msw
+ * - Please do NOT modify this file.
+ * - Please do NOT serve this file on production.
+ */
+
+const PACKAGE_VERSION = '2.4.5'
+const INTEGRITY_CHECKSUM = '26357c79639bfa20d64c0efca2a87423'
+const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
+const activeClientIds = new Set()
+
+self.addEventListener('install', function () {
+  self.skipWaiting()
+})
+
+self.addEventListener('activate', function (event) {
+  event.waitUntil(self.clients.claim())
+})
+
+self.addEventListener('message', async function (event) {
+  const clientId = event.source.id
+
+  if (!clientId || !self.clients) {
+    return
+  }
+
+  const client = await self.clients.get(clientId)
+
+  if (!client) {
+    return
+  }
+
+  const allClients = await self.clients.matchAll({
+    type: 'window',
+  })
+
+  switch (event.data) {
+    case 'KEEPALIVE_REQUEST': {
+      sendToClient(client, {
+        type: 'KEEPALIVE_RESPONSE',
+      })
+      break
+    }
+
+    case 'INTEGRITY_CHECK_REQUEST': {
+      sendToClient(client, {
+        type: 'INTEGRITY_CHECK_RESPONSE',
+        payload: {
+          packageVersion: PACKAGE_VERSION,
+          checksum: INTEGRITY_CHECKSUM,
+        },
+      })
+      break
+    }
+
+    case 'MOCK_ACTIVATE': {
+      activeClientIds.add(clientId)
+
+      sendToClient(client, {
+        type: 'MOCKING_ENABLED',
+        payload: true,
+      })
+      break
+    }
+
+    case 'MOCK_DEACTIVATE': {
+      activeClientIds.delete(clientId)
+      break
+    }
+
+    case 'CLIENT_CLOSED': {
+      activeClientIds.delete(clientId)
+
+      const remainingClients = allClients.filter((client) => {
+        return client.id !== clientId
+      })
+
+      // Unregister itself when there are no more clients
+      if (remainingClients.length === 0) {
+        self.registration.unregister()
+      }
+
+      break
+    }
+  }
+})
+
+self.addEventListener('fetch', function (event) {
+  const { request } = event
+
+  // Bypass navigation requests.
+  if (request.mode === 'navigate') {
+    return
+  }
+
+  // Opening the DevTools triggers the "only-if-cached" request
+  // that cannot be handled by the worker. Bypass such requests.
+  if (request.cache === 'only-if-cached' && request.mode !== 'same-origin') {
+    return
+  }
+
+  // Bypass all requests when there are no active clients.
+  // Prevents the self-unregistered worked from handling requests
+  // after it's been deleted (still remains active until the next reload).
+  if (activeClientIds.size === 0) {
+    return
+  }
+
+  // Generate unique request ID.
+  const requestId = crypto.randomUUID()
+  event.respondWith(handleRequest(event, requestId))
+})
+
+async function handleRequest(event, requestId) {
+  const client = await resolveMainClient(event)
+  const response = await getResponse(event, client, requestId)
+
+  // Send back the response clone for the "response:*" life-cycle events.
+  // Ensure MSW is active and ready to handle the message, otherwise
+  // this message will pend indefinitely.
+  if (client && activeClientIds.has(client.id)) {
+    ;(async function () {
+      const responseClone = response.clone()
+
+      sendToClient(
+        client,
+        {
+          type: 'RESPONSE',
+          payload: {
+            requestId,
+            isMockedResponse: IS_MOCKED_RESPONSE in response,
+            type: responseClone.type,
+            status: responseClone.status,
+            statusText: responseClone.statusText,
+            body: responseClone.body,
+            headers: Object.fromEntries(responseClone.headers.entries()),
+          },
+        },
+        [responseClone.body],
+      )
+    })()
+  }
+
+  return response
+}
+
+// Resolve the main client for the given event.
+// Client that issues a request doesn't necessarily equal the client
+// that registered the worker. It's with the latter the worker should
+// communicate with during the response resolving phase.
+async function resolveMainClient(event) {
+  const client = await self.clients.get(event.clientId)
+
+  if (client?.frameType === 'top-level') {
+    return client
+  }
+
+  const allClients = await self.clients.matchAll({
+    type: 'window',
+  })
+
+  return allClients
+    .filter((client) => {
+      // Get only those clients that are currently visible.
+      return client.visibilityState === 'visible'
+    })
+    .find((client) => {
+      // Find the client ID that's recorded in the
+      // set of clients that have registered the worker.
+      return activeClientIds.has(client.id)
+    })
+}
+
+async function getResponse(event, client, requestId) {
+  const { request } = event
+
+  // Clone the request because it might've been already used
+  // (i.e. its body has been read and sent to the client).
+  const requestClone = request.clone()
+
+  function passthrough() {
+    const headers = Object.fromEntries(requestClone.headers.entries())
+
+    // Remove internal MSW request header so the passthrough request
+    // complies with any potential CORS preflight checks on the server.
+    // Some servers forbid unknown request headers.
+    delete headers['x-msw-intention']
+
+    return fetch(requestClone, { headers })
+  }
+
+  // Bypass mocking when the client is not active.
+  if (!client) {
+    return passthrough()
+  }
+
+  // Bypass initial page load requests (i.e. static assets).
+  // The absence of the immediate/parent client in the map of the active clients
+  // means that MSW hasn't dispatched the "MOCK_ACTIVATE" event yet
+  // and is not ready to handle requests.
+  if (!activeClientIds.has(client.id)) {
+    return passthrough()
+  }
+
+  // Notify the client that a request has been intercepted.
+  const requestBuffer = await request.arrayBuffer()
+  const clientMessage = await sendToClient(
+    client,
+    {
+      type: 'REQUEST',
+      payload: {
+        id: requestId,
+        url: request.url,
+        mode: request.mode,
+        method: request.method,
+        headers: Object.fromEntries(request.headers.entries()),
+        cache: request.cache,
+        credentials: request.credentials,
+        destination: request.destination,
+        integrity: request.integrity,
+        redirect: request.redirect,
+        referrer: request.referrer,
+        referrerPolicy: request.referrerPolicy,
+        body: requestBuffer,
+        keepalive: request.keepalive,
+      },
+    },
+    [requestBuffer],
+  )
+
+  switch (clientMessage.type) {
+    case 'MOCK_RESPONSE': {
+      return respondWithMock(clientMessage.data)
+    }
+
+    case 'PASSTHROUGH': {
+      return passthrough()
+    }
+  }
+
+  return passthrough()
+}
+
+function sendToClient(client, message, transferrables = []) {
+  return new Promise((resolve, reject) => {
+    const channel = new MessageChannel()
+
+    channel.port1.onmessage = (event) => {
+      if (event.data && event.data.error) {
+        return reject(event.data.error)
+      }
+
+      resolve(event.data)
+    }
+
+    client.postMessage(
+      message,
+      [channel.port2].concat(transferrables.filter(Boolean)),
+    )
+  })
+}
+
+async function respondWithMock(response) {
+  // Setting response status code to 0 is a no-op.
+  // However, when responding with a "Response.error()", the produced Response
+  // instance will have status code set to 0. Since it's not possible to create
+  // a Response instance with status code 0, handle that use-case separately.
+  if (response.status === 0) {
+    return Response.error()
+  }
+
+  const mockedResponse = new Response(response.body, response)
+
+  Reflect.defineProperty(mockedResponse, IS_MOCKED_RESPONSE, {
+    value: true,
+    enumerable: true,
+  })
+
+  return mockedResponse
+}

package/dist/primevue/checkbox/checkbox.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxPassThroughOptions } from "primevue/checkbox";
+declare const checkbox: CheckboxPassThroughOptions;
+export default checkbox;

package/dist/primevue/confirmDialog/confirmDialog.d.ts

@@ -0,0 +1,3 @@
+import { ConfirmDialogPassThroughOptions } from "primevue/confirmdialog";
+declare const confirmDialog: ConfirmDialogPassThroughOptions;
+export default confirmDialog;

package/dist/primevue/dialog/dialog.d.ts

@@ -0,0 +1,4 @@
+import { DialogPassThroughOptions } from "primevue/dialog";
+import "./dialog.css";
+declare const dialog: DialogPassThroughOptions;
+export default dialog;

package/dist/primevue/fileUpload/fileUpload.d.ts

@@ -0,0 +1,3 @@
+import { FileUploadPassThroughOptions } from "primevue/fileupload";
+declare const fileUpload: FileUploadPassThroughOptions;
+export default fileUpload;

package/dist/primevue/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=(e,...n)=>{let o=e[0];for(let a=1,i=e.length;a<i;a++)o+=n[a-1],o+=e[a];return o},t=c,h={root:({props:e,instance:n})=>{const o=t`relative inline-flex max-w-full items-center justify-center gap-8 rounded-none text-center outline-4 outline-offset-4 outline-blue-800 focus:outline active:outline-none disabled:cursor-not-allowed disabled:outline-none`,a=e.severity??"primary",i=t`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`,b=t`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`,u=t`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`,s=e.size??"small";let l=t`ris-body2-bold h-48 py-4`,r=t`ris-body1-bold h-64 py-4`;const d=e.iconPos??"left";return n.hasIcon&&e.label?d==="left"?(l=t`${l} pl-8 pr-16`,r=t`${r} pl-20 pr-24`):d==="right"&&(l=t`${l} pl-16 pr-8`,r=t`${r} pl-24 pr-20`):n.hasIcon&&!e.label?(l=t`${l} w-48 px-4`,r=t`${r} w-64 px-4`):(l=t`${l} px-16`,r=t`${r} px-24`),{class:{[o]:!0,[l]:s==="small",[r]:s==="large",[i]:!e.text&&a==="primary",[b]:!e.text&&a==="secondary",[u]:e.text&&a==="primary"}}},label:({props:e})=>({class:{hidden:!e.label,[t`-order-1`]:e.iconPos==="right"}}),loadingIcon:({props:e})=>({class:{[t`animate-spin`]:!0,[t`h-24 w-24`]:e.size==="large",[t`h-[1.34em] w-[1.34em]`]:!e.size||e.size==="small"}})},g={root:{class:t`has-[input:read-only]:curser-not-allowed inline-flex items-center gap-4 border-2 border-blue-800 bg-white px-16 py-0 outline-4 -outline-offset-4 outline-blue-800 has-[[aria-invalid]]:border-red-800 has-[input:disabled]:border-blue-500 has-[input:read-only]:border-blue-300 has-[[aria-invalid]]:bg-red-200 has-[input:disabled]:bg-white has-[input:read-only]:bg-blue-300 has-[[data-size=large]]:px-24 has-[input:disabled]:text-blue-500 has-[input:disabled]:outline-none has-[:focus]:outline has-[:hover]:outline has-[[aria-invalid]]:outline-red-800`}},y={root:{class:t`m-0 p-0`}},p={root:({props:e,parent:n})=>{const o=t`border-2 border-blue-800 bg-white outline-4 -outline-offset-4 outline-blue-800 placeholder:text-gray-900 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline focus:outline disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-none aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-none`,a=t`[&[type=password]:not(:placeholder-shown)]:text-[28px] [&[type=password]:not(:placeholder-shown)]:tracking-[4px] [&[type=password]]:w-full`,i=n.instance.$name==="InputGroup",b=t`bg-transparent placeholder:text-gray-900 focus:outline-none`,u=t`w-full`,s=t`ris-body2-regular h-48 px-16 py-4`,l=t`ris-body1-regular h-64 px-24 py-4`,r=t`ris-body2-regular h-[44px] p-0`,d=t`ris-body1-regular h-[60px] p-0`;return{class:{[o]:!i,[b]:i,[u]:!!e.fluid,[a]:!0,[s]:(!e.size||e.size==="small")&&!i,[r]:(!e.size||e.size==="small")&&i,[l]:e.size==="large"&&!i,[d]:e.size==="large"&&i},"data-size":e.size??"small"}}},x={},w={button:h,inputText:p,inputGroup:g,inputGroupAddon:y,password:x};exports.RisUiTheme=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=(t,...o)=>{let r=t[0];for(let n=1,l=t.length;n<l;n++)r+=o[n-1],r+=t[n];return r},e=g,h={root:({props:t,instance:o})=>{const r=e`relative inline-flex max-w-full items-center justify-center gap-8 rounded-none text-center outline-4 outline-offset-4 outline-blue-800 focus:outline active:outline-none disabled:cursor-not-allowed disabled:outline-none`,n=t.severity??"primary",l=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:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`,i=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`,s=t.size??"normal";let c=e`ris-body2-bold h-48 py-4`,u=e`ris-body1-bold h-64 py-4`;return o.hasIcon&&!t.label?(c=e`${c} w-48 px-4`,u=e`${u} w-64 px-4`):(c=e`${c} px-16`,u=e`${u} px-24`),{class:{[r]:!0,[c]:s==="normal",[u]:s==="large",[l]:!t.text&&n==="primary",[a]:!t.text&&n==="secondary",[i]:t.text&&n==="primary"}}},label:({props:t})=>({class:{hidden:!t.label,[e`-order-1`]:t.iconPos==="right"}}),loadingIcon:({props:t})=>{const o=t.size??"normal",r=e`h-[1.34em] w-[1.34em]`,n=e`h-24 w-24`;return{class:{[e`animate-spin`]:!0,[r]:o==="normal",[n]:o==="large"}}}},p={root:{class:e`relative inline-block h-24 w-24 [&+label]:ris-label2-regular [&+label]:ml-8`},input:{class:e`peer h-full w-full cursor-pointer appearance-none border-2 border-blue-800 bg-white outline-4 -outline-offset-4 outline-blue-800 hover:outline focus:outline active:outline-none disabled:cursor-not-allowed disabled:border-gray-600 disabled:outline-none aria-[invalid]:border-red-800 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-none aria-[invalid]:disabled:outline-none`},box:{class:e`pointer-events-none absolute inset-0 flex items-center justify-center text-blue-800 peer-disabled:text-gray-600 peer-aria-[invalid]:text-red-800`}},m={},v={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`}),header:{class:e`mb-16 flex`},title:{class:e`ris-label1-bold flex-1`},headerActions:{class:e`flex-none`},pcCloseButton:{root:{class:e`flex h-24 w-24 items-center justify-center p-4 text-blue-800 outline-2 outline-gray-500 hover:outline focus:outline active:outline-none`}},content:{class:e`ris-dialog-content overflow-auto has-[svg:first-child]:flex has-[svg:first-child]:gap-8`},footer:{class:e`mt-40 flex items-center justify-end gap-12`},mask:{class:e`bg-black/40`}},f={root:()=>({class:{[e`flex flex-col items-center gap-10`]:!0}}),input:()=>({class:"hidden"})},w={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 outline-4 -outline-offset-4 outline-blue-800 has-[[aria-invalid]]:border-red-800 has-[input:disabled]:border-blue-500 has-[input:read-only]:border-blue-300 has-[[aria-invalid]]:bg-red-200 has-[input:disabled]:bg-white has-[input:read-only]:bg-blue-300 has-[[data-size=large]]:px-24 has-[input:disabled]:text-blue-500 has-[input:disabled]:outline-none has-[:focus]:outline has-[:hover]:outline has-[[aria-invalid]]:outline-red-800`}},x={root:{class:e`m-0 p-0`}},y={root:({props:t,parent:o})=>{const r=e`border-2 border-blue-800 bg-white outline-4 -outline-offset-4 outline-blue-800 placeholder:text-gray-900 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline focus:outline disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-none aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-none`,n=e`[&[type=password]:not(:placeholder-shown)]:text-[28px] [&[type=password]:not(:placeholder-shown)]:tracking-[4px] [&[type=password]]:w-full`,l=o.instance.$name==="InputGroup",a=e`bg-transparent placeholder:text-gray-900 focus:outline-none`,i=e`w-full`,s=e`ris-body2-regular h-48 px-16 py-4`,c=e`ris-body1-regular h-64 px-24 py-4`,u=e`ris-body2-regular h-[44px] p-0`,d=e`ris-body1-regular h-[60px] p-0`;return{class:{[r]:!l,[a]:l,[i]:!!t.fluid,[n]:!0,[s]:(!t.size||t.size==="small")&&!l,[u]:(!t.size||t.size==="small")&&l,[c]:t.size==="large"&&!l,[d]:t.size==="large"&&l},"data-size":t.size??"small"}}},S={root:({props:t,instance:o})=>{const r=e`ris-body1-regular border-l-4 px-20 py-14`,n=t.severity??"info",l=e`border-l-green-800 bg-green-200`,a=e`border-l-blue-800 bg-blue-200`,i=e`border-l-yellow-800 bg-yellow-200`,s=e`border-l-red-800 bg-red-200`,c=!!o.$slots.icon,d={success:"var(--ris-icon-success)",info:"var(--ris-icon-info)",warn:"var(--ris-icon-warn)",error:"var(--ris-icon-error)"}[n],b=e`bg-[length:20px] bg-[16px_18px] bg-no-repeat pl-44`;return{class:{[r]:!0,[l]:n==="success",[a]:n==="info",[i]:n==="warn",[s]:n==="error",[b]:!c},style:{backgroundImage:c?void 0:d}}},content:{class:e`flex items-start gap-8`},text:{class:e`flex-1`},closeButton:({props:t})=>{const o=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",n=e`text-green-800 hover:bg-green-400 active:bg-green-500`,l=e`text-blue-800 hover:bg-blue-400 active:bg-blue-500`,a=e`text-black hover:bg-yellow-400 active:bg-yellow-500`,i=e`text-red-800 hover:bg-red-400 active:bg-red-500`;return{class:{[o]:!0,[n]:r==="success",[l]:r==="info",[a]:r==="warn",[i]:r==="error"}}}},M={},N={root:{class:e`relative 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]`}},k={root:{class:e`relative inline-block h-32 w-32 [&+label]:ris-label2-regular [&+label]:ml-8`},input:{class:e`peer h-full w-full cursor-pointer appearance-none rounded-full border-2 border-blue-800 bg-white outline-4 -outline-offset-4 outline-blue-800 hover:outline focus:outline active:outline-none disabled:cursor-not-allowed disabled:border-gray-600 disabled:outline-none aria-[invalid]:border-red-800 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-none aria-[invalid]:disabled:outline-none`},box:{class:e`pointer-events-none absolute inset-0 flex items-center justify-center text-transparent peer-checked:text-blue-800 peer-disabled:text-gray-600 peer-aria-[invalid]:text-red-800`},icon:{class:e`h-16 w-16 rounded-full bg-current`}},z={root:({props:t})=>{const o=e`ris-body2-regular h-48 border-2 border-blue-800 bg-white px-16 py-10 outline-4 -outline-offset-4 outline-blue-800 placeholder:text-gray-900 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline focus:outline disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-none aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-none`,r=e`w-full`;return{class:{[o]:!0,[r]:!!t.fluid}}}},D={message:({props:t})=>{var s;const o=e`mb-8 flex w-full flex-row items-center gap-8 border-l-4 p-16`,r=(s=t.message)==null?void 0:s.severity,n=e`border-l-green-900 bg-green-200`,l=e`border-l-red-900 bg-red-200`,a=e`border-l-yellow-900 bg-yellow-200`,i=e`border-l-blue-900 bg-blue-200`;return{class:{[o]:!0,[n]:r==="success",[l]:r==="error",[a]:r==="warn",[i]:r==="info"}}},messageContent:{class:e`flex w-full flex-row items-start justify-between gap-10`},messageIcon:({props:t})=>{var s;const o=e`mt-2 h-20 w-20 flex-none shrink-0`,r=((s=t.message)==null?void 0:s.severity)??"info",n=e`text-green-800`,l=e`text-red-800`,a=e`text-black`,i=e`text-blue-800`;return{class:{[o]:!0,[n]:r==="success",[l]:r==="error",[a]:r==="warn",[i]:r==="info"}}},messageText:{class:e`flex-grow text-black`},summary:{class:e`ris-label2-bold`},detail:{class:e`ris-label2-regular`},closeButton:({props:t})=>{var s;const o=e`rounded-sm p-2`,r=((s=t.message)==null?void 0:s.severity)??"info",n=e`hover:bg-green-400`,l=e`hover:bg-red-400`,a=e`hover:bg-yellow-400`,i=e`hover:bg-blue-400`;return{class:{[o]:!0,[n]:r==="success",[l]:r==="error",[a]:r==="warn",[i]:r==="info"}}},closeIcon:{class:e`text-black`}},A={startsWith:"Beginnt mit",contains:"Enthält",notContains:"Enthält nicht",endsWith:"Endet mit",equals:"Gleich",notEquals:"Ungleich",noFilter:"Kein Filter",lt:"Weniger als",lte:"Weniger oder gleich",gt:"Größer als",gte:"Größer oder gleich",dateIs:"Datum ist",dateIsNot:"Datum ist nicht",dateBefore:"Datum ist vor",dateAfter:"Datum ist nach",clear:"Löschen",apply:"Anwenden",matchAll:"Alle erfüllen",matchAny:"Beliebige erfüllen",addRule:"Regel hinzufügen",removeRule:"Regel entfernen",accept:"Ja",reject:"Nein",choose:"Auswählen",upload:"Hochladen",cancel:"Abbrechen",completed:"Abgeschlossen",pending:"Ausstehend",fileSizeTypes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],dayNames:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],dayNamesShort:["So","Mo","Di","Mi","Do","Fr","Sa"],dayNamesMin:["So","Mo","Di","Mi","Do","Fr","Sa"],monthNames:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],monthNamesShort:["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],chooseYear:"Jahr wählen",chooseMonth:"Monat wählen",chooseDate:"Datum wählen",prevDecade:"Vorheriges Jahrzehnt",nextDecade:"Nächstes Jahrzehnt",prevYear:"Vorheriges Jahr",nextYear:"Nächstes Jahr",prevMonth:"Vorheriger Monat",nextMonth:"Nächster Monat",prevHour:"Vorherige Stunde",nextHour:"Nächste Stunde",prevMinute:"Vorherige Minute",nextMinute:"Nächste Minute",prevSecond:"Vorherige Sekunde",nextSecond:"Nächste Sekunde",am:"vorm.",pm:"nachm.",today:"Heute",weekHeader:"KW",firstDayOfWeek:1,showMonthAfterYear:!1,dateFormat:"dd.mm.yy",weak:"Schwach",medium:"Mittel",strong:"Stark",passwordPrompt:"Passwort eingeben",emptyFilterMessage:"Keine Ergebnisse gefunden",searchMessage:"{0} Ergebnisse verfügbar",selectionMessage:"{0} Elemente ausgewählt",emptySelectionMessage:"Kein Element ausgewählt",emptySearchMessage:"Keine Ergebnisse gefunden",fileChosenMessage:"{0} Dateien",noFileChosenMessage:"Keine Datei ausgewählt",emptyMessage:"Keine Optionen verfügbar",aria:{trueLabel:"Wahr",falseLabel:"Falsch",nullLabel:"Nicht ausgewählt",star:"1 Stern",stars:"{star} Sterne",selectAll:"Alle Elemente ausgewählt",unselectAll:"Alle Elemente abgewählt",close:"Schließen",previous:"Vorherige",next:"Nächste",navigation:"Navigation",scrollTop:"Nach oben scrollen",moveTop:"Nach oben bewegen",moveUp:"Nach oben bewegen",moveDown:"Nach unten bewegen",moveBottom:"Nach unten bewegen",moveToTarget:"Zum Ziel verschieben",moveToSource:"Zur Quelle verschieben",moveAllToTarget:"Alle zum Ziel verschieben",moveAllToSource:"Alle zur Quelle verschieben",pageLabel:"Seite {page}",firstPageLabel:"Erste Seite",lastPageLabel:"Letzte Seite",nextPageLabel:"Nächste Seite",prevPageLabel:"Vorherige Seite",rowsPerPageLabel:"Zeilen pro Seite",jumpToPageDropdownLabel:"Zu Seite springen (Dropdown)",jumpToPageInputLabel:"Zu Seite springen (Eingabe)",selectRow:"Zeile ausgewählt",unselectRow:"Zeile abgewählt",expandRow:"Zeile erweitert",collapseRow:"Zeile reduziert",showFilterMenu:"Filtermenü anzeigen",hideFilterMenu:"Filtermenü ausblenden",filterOperator:"Filteroperator",filterConstraint:"Filterbedingung",editRow:"Zeile bearbeiten",saveEdit:"Bearbeitung speichern",cancelEdit:"Bearbeitung abbrechen",listView:"Listenansicht",gridView:"Gitteransicht",slide:"Folie",slideNumber:"Folie {slideNumber}",zoomImage:"Bild vergrößern",zoomIn:"Vergrößern",zoomOut:"Verkleinern",rotateRight:"Rechts drehen",rotateLeft:"Links drehen",listLabel:"Optionsliste"}},B={button:h,checkbox:p,confirmDialog:m,dialog:v,fileUpload:f,inputGroup:w,inputGroupAddon:x,inputText:y,message:S,password:M,progressSpinner:N,radioButton:k,textarea:z,toast:D},F={deDE:A};exports.RisUiLocale=F;exports.RisUiTheme=B;

package/dist/primevue/index.d.ts

@@ -1,8 +1,20 @@
 import "./global.css";
 export declare const RisUiTheme: {
     button: import("primevue/button").ButtonPassThroughOptions<any>;
-    inputText: import("primevue/inputtext").InputTextPassThroughOptions<any>;
+    checkbox: import("primevue/checkbox").CheckboxPassThroughOptions;
+    confirmDialog: import("primevue/confirmdialog").ConfirmDialogPassThroughOptions;
+    dialog: import("primevue/dialog").DialogPassThroughOptions<any>;
+    fileUpload: import("primevue/fileupload").FileUploadPassThroughOptions;
     inputGroup: import("primevue/inputgroup").InputGroupPassThroughOptions;
     inputGroupAddon: import("primevue/inputgroupaddon").InputGroupAddonPassThroughOptions;
+    inputText: import("primevue/inputtext").InputTextPassThroughOptions<any>;
+    message: import("primevue/message").MessagePassThroughOptions<any>;
     password: import("primevue/password").PasswordPassThroughOptions;
+    progressSpinner: import("primevue/progressspinner").ProgressSpinnerPassThroughOptions;
+    radioButton: import("primevue/radiobutton").RadioButtonPassThroughOptions;
+    textarea: import("primevue/textarea").TextareaPassThroughOptions;
+    toast: import("primevue/toast").ToastPassThroughOptions;
+};
+export declare const RisUiLocale: {
+    deDE: import("@primevue/core").PrimeVueLocaleOptions;
 };

package/dist/primevue/index.js

@@ -1,71 +1,417 @@
-const c = (e, ...n) => {
-  let o = e[0];
-  for (let a = 1, i = e.length; a < i; a++)
-    o += n[a - 1], o += e[a];
-  return o;
-}, t = c, h = {
-  root: ({ props: e, instance: n }) => {
-    const o = t`relative inline-flex max-w-full items-center justify-center gap-8 rounded-none text-center outline-4 outline-offset-4 outline-blue-800 focus:outline active:outline-none disabled:cursor-not-allowed disabled:outline-none`, a = e.severity ?? "primary", i = t`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`, b = t`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`, u = t`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`, s = e.size ?? "small";
-    let l = t`ris-body2-bold h-48 py-4`, r = t`ris-body1-bold h-64 py-4`;
-    const d = e.iconPos ?? "left";
-    return n.hasIcon && e.label ? d === "left" ? (l = t`${l} pl-8 pr-16`, r = t`${r} pl-20 pr-24`) : d === "right" && (l = t`${l} pl-16 pr-8`, r = t`${r} pl-24 pr-20`) : n.hasIcon && !e.label ? (l = t`${l} w-48 px-4`, r = t`${r} w-64 px-4`) : (l = t`${l} px-16`, r = t`${r} px-24`), {
+const g = (t, ...o) => {
+  let r = t[0];
+  for (let n = 1, l = t.length; n < l; n++)
+    r += o[n - 1], r += t[n];
+  return r;
+}, e = g, h = {
+  root: ({ props: t, instance: o }) => {
+    const r = e`relative inline-flex max-w-full items-center justify-center gap-8 rounded-none text-center outline-4 outline-offset-4 outline-blue-800 focus:outline active:outline-none disabled:cursor-not-allowed disabled:outline-none`, n = t.severity ?? "primary", l = 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`, s = 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`, i = 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`, a = t.size ?? "normal";
+    let c = e`ris-body2-bold h-48 py-4`, u = e`ris-body1-bold h-64 py-4`;
+    return o.hasIcon && !t.label ? (c = e`${c} w-48 px-4`, u = e`${u} w-64 px-4`) : (c = e`${c} px-16`, u = e`${u} px-24`), {
       class: {
-        [o]: !0,
-        [l]: s === "small",
-        [r]: s === "large",
-        [i]: !e.text && a === "primary",
-        [b]: !e.text && a === "secondary",
-        [u]: e.text && a === "primary"
+        [r]: !0,
+        [c]: a === "normal",
+        [u]: a === "large",
+        [l]: !t.text && n === "primary",
+        [s]: !t.text && n === "secondary",
+        [i]: t.text && n === "primary"
       }
     };
   },
-  label: ({ props: e }) => ({
+  label: ({ props: t }) => ({
     class: {
-      hidden: !e.label,
-      [t`-order-1`]: e.iconPos === "right"
+      hidden: !t.label,
+      [e`-order-1`]: t.iconPos === "right"
     }
   }),
-  loadingIcon: ({ props: e }) => ({
+  loadingIcon: ({ props: t }) => {
+    const o = t.size ?? "normal", r = e`h-[1.34em] w-[1.34em]`, n = e`h-24 w-24`;
+    return {
+      class: {
+        [e`animate-spin`]: !0,
+        [r]: o === "normal",
+        [n]: o === "large"
+      }
+    };
+  }
+}, p = {
+  root: {
+    class: e`relative inline-block h-24 w-24 [&+label]:ris-label2-regular [&+label]:ml-8`
+  },
+  input: {
+    class: e`peer h-full w-full cursor-pointer appearance-none border-2 border-blue-800 bg-white outline-4 -outline-offset-4 outline-blue-800 hover:outline focus:outline active:outline-none disabled:cursor-not-allowed disabled:border-gray-600 disabled:outline-none aria-[invalid]:border-red-800 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-none aria-[invalid]:disabled:outline-none`
+  },
+  box: {
+    class: e`pointer-events-none absolute inset-0 flex items-center justify-center text-blue-800 peer-disabled:text-gray-600 peer-aria-[invalid]:text-red-800`
+  }
+}, m = {
+  // All styling implemented in primevue/dialog
+}, v = {
+  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`
+  }),
+  header: {
+    class: e`mb-16 flex`
+  },
+  title: {
+    class: e`ris-label1-bold flex-1`
+  },
+  headerActions: {
+    class: e`flex-none`
+  },
+  pcCloseButton: {
+    root: {
+      class: e`flex h-24 w-24 items-center justify-center p-4 text-blue-800 outline-2 outline-gray-500 hover:outline focus:outline active:outline-none`
+    }
+  },
+  content: {
+    // When an SVG is the first child of the content, we're applying a flex
+    // styling. This is a heuristic for an icon in the dialog content, used
+    // (for example) by the confirm dialog. If the svg is not the first child,
+    // we assume that it is used in the context of some other layout and don't
+    // apply extra styling.
+    class: e`ris-dialog-content overflow-auto has-[svg:first-child]:flex has-[svg:first-child]:gap-8`
+  },
+  footer: {
+    class: e`mt-40 flex items-center justify-end gap-12`
+  },
+  mask: {
+    class: e`bg-black/40`
+  }
+}, f = {
+  root: () => ({
     class: {
-      [t`animate-spin`]: !0,
-      [t`h-24 w-24`]: e.size === "large",
-      [t`h-[1.34em] w-[1.34em]`]: !e.size || e.size === "small"
+      [e`flex flex-col items-center gap-10`]: !0
     }
+  }),
+  input: () => ({
+    class: "hidden"
   })
-}, g = {
+}, w = {
   root: {
-    class: t`has-[input:read-only]:curser-not-allowed inline-flex items-center gap-4 border-2 border-blue-800 bg-white px-16 py-0 outline-4 -outline-offset-4 outline-blue-800 has-[[aria-invalid]]:border-red-800 has-[input:disabled]:border-blue-500 has-[input:read-only]:border-blue-300 has-[[aria-invalid]]:bg-red-200 has-[input:disabled]:bg-white has-[input:read-only]:bg-blue-300 has-[[data-size=large]]:px-24 has-[input:disabled]:text-blue-500 has-[input:disabled]:outline-none has-[:focus]:outline has-[:hover]:outline has-[[aria-invalid]]:outline-red-800`
+    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 outline-4 -outline-offset-4 outline-blue-800 has-[[aria-invalid]]:border-red-800 has-[input:disabled]:border-blue-500 has-[input:read-only]:border-blue-300 has-[[aria-invalid]]:bg-red-200 has-[input:disabled]:bg-white has-[input:read-only]:bg-blue-300 has-[[data-size=large]]:px-24 has-[input:disabled]:text-blue-500 has-[input:disabled]:outline-none has-[:focus]:outline has-[:hover]:outline has-[[aria-invalid]]:outline-red-800`
   }
-}, p = {
+}, x = {
   root: {
-    class: t`m-0 p-0`
+    class: e`m-0 p-0`
   }
 }, y = {
-  root: ({ props: e, parent: n }) => {
-    const o = t`border-2 border-blue-800 bg-white outline-4 -outline-offset-4 outline-blue-800 placeholder:text-gray-900 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline focus:outline disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-none aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-none`, a = t`[&[type=password]:not(:placeholder-shown)]:text-[28px] [&[type=password]:not(:placeholder-shown)]:tracking-[4px] [&[type=password]]:w-full`, i = n.instance.$name === "InputGroup", b = t`bg-transparent placeholder:text-gray-900 focus:outline-none`, u = t`w-full`, s = t`ris-body2-regular h-48 px-16 py-4`, l = t`ris-body1-regular h-64 px-24 py-4`, r = t`ris-body2-regular h-[44px] p-0`, d = t`ris-body1-regular h-[60px] p-0`;
+  root: ({ props: t, parent: o }) => {
+    const r = e`border-2 border-blue-800 bg-white outline-4 -outline-offset-4 outline-blue-800 placeholder:text-gray-900 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline focus:outline disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-none aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-none`, n = e`[&[type=password]:not(:placeholder-shown)]:text-[28px] [&[type=password]:not(:placeholder-shown)]:tracking-[4px] [&[type=password]]:w-full`, l = o.instance.$name === "InputGroup", s = e`bg-transparent placeholder:text-gray-900 focus:outline-none`, i = e`w-full`, a = e`ris-body2-regular h-48 px-16 py-4`, c = e`ris-body1-regular h-64 px-24 py-4`, u = e`ris-body2-regular h-[44px] p-0`, d = e`ris-body1-regular h-[60px] p-0`;
     return {
       class: {
-        [o]: !i,
-        [b]: i,
-        [u]: !!e.fluid,
-        [a]: !0,
-        [s]: (!e.size || e.size === "small") && !i,
-        [r]: (!e.size || e.size === "small") && i,
-        [l]: e.size === "large" && !i,
-        [d]: e.size === "large" && i
+        [r]: !l,
+        [s]: l,
+        [i]: !!t.fluid,
+        [n]: !0,
+        [a]: (!t.size || t.size === "small") && !l,
+        [u]: (!t.size || t.size === "small") && l,
+        [c]: t.size === "large" && !l,
+        [d]: t.size === "large" && l
       },
-      "data-size": e.size ?? "small"
+      "data-size": t.size ?? "small"
     };
   }
-}, x = {
+}, S = {
+  root: ({ props: t, instance: o }) => {
+    const r = e`ris-body1-regular border-l-4 px-20 py-14`, n = t.severity ?? "info", l = e`border-l-green-800 bg-green-200`, s = e`border-l-blue-800 bg-blue-200`, i = e`border-l-yellow-800 bg-yellow-200`, a = e`border-l-red-800 bg-red-200`, c = !!o.$slots.icon, d = {
+      success: "var(--ris-icon-success)",
+      info: "var(--ris-icon-info)",
+      warn: "var(--ris-icon-warn)",
+      error: "var(--ris-icon-error)"
+    }[n], b = e`bg-[length:20px] bg-[16px_18px] bg-no-repeat pl-44`;
+    return {
+      class: {
+        [r]: !0,
+        [l]: n === "success",
+        [s]: n === "info",
+        [i]: n === "warn",
+        [a]: n === "error",
+        [b]: !c
+      },
+      style: {
+        backgroundImage: c ? void 0 : d
+      }
+    };
+  },
+  content: {
+    class: e`flex items-start gap-8`
+  },
+  text: {
+    class: e`flex-1`
+  },
+  closeButton: ({ props: t }) => {
+    const o = 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", n = e`text-green-800 hover:bg-green-400 active:bg-green-500`, l = e`text-blue-800 hover:bg-blue-400 active:bg-blue-500`, s = e`text-black hover:bg-yellow-400 active:bg-yellow-500`, i = e`text-red-800 hover:bg-red-400 active:bg-red-500`;
+    return {
+      class: {
+        [o]: !0,
+        [n]: r === "success",
+        [l]: r === "info",
+        [s]: r === "warn",
+        [i]: r === "error"
+      }
+    };
+  }
+}, M = {
   // All styling moved to inputText.ts
-}, w = {
+}, N = {
+  root: {
+    class: e`relative 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]`
+  }
+}, k = {
+  root: {
+    class: e`relative inline-block h-32 w-32 [&+label]:ris-label2-regular [&+label]:ml-8`
+  },
+  input: {
+    class: e`peer h-full w-full cursor-pointer appearance-none rounded-full border-2 border-blue-800 bg-white outline-4 -outline-offset-4 outline-blue-800 hover:outline focus:outline active:outline-none disabled:cursor-not-allowed disabled:border-gray-600 disabled:outline-none aria-[invalid]:border-red-800 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-none aria-[invalid]:disabled:outline-none`
+  },
+  box: {
+    class: e`pointer-events-none absolute inset-0 flex items-center justify-center text-transparent peer-checked:text-blue-800 peer-disabled:text-gray-600 peer-aria-[invalid]:text-red-800`
+  },
+  icon: {
+    class: e`h-16 w-16 rounded-full bg-current`
+  }
+}, z = {
+  root: ({ props: t }) => {
+    const o = e`ris-body2-regular h-48 border-2 border-blue-800 bg-white px-16 py-10 outline-4 -outline-offset-4 outline-blue-800 placeholder:text-gray-900 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline focus:outline disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-none aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-none`, r = e`w-full`;
+    return {
+      class: {
+        [o]: !0,
+        [r]: !!t.fluid
+      }
+    };
+  }
+}, D = {
+  message: ({ props: t }) => {
+    var a;
+    const o = e`mb-8 flex w-full flex-row items-center gap-8 border-l-4 p-16`, r = (a = t.message) == null ? void 0 : a.severity, n = e`border-l-green-900 bg-green-200`, l = e`border-l-red-900 bg-red-200`, s = e`border-l-yellow-900 bg-yellow-200`, i = e`border-l-blue-900 bg-blue-200`;
+    return {
+      class: {
+        [o]: !0,
+        [n]: r === "success",
+        [l]: r === "error",
+        [s]: r === "warn",
+        [i]: r === "info"
+      }
+    };
+  },
+  messageContent: {
+    class: e`flex w-full flex-row items-start justify-between gap-10`
+  },
+  messageIcon: ({ props: t }) => {
+    var a;
+    const o = e`mt-2 h-20 w-20 flex-none shrink-0`, r = ((a = t.message) == null ? void 0 : a.severity) ?? "info", n = e`text-green-800`, l = e`text-red-800`, s = e`text-black`, i = e`text-blue-800`;
+    return {
+      class: {
+        [o]: !0,
+        [n]: r === "success",
+        [l]: r === "error",
+        [s]: r === "warn",
+        [i]: r === "info"
+      }
+    };
+  },
+  messageText: {
+    class: e`flex-grow text-black`
+  },
+  summary: {
+    class: e`ris-label2-bold`
+  },
+  detail: {
+    class: e`ris-label2-regular`
+  },
+  closeButton: ({ props: t }) => {
+    var a;
+    const o = e`rounded-sm p-2`, r = ((a = t.message) == null ? void 0 : a.severity) ?? "info", n = e`hover:bg-green-400`, l = e`hover:bg-red-400`, s = e`hover:bg-yellow-400`, i = e`hover:bg-blue-400`;
+    return {
+      class: {
+        [o]: !0,
+        [n]: r === "success",
+        [l]: r === "error",
+        [s]: r === "warn",
+        [i]: r === "info"
+      }
+    };
+  },
+  closeIcon: {
+    class: e`text-black`
+  }
+}, A = {
+  startsWith: "Beginnt mit",
+  contains: "Enthält",
+  notContains: "Enthält nicht",
+  endsWith: "Endet mit",
+  equals: "Gleich",
+  notEquals: "Ungleich",
+  noFilter: "Kein Filter",
+  lt: "Weniger als",
+  lte: "Weniger oder gleich",
+  gt: "Größer als",
+  gte: "Größer oder gleich",
+  dateIs: "Datum ist",
+  dateIsNot: "Datum ist nicht",
+  dateBefore: "Datum ist vor",
+  dateAfter: "Datum ist nach",
+  clear: "Löschen",
+  apply: "Anwenden",
+  matchAll: "Alle erfüllen",
+  matchAny: "Beliebige erfüllen",
+  addRule: "Regel hinzufügen",
+  removeRule: "Regel entfernen",
+  accept: "Ja",
+  reject: "Nein",
+  choose: "Auswählen",
+  upload: "Hochladen",
+  cancel: "Abbrechen",
+  completed: "Abgeschlossen",
+  pending: "Ausstehend",
+  fileSizeTypes: ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
+  dayNames: [
+    "Sonntag",
+    "Montag",
+    "Dienstag",
+    "Mittwoch",
+    "Donnerstag",
+    "Freitag",
+    "Samstag"
+  ],
+  dayNamesShort: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
+  dayNamesMin: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
+  monthNames: [
+    "Januar",
+    "Februar",
+    "März",
+    "April",
+    "Mai",
+    "Juni",
+    "Juli",
+    "August",
+    "September",
+    "Oktober",
+    "November",
+    "Dezember"
+  ],
+  monthNamesShort: [
+    "Jan",
+    "Feb",
+    "Mär",
+    "Apr",
+    "Mai",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Okt",
+    "Nov",
+    "Dez"
+  ],
+  chooseYear: "Jahr wählen",
+  chooseMonth: "Monat wählen",
+  chooseDate: "Datum wählen",
+  prevDecade: "Vorheriges Jahrzehnt",
+  nextDecade: "Nächstes Jahrzehnt",
+  prevYear: "Vorheriges Jahr",
+  nextYear: "Nächstes Jahr",
+  prevMonth: "Vorheriger Monat",
+  nextMonth: "Nächster Monat",
+  prevHour: "Vorherige Stunde",
+  nextHour: "Nächste Stunde",
+  prevMinute: "Vorherige Minute",
+  nextMinute: "Nächste Minute",
+  prevSecond: "Vorherige Sekunde",
+  nextSecond: "Nächste Sekunde",
+  am: "vorm.",
+  pm: "nachm.",
+  today: "Heute",
+  weekHeader: "KW",
+  firstDayOfWeek: 1,
+  showMonthAfterYear: !1,
+  dateFormat: "dd.mm.yy",
+  weak: "Schwach",
+  medium: "Mittel",
+  strong: "Stark",
+  passwordPrompt: "Passwort eingeben",
+  emptyFilterMessage: "Keine Ergebnisse gefunden",
+  searchMessage: "{0} Ergebnisse verfügbar",
+  selectionMessage: "{0} Elemente ausgewählt",
+  emptySelectionMessage: "Kein Element ausgewählt",
+  emptySearchMessage: "Keine Ergebnisse gefunden",
+  fileChosenMessage: "{0} Dateien",
+  noFileChosenMessage: "Keine Datei ausgewählt",
+  emptyMessage: "Keine Optionen verfügbar",
+  aria: {
+    trueLabel: "Wahr",
+    falseLabel: "Falsch",
+    nullLabel: "Nicht ausgewählt",
+    star: "1 Stern",
+    stars: "{star} Sterne",
+    selectAll: "Alle Elemente ausgewählt",
+    unselectAll: "Alle Elemente abgewählt",
+    close: "Schließen",
+    previous: "Vorherige",
+    next: "Nächste",
+    navigation: "Navigation",
+    scrollTop: "Nach oben scrollen",
+    moveTop: "Nach oben bewegen",
+    moveUp: "Nach oben bewegen",
+    moveDown: "Nach unten bewegen",
+    moveBottom: "Nach unten bewegen",
+    moveToTarget: "Zum Ziel verschieben",
+    moveToSource: "Zur Quelle verschieben",
+    moveAllToTarget: "Alle zum Ziel verschieben",
+    moveAllToSource: "Alle zur Quelle verschieben",
+    pageLabel: "Seite {page}",
+    firstPageLabel: "Erste Seite",
+    lastPageLabel: "Letzte Seite",
+    nextPageLabel: "Nächste Seite",
+    prevPageLabel: "Vorherige Seite",
+    rowsPerPageLabel: "Zeilen pro Seite",
+    jumpToPageDropdownLabel: "Zu Seite springen (Dropdown)",
+    jumpToPageInputLabel: "Zu Seite springen (Eingabe)",
+    selectRow: "Zeile ausgewählt",
+    unselectRow: "Zeile abgewählt",
+    expandRow: "Zeile erweitert",
+    collapseRow: "Zeile reduziert",
+    showFilterMenu: "Filtermenü anzeigen",
+    hideFilterMenu: "Filtermenü ausblenden",
+    filterOperator: "Filteroperator",
+    filterConstraint: "Filterbedingung",
+    editRow: "Zeile bearbeiten",
+    saveEdit: "Bearbeitung speichern",
+    cancelEdit: "Bearbeitung abbrechen",
+    listView: "Listenansicht",
+    gridView: "Gitteransicht",
+    slide: "Folie",
+    slideNumber: "Folie {slideNumber}",
+    zoomImage: "Bild vergrößern",
+    zoomIn: "Vergrößern",
+    zoomOut: "Verkleinern",
+    rotateRight: "Rechts drehen",
+    rotateLeft: "Links drehen",
+    listLabel: "Optionsliste"
+  }
+}, B = {
   button: h,
+  checkbox: p,
+  confirmDialog: m,
+  dialog: v,
+  fileUpload: f,
+  inputGroup: w,
+  inputGroupAddon: x,
   inputText: y,
-  inputGroup: g,
-  inputGroupAddon: p,
-  password: x
+  message: S,
+  password: M,
+  progressSpinner: N,
+  radioButton: k,
+  textarea: z,
+  toast: D
+}, F = {
+  deDE: A
 };
 export {
-  w as RisUiTheme
+  F as RisUiLocale,
+  B as RisUiTheme
 };

package/dist/primevue/message/message.d.ts

@@ -0,0 +1,3 @@
+import { MessagePassThroughOptions } from "primevue/message";
+declare const message: MessagePassThroughOptions;
+export default message;

package/dist/primevue/progressSpinner/progressSpinner.d.ts

@@ -0,0 +1,3 @@
+import { ProgressSpinnerPassThroughOptions } from "primevue/progressspinner";
+declare const progressSpinner: ProgressSpinnerPassThroughOptions;
+export default progressSpinner;

package/dist/primevue/radioButton/radioButton.d.ts

@@ -0,0 +1,3 @@
+import { RadioButtonPassThroughOptions } from "primevue/radiobutton";
+declare const radioButton: RadioButtonPassThroughOptions;
+export default radioButton;

package/dist/primevue/textarea/textarea.d.ts

@@ -0,0 +1,4 @@
+import { TextareaPassThroughOptions } from "primevue/textarea";
+import "./textarea.css";
+declare const textarea: TextareaPassThroughOptions;
+export default textarea;

package/dist/primevue/toast/toast.d.ts

@@ -0,0 +1,3 @@
+import { ToastPassThroughOptions } from "primevue/toast";
+declare const toast: ToastPassThroughOptions;
+export default toast;

package/dist/style.css

@@ -1 +1 @@
-*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#eff2f4}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#dcdee1}input::placeholder,textarea::placeholder{opacity:1;color:#dcdee1}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}body{color:#0b0c0c;font-family:BundesSansWeb,Calibri,Verdana,Arial,Helvetica,sans-serif}::-moz-placeholder{font-family:BundesSansWeb,Calibri,Verdana,Arial,Helvetica,sans-serif;font-style:normal}::placeholder{font-family:BundesSansWeb,Calibri,Verdana,Arial,Helvetica,sans-serif;font-style:normal}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(179 201 214 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(179 201 214 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.ris-title-regular{font-size:64px;font-weight:400;line-height:1.1875}.ris-heading1-regular{font-size:48px;font-weight:400;line-height:1.2}.ris-heading1-bold{font-size:48px;font-weight:700;line-height:1.2}.ris-heading2-regular{font-size:32px;font-weight:400;line-height:1.1875}.ris-heading2-bold{font-size:32px;font-weight:700;line-height:1.1875}.ris-heading3-regular{font-size:26px;font-weight:400;line-height:1.23}.ris-heading3-bold{font-size:26px;font-weight:700;line-height:1.23}.ris-subhead-regular{font-size:20px;font-weight:400;line-height:1.5}.ris-body1-regular{font-size:18px;font-weight:400;line-height:1.5}.ris-body1-bold{font-size:18px;font-weight:700;line-height:1.5}.ris-body2-regular{font-size:16px;font-weight:400;line-height:1.5}.ris-body2-bold{font-size:16px;font-weight:700;line-height:1.5}.ris-body3-regular{font-size:14px;font-weight:400;line-height:1.5}.ris-body3-bold{font-size:14px;font-weight:700;line-height:1.5}.ris-label1-regular{font-size:18px;font-weight:400;line-height:1.25}.ris-label1-bold{font-size:18px;font-weight:700;line-height:1.25}.ris-label2-regular{font-size:16px;font-weight:400;line-height:1.25}.ris-label2-bold{font-size:16px;font-weight:700;line-height:1.25}.ris-label3-regular{font-size:14px;font-weight:400;line-height:1.25}.ris-label3-bold{font-size:14px;font-weight:700;line-height:1.25}.ris-link1-regular{color:#004b76;font-size:18px;font-weight:400;line-height:1.5;text-decoration:underline}.ris-link1-bold{color:#004b76;font-size:18px;font-weight:700;line-height:1.5;text-decoration:underline}.ris-link2-regular{color:#004b76;font-size:16px;font-weight:400;line-height:1.5;text-decoration:underline}.ris-link2-bold{color:#004b76;font-size:16px;font-weight:700;line-height:1.5;text-decoration:underline}.ris-link3-regular{color:#004b76;font-size:14px;font-weight:400;line-height:1.5;text-decoration:underline}.ris-link3-bold{color:#004b76;font-size:14px;font-weight:700;line-height:1.5;text-decoration:underline}.relative{position:relative}.-order-1{order:-1}.m-0{margin:0rem}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-24{height:1.5rem}.h-48{height:3rem}.h-64{height:4rem}.h-\[1\.34em\]{height:1.34em}.h-\[44px\]{height:44px}.h-\[60px\]{height:60px}.w-24{width:1.5rem}.w-320{width:20rem}.w-48{width:3rem}.w-64{width:4rem}.w-\[1\.34em\]{width:1.34em}.w-full{width:100%}.max-w-full{max-width:100%}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-16{gap:1rem}.gap-2{gap:.125rem}.gap-4{gap:.25rem}.gap-8{gap:.5rem}.rounded-none{border-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-blue-800{--tw-border-opacity: 1;border-color:rgb(0 75 118 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(236 241 244 / var(--tw-bg-opacity))}.bg-blue-800{--tw-bg-opacity: 1;background-color:rgb(0 75 118 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-0{padding:0rem}.px-16{padding-left:1rem;padding-right:1rem}.px-24{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:.25rem;padding-right:.25rem}.py-0{padding-top:0rem;padding-bottom:0rem}.py-4{padding-top:.25rem;padding-bottom:.25rem}.pl-16{padding-left:1rem}.pl-20{padding-left:1.25rem}.pl-24{padding-left:1.5rem}.pl-8{padding-left:.5rem}.pr-16{padding-right:1rem}.pr-20{padding-right:1.25rem}.pr-24{padding-right:1.5rem}.pr-8{padding-right:.5rem}.text-center{text-align:center}.text-blue-800{--tw-text-opacity: 1;color:rgb(0 75 118 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.outline-4{outline-width:4px}.-outline-offset-4{outline-offset:-4px}.outline-offset-4{outline-offset:4px}.outline-blue-800{outline-color:#004b76}.placeholder\:text-gray-900::-moz-placeholder{--tw-text-opacity: 1;color:rgb(78 89 106 / var(--tw-text-opacity))}.placeholder\:text-gray-900::placeholder{--tw-text-opacity: 1;color:rgb(78 89 106 / var(--tw-text-opacity))}.read-only\:cursor-not-allowed:-moz-read-only{cursor:not-allowed}.read-only\:cursor-not-allowed:read-only{cursor:not-allowed}.read-only\:border-blue-300:-moz-read-only{--tw-border-opacity: 1;border-color:rgb(220 232 239 / var(--tw-border-opacity))}.read-only\:border-blue-300:read-only{--tw-border-opacity: 1;border-color:rgb(220 232 239 / var(--tw-border-opacity))}.read-only\:bg-blue-300:-moz-read-only{--tw-bg-opacity: 1;background-color:rgb(220 232 239 / var(--tw-bg-opacity))}.read-only\:bg-blue-300:read-only{--tw-bg-opacity: 1;background-color:rgb(220 232 239 / var(--tw-bg-opacity))}.hover\:border-gray-500:hover{--tw-border-opacity: 1;border-color:rgb(202 205 210 / var(--tw-border-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(51 111 145 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(239 242 244 / var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.hover\:outline:hover{outline-style:solid}.focus\:border-gray-500:focus{--tw-border-opacity: 1;border-color:rgb(202 205 210 / var(--tw-border-opacity))}.focus\:bg-gray-200:focus{--tw-bg-opacity: 1;background-color:rgb(239 242 244 / var(--tw-bg-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline:focus{outline-style:solid}.active\:border-white:active{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.active\:bg-blue-500:active{--tw-bg-opacity: 1;background-color:rgb(179 201 214 / var(--tw-bg-opacity))}.active\:bg-white:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.active\:text-blue-800:active{--tw-text-opacity: 1;color:rgb(0 75 118 / var(--tw-text-opacity))}.active\:outline-none:active{outline:2px solid transparent;outline-offset:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-blue-500:disabled{--tw-border-opacity: 1;border-color:rgb(179 201 214 / var(--tw-border-opacity))}.disabled\:bg-gray-400:disabled{--tw-bg-opacity: 1;background-color:rgb(220 222 225 / var(--tw-bg-opacity))}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:bg-white:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.disabled\:text-blue-500:disabled{--tw-text-opacity: 1;color:rgb(179 201 214 / var(--tw-text-opacity))}.disabled\:text-gray-500:disabled{--tw-text-opacity: 1;color:rgb(202 205 210 / var(--tw-text-opacity))}.disabled\:text-gray-600:disabled{--tw-text-opacity: 1;color:rgb(184 189 195 / var(--tw-text-opacity))}.disabled\:outline-none:disabled{outline:2px solid transparent;outline-offset:2px}.disabled\:hover\:bg-white:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.has-\[\[aria-invalid\]\]\:border-red-800:has([aria-invalid]){--tw-border-opacity: 1;border-color:rgb(176 36 63 / var(--tw-border-opacity))}.has-\[input\:disabled\]\:border-blue-500:has(input:disabled){--tw-border-opacity: 1;border-color:rgb(179 201 214 / var(--tw-border-opacity))}.has-\[input\:-moz-read-only\]\:border-blue-300:has(input:-moz-read-only){--tw-border-opacity: 1;border-color:rgb(220 232 239 / var(--tw-border-opacity))}.has-\[input\:read-only\]\:border-blue-300:has(input:read-only){--tw-border-opacity: 1;border-color:rgb(220 232 239 / var(--tw-border-opacity))}.has-\[\[aria-invalid\]\]\:bg-red-200:has([aria-invalid]){--tw-bg-opacity: 1;background-color:rgb(249 229 236 / var(--tw-bg-opacity))}.has-\[input\:disabled\]\:bg-white:has(input:disabled){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.has-\[input\:-moz-read-only\]\:bg-blue-300:has(input:-moz-read-only){--tw-bg-opacity: 1;background-color:rgb(220 232 239 / var(--tw-bg-opacity))}.has-\[input\:read-only\]\:bg-blue-300:has(input:read-only){--tw-bg-opacity: 1;background-color:rgb(220 232 239 / var(--tw-bg-opacity))}.has-\[\[data-size\=large\]\]\:px-24:has([data-size=large]){padding-left:1.5rem;padding-right:1.5rem}.has-\[input\:disabled\]\:text-blue-500:has(input:disabled){--tw-text-opacity: 1;color:rgb(179 201 214 / var(--tw-text-opacity))}.has-\[input\:disabled\]\:outline-none:has(input:disabled){outline:2px solid transparent;outline-offset:2px}.has-\[\:focus\]\:outline:has(:focus){outline-style:solid}.has-\[\:hover\]\:outline:has(:hover){outline-style:solid}.has-\[\[aria-invalid\]\]\:outline-red-800:has([aria-invalid]){outline-color:#b0243f}.aria-\[invalid\]\:border-red-800[aria-invalid]{--tw-border-opacity: 1;border-color:rgb(176 36 63 / var(--tw-border-opacity))}.aria-\[invalid\]\:bg-red-200[aria-invalid]{--tw-bg-opacity: 1;background-color:rgb(249 229 236 / var(--tw-bg-opacity))}.aria-\[invalid\]\:outline-red-800[aria-invalid]{outline-color:#b0243f}.aria-\[invalid\]\:disabled\:outline-none:disabled[aria-invalid]{outline:2px solid transparent;outline-offset:2px}.\[\&\[type\=password\]\:not\(\:-moz-placeholder-shown\)\]\:text-\[28px\][type=password]:not(:-moz-placeholder-shown){font-size:28px}.\[\&\[type\=password\]\:not\(\:placeholder-shown\)\]\:text-\[28px\][type=password]:not(:placeholder-shown){font-size:28px}.\[\&\[type\=password\]\:not\(\:-moz-placeholder-shown\)\]\:tracking-\[4px\][type=password]:not(:-moz-placeholder-shown){letter-spacing:4px}.\[\&\[type\=password\]\:not\(\:placeholder-shown\)\]\:tracking-\[4px\][type=password]:not(:placeholder-shown){letter-spacing:4px}.\[\&\[type\=password\]\]\:w-full[type=password]{width:100%}input+small{font-size:14px;font-weight:400;line-height:1.25;margin-top:.125rem;display:flex;align-items:center;gap:.25rem;--tw-text-opacity: 1;color:rgb(78 89 106 / var(--tw-text-opacity))}input[aria-invalid=true]+small{--tw-text-opacity: 1;color:rgb(142 0 27 / var(--tw-text-opacity))}
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#eff2f4}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#dcdee1}input::placeholder,textarea::placeholder{opacity:1;color:#dcdee1}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}body{color:#0b0c0c;font-family:BundesSansWeb,Calibri,Verdana,Arial,Helvetica,sans-serif}::-moz-placeholder{font-family:BundesSansWeb,Calibri,Verdana,Arial,Helvetica,sans-serif;font-style:normal}::placeholder{font-family:BundesSansWeb,Calibri,Verdana,Arial,Helvetica,sans-serif;font-style:normal}:root{--ris-icon-warn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 5.99L19.53 19H4.47zM12 2L1 21h22z'/%3E%3Cpath fill='%23000' d='M13 16h-2v2h2zm0-6h-2v5h2z'/%3E%3C/svg%3E");--ris-icon-error: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238E001B' d='M12 5.99L19.53 19H4.47zM12 2L1 21h22z'/%3E%3Cpath fill='%238E001B' d='M13 16h-2v2h2zm0-6h-2v5h2z'/%3E%3C/svg%3E");--ris-icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23004B76' d='M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8'/%3E%3C/svg%3E");--ris-icon-success: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23005E34' d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E")}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(179 201 214 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(179 201 214 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.ris-title-regular{font-size:64px;font-weight:400;line-height:1.1875}.ris-heading1-regular{font-size:48px;font-weight:400;line-height:1.2}.ris-heading1-bold{font-size:48px;font-weight:700;line-height:1.2}.ris-heading2-regular{font-size:32px;font-weight:400;line-height:1.1875}.ris-heading2-bold{font-size:32px;font-weight:700;line-height:1.1875}.ris-heading3-regular{font-size:26px;font-weight:400;line-height:1.23}.ris-heading3-bold{font-size:26px;font-weight:700;line-height:1.23}.ris-subhead-regular{font-size:20px;font-weight:400;line-height:1.5}.ris-body1-regular{font-size:18px;font-weight:400;line-height:1.5}.ris-body1-bold{font-size:18px;font-weight:700;line-height:1.5}.ris-body2-regular{font-size:16px;font-weight:400;line-height:1.5}.ris-body2-bold{font-size:16px;font-weight:700;line-height:1.5}.ris-body3-regular{font-size:14px;font-weight:400;line-height:1.5}.ris-body3-bold{font-size:14px;font-weight:700;line-height:1.5}.ris-label1-regular{font-size:18px;font-weight:400;line-height:1.25}.ris-label1-bold{font-size:18px;font-weight:700;line-height:1.25}.ris-label2-regular{font-size:16px;font-weight:400;line-height:1.25}.ris-label2-bold{font-size:16px;font-weight:700;line-height:1.25}.ris-label3-regular{font-size:14px;font-weight:400;line-height:1.25}.ris-label3-bold{font-size:14px;font-weight:700;line-height:1.25}.ris-link1-regular{color:#004b76;font-size:18px;font-weight:400;line-height:1.5;text-decoration:underline}.ris-link1-bold{color:#004b76;font-size:18px;font-weight:700;line-height:1.5;text-decoration:underline}.ris-link2-regular{color:#004b76;font-size:16px;font-weight:400;line-height:1.5;text-decoration:underline}.ris-link2-bold{color:#004b76;font-size:16px;font-weight:700;line-height:1.5;text-decoration:underline}.ris-link3-regular{color:#004b76;font-size:14px;font-weight:400;line-height:1.5;text-decoration:underline}.ris-link3-bold{color:#004b76;font-size:14px;font-weight:700;line-height:1.5;text-decoration:underline}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0rem;right:0rem;bottom:0rem;left:0rem}.-order-1{order:-1}.m-0{margin:0rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-16{margin-bottom:1rem}.mb-4{margin-bottom:.25rem}.mb-8{margin-bottom:.5rem}.mt-16{margin-top:1rem}.mt-2{margin-top:.125rem}.mt-4{margin-top:.25rem}.mt-40{margin-top:2.5rem}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-16{height:1rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-48{height:3rem}.h-64{height:4rem}.h-\[1\.34em\]{height:1.34em}.h-\[44px\]{height:44px}.h-\[60px\]{height:60px}.h-full{height:100%}.max-h-\[90dvh\]{max-height:90dvh}.w-16{width:1rem}.w-20{width:1.25rem}.w-24{width:1.5rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-320{width:20rem}.w-48{width:3rem}.w-64{width:4rem}.w-\[1\.34em\]{width:1.34em}.w-\[95dvw\]{width:95dvw}.w-full{width:100%}.max-w-\[25rem\]{max-width:25rem}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:.625rem}.gap-12{gap:.75rem}.gap-16{gap:1rem}.gap-2{gap:.125rem}.gap-24{gap:1.5rem}.gap-32{gap:2rem}.gap-4{gap:.25rem}.gap-8{gap:.5rem}.overflow-auto{overflow:auto}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-l-4{border-left-width:4px}.border-blue-800{--tw-border-opacity: 1;border-color:rgb(0 75 118 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-l-blue-800{--tw-border-opacity: 1;border-left-color:rgb(0 75 118 / var(--tw-border-opacity))}.border-l-blue-900{--tw-border-opacity: 1;border-left-color:rgb(0 51 80 / var(--tw-border-opacity))}.border-l-green-800{--tw-border-opacity: 1;border-left-color:rgb(0 101 56 / var(--tw-border-opacity))}.border-l-green-900{--tw-border-opacity: 1;border-left-color:rgb(0 62 34 / var(--tw-border-opacity))}.border-l-red-800{--tw-border-opacity: 1;border-left-color:rgb(176 36 63 / var(--tw-border-opacity))}.border-l-red-900{--tw-border-opacity: 1;border-left-color:rgb(142 0 27 / var(--tw-border-opacity))}.border-l-yellow-800{--tw-border-opacity: 1;border-left-color:rgb(218 194 60 / var(--tw-border-opacity))}.border-l-yellow-900{--tw-border-opacity: 1;border-left-color:rgb(195 169 30 / var(--tw-border-opacity))}.bg-black\/40{background-color:#0b0c0c66}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(236 241 244 / var(--tw-bg-opacity))}.bg-blue-800{--tw-bg-opacity: 1;background-color:rgb(0 75 118 / var(--tw-bg-opacity))}.bg-current{background-color:currentColor}.bg-green-200{--tw-bg-opacity: 1;background-color:rgb(204 235 221 / var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(249 229 236 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(255 249 210 / var(--tw-bg-opacity))}.bg-\[length\:20px\]{background-size:20px}.bg-\[16px_18px\]{background-position:16px 18px}.bg-no-repeat{background-repeat:no-repeat}.fill-transparent{fill:transparent}.stroke-current{stroke:currentColor}.stroke-\[4px\]{stroke-width:4px}.p-0{padding:0rem}.p-16{padding:1rem}.p-2{padding:.125rem}.p-4{padding:.25rem}.px-16{padding-left:1rem;padding-right:1rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.px-24{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:.25rem;padding-right:.25rem}.px-56{padding-left:3.5rem;padding-right:3.5rem}.py-0{padding-top:0rem;padding-bottom:0rem}.py-10{padding-top:.625rem;padding-bottom:.625rem}.py-14{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:.25rem;padding-bottom:.25rem}.py-44{padding-top:2.75rem;padding-bottom:2.75rem}.pl-44{padding-left:2.75rem}.text-center{text-align:center}.leading-none{line-height:1}.text-black{--tw-text-opacity: 1;color:rgb(11 12 12 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(0 75 118 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(0 101 56 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(176 36 63 / var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-2{outline-width:2px}.outline-4{outline-width:4px}.-outline-offset-4{outline-offset:-4px}.outline-offset-4{outline-offset:4px}.outline-blue-800{outline-color:#004b76}.outline-gray-500{outline-color:#cacdd2}.\[stroke-dasharray\:200\]{stroke-dasharray:200}.\[stroke-dashoffset\:100\]{stroke-dashoffset:100}.\[\&\+label\]\:ris-label2-regular+label{font-size:16px;font-weight:400;line-height:1.25}.placeholder\:text-gray-900::-moz-placeholder{--tw-text-opacity: 1;color:rgb(78 89 106 / var(--tw-text-opacity))}.placeholder\:text-gray-900::placeholder{--tw-text-opacity: 1;color:rgb(78 89 106 / var(--tw-text-opacity))}.read-only\:cursor-not-allowed:-moz-read-only{cursor:not-allowed}.read-only\:cursor-not-allowed:read-only{cursor:not-allowed}.read-only\:border-blue-300:-moz-read-only{--tw-border-opacity: 1;border-color:rgb(220 232 239 / var(--tw-border-opacity))}.read-only\:border-blue-300:read-only{--tw-border-opacity: 1;border-color:rgb(220 232 239 / var(--tw-border-opacity))}.read-only\:bg-blue-300:-moz-read-only{--tw-bg-opacity: 1;background-color:rgb(220 232 239 / var(--tw-bg-opacity))}.read-only\:bg-blue-300:read-only{--tw-bg-opacity: 1;background-color:rgb(220 232 239 / var(--tw-bg-opacity))}.hover\:border-gray-500:hover{--tw-border-opacity: 1;border-color:rgb(202 205 210 / var(--tw-border-opacity))}.hover\:bg-blue-400:hover{--tw-bg-opacity: 1;background-color:rgb(204 219 228 / var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(51 111 145 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(239 242 244 / var(--tw-bg-opacity))}.hover\:bg-green-400:hover{--tw-bg-opacity: 1;background-color:rgb(151 204 180 / var(--tw-bg-opacity))}.hover\:bg-red-400:hover{--tw-bg-opacity: 1;background-color:rgb(236 179 197 / var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.hover\:bg-yellow-400:hover{--tw-bg-opacity: 1;background-color:rgb(247 230 125 / var(--tw-bg-opacity))}.hover\:outline:hover{outline-style:solid}.focus\:border-gray-500:focus{--tw-border-opacity: 1;border-color:rgb(202 205 210 / var(--tw-border-opacity))}.focus\:bg-gray-200:focus{--tw-bg-opacity: 1;background-color:rgb(239 242 244 / var(--tw-bg-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline:focus{outline-style:solid}.active\:border-white:active{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.active\:bg-blue-500:active{--tw-bg-opacity: 1;background-color:rgb(179 201 214 / var(--tw-bg-opacity))}.active\:bg-green-500:active{--tw-bg-opacity: 1;background-color:rgb(101 180 145 / var(--tw-bg-opacity))}.active\:bg-red-500:active{--tw-bg-opacity: 1;background-color:rgb(230 153 177 / var(--tw-bg-opacity))}.active\:bg-white:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.active\:bg-yellow-500:active{--tw-bg-opacity: 1;background-color:rgb(245 224 93 / var(--tw-bg-opacity))}.active\:text-blue-800:active{--tw-text-opacity: 1;color:rgb(0 75 118 / var(--tw-text-opacity))}.active\:outline-none:active{outline:2px solid transparent;outline-offset:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-blue-500:disabled{--tw-border-opacity: 1;border-color:rgb(179 201 214 / var(--tw-border-opacity))}.disabled\:border-gray-600:disabled{--tw-border-opacity: 1;border-color:rgb(184 189 195 / var(--tw-border-opacity))}.disabled\:bg-gray-400:disabled{--tw-bg-opacity: 1;background-color:rgb(220 222 225 / var(--tw-bg-opacity))}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:bg-white:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.disabled\:text-blue-500:disabled{--tw-text-opacity: 1;color:rgb(179 201 214 / var(--tw-text-opacity))}.disabled\:text-gray-500:disabled{--tw-text-opacity: 1;color:rgb(202 205 210 / var(--tw-text-opacity))}.disabled\:text-gray-600:disabled{--tw-text-opacity: 1;color:rgb(184 189 195 / var(--tw-text-opacity))}.disabled\:outline-none:disabled{outline:2px solid transparent;outline-offset:2px}.disabled\:hover\:bg-white:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.peer:checked~.peer-checked\:text-blue-800{--tw-text-opacity: 1;color:rgb(0 75 118 / var(--tw-text-opacity))}.peer:disabled~.peer-disabled\:text-gray-600{--tw-text-opacity: 1;color:rgb(184 189 195 / var(--tw-text-opacity))}.has-\[svg\:first-child\]\:flex:has(svg:first-child){display:flex}.has-\[svg\:first-child\]\:gap-8:has(svg:first-child){gap:.5rem}.has-\[\[aria-invalid\]\]\:border-red-800:has([aria-invalid]){--tw-border-opacity: 1;border-color:rgb(176 36 63 / var(--tw-border-opacity))}.has-\[input\:disabled\]\:border-blue-500:has(input:disabled){--tw-border-opacity: 1;border-color:rgb(179 201 214 / var(--tw-border-opacity))}.has-\[input\:-moz-read-only\]\:border-blue-300:has(input:-moz-read-only){--tw-border-opacity: 1;border-color:rgb(220 232 239 / var(--tw-border-opacity))}.has-\[input\:read-only\]\:border-blue-300:has(input:read-only){--tw-border-opacity: 1;border-color:rgb(220 232 239 / var(--tw-border-opacity))}.has-\[\[aria-invalid\]\]\:bg-red-200:has([aria-invalid]){--tw-bg-opacity: 1;background-color:rgb(249 229 236 / var(--tw-bg-opacity))}.has-\[input\:disabled\]\:bg-white:has(input:disabled){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.has-\[input\:-moz-read-only\]\:bg-blue-300:has(input:-moz-read-only){--tw-bg-opacity: 1;background-color:rgb(220 232 239 / var(--tw-bg-opacity))}.has-\[input\:read-only\]\:bg-blue-300:has(input:read-only){--tw-bg-opacity: 1;background-color:rgb(220 232 239 / var(--tw-bg-opacity))}.has-\[\[data-size\=large\]\]\:px-24:has([data-size=large]){padding-left:1.5rem;padding-right:1.5rem}.has-\[input\:disabled\]\:text-blue-500:has(input:disabled){--tw-text-opacity: 1;color:rgb(179 201 214 / var(--tw-text-opacity))}.has-\[input\:disabled\]\:outline-none:has(input:disabled){outline:2px solid transparent;outline-offset:2px}.has-\[\:focus\]\:outline:has(:focus){outline-style:solid}.has-\[\:hover\]\:outline:has(:hover){outline-style:solid}.has-\[\[aria-invalid\]\]\:outline-red-800:has([aria-invalid]){outline-color:#b0243f}.aria-\[invalid\]\:border-red-800[aria-invalid]{--tw-border-opacity: 1;border-color:rgb(176 36 63 / var(--tw-border-opacity))}.aria-\[invalid\]\:bg-red-200[aria-invalid]{--tw-bg-opacity: 1;background-color:rgb(249 229 236 / var(--tw-bg-opacity))}.aria-\[invalid\]\:outline-red-800[aria-invalid]{outline-color:#b0243f}.aria-\[invalid\]\:active\:outline-none:active[aria-invalid]{outline:2px solid transparent;outline-offset:2px}.aria-\[invalid\]\:disabled\:outline-none:disabled[aria-invalid]{outline:2px solid transparent;outline-offset:2px}.peer[aria-invalid]~.peer-aria-\[invalid\]\:text-red-800{--tw-text-opacity: 1;color:rgb(176 36 63 / var(--tw-text-opacity))}.\[\&\+label\]\:ml-8+label{margin-left:.5rem}.\[\&\[type\=password\]\:not\(\:-moz-placeholder-shown\)\]\:text-\[28px\][type=password]:not(:-moz-placeholder-shown){font-size:28px}.\[\&\[type\=password\]\:not\(\:placeholder-shown\)\]\:text-\[28px\][type=password]:not(:placeholder-shown){font-size:28px}.\[\&\[type\=password\]\:not\(\:-moz-placeholder-shown\)\]\:tracking-\[4px\][type=password]:not(:-moz-placeholder-shown){letter-spacing:4px}.\[\&\[type\=password\]\:not\(\:placeholder-shown\)\]\:tracking-\[4px\][type=password]:not(:placeholder-shown){letter-spacing:4px}.\[\&\[type\=password\]\]\:w-full[type=password]{width:100%}.ris-dialog-content svg:first-child{flex:none}input+small{font-size:14px;font-weight:400;line-height:1.25;margin-top:.125rem;display:flex;align-items:center;gap:.25rem;--tw-text-opacity: 1;color:rgb(78 89 106 / var(--tw-text-opacity))}input[aria-invalid=true]+small{--tw-text-opacity: 1;color:rgb(142 0 27 / var(--tw-text-opacity))}textarea+small{font-size:14px;font-weight:400;line-height:1.25;margin-top:.125rem;display:flex;align-items:center;gap:.25rem;--tw-text-opacity: 1;color:rgb(78 89 106 / var(--tw-text-opacity))}textarea[aria-invalid=true]+small{--tw-text-opacity: 1;color:rgb(142 0 27 / var(--tw-text-opacity))}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitalservicebund/ris-ui",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Component library for NeuRIS",
   "author": "digitalservicebund",
   "license": "GPL-3.0-only",
@@ -72,6 +72,8 @@
     "eslint-config-prettier": "~9.1.0",
     "globals": "~15.9.0",
     "license-checker": "~25.0.1",
+    "msw": "^2.4.5",
+    "msw-storybook-addon": "^2.0.3",
     "noop-tag": "~2.0.0",
     "prettier": "~3.3.3",
     "prettier-plugin-tailwindcss": "~0.6.6",
@@ -82,5 +84,10 @@
     "unplugin-icons": "~0.19.2",
     "vite": "~5.4.1",
     "vue-tsc": "~2.0.29"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
   }
 }