@digitalservicebund/ris-ui 3.2.1 → 3.3.0

package/dist/components/RisExpandableText/RisExpandableText.vue.d.ts

@@ -4,6 +4,12 @@ type __VLS_Props = {
      * @default 3
      */
     length?: number;
+    /**
+     * Specifies a pixels threshold under which overflowing content would be
+     * ignored.
+     * @default 3
+     */
+    tolerance?: number;
 };
 declare const expanded: import("vue").ModelRef<boolean, string, boolean, boolean>;
 declare const canExpand: import("vue").Ref<boolean, boolean>;
@@ -19,6 +25,7 @@ declare const __VLS_ctx: {
     $data: {};
     $props: {
         readonly length?: number | undefined;
+        readonly tolerance?: number | undefined;
         readonly expanded?: boolean | undefined;
         readonly "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -65,6 +72,7 @@ declare const __VLS_ctx: {
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     length?: number;
+    tolerance?: number;
     "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
     expanded: boolean;
     canExpand: boolean;

package/dist/components/index.cjs

@@ -799,4 +799,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         stroke: ${e("progressspinner.colorFour")};
     }
 }
-`,Vr={root:"p-progressspinner",spin:"p-progressspinner-spin",circle:"p-progressspinner-circle"},Er=T.extend({name:"progressspinner",style:Ar,classes:Vr}),Nr={name:"BaseProgressSpinner",extends:J,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},style:Er,provide:function(){return{$pcProgressSpinner:this,$parentInstance:this}}},tn={name:"ProgressSpinner",extends:Nr,inheritAttrs:!1,computed:{svgStyle:function(){return{"animation-duration":this.animationDuration}}}},zr=["fill","stroke-width"];function Mr(e,t,n,o,a,r){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root"),role:"progressbar"},e.ptmi("root")),[(i.openBlock(),i.createElementBlock("svg",i.mergeProps({class:e.cx("spin"),viewBox:"25 25 50 50",style:r.svgStyle},e.ptm("spin")),[i.createElementVNode("circle",i.mergeProps({class:e.cx("circle"),cx:"50",cy:"50",r:"20",fill:e.fill,"stroke-width":e.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,zr)],16))],16)}tn.render=Mr;const Dr=["data-variant"],jr={class:"ris-label1-regular"},Rr={key:0,class:"ris-label2-regular text-gray-900"},Fr=i.defineComponent({inheritAttrs:!1,__name:"RisAutoComplete",props:i.mergeModels({dropdown:{type:Boolean},ariaLabel:{},ariaLabelledby:{},delay:{},completeOnFocus:{type:Boolean},optionDisabled:{type:[String,Function]},typeahead:{type:Boolean},scrollHeight:{},dropdownMode:{},placeholder:{},loading:{type:Boolean},invalid:{type:Boolean},disabled:{type:Boolean},forceSelection:{type:Boolean},autoOptionFocus:{type:Boolean},selectOnFocus:{type:Boolean},suggestions:{},initialLabel:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:t}){const n=e,o=i.useModel(e,"modelValue"),a=c=>c.id===o.value,r=i.ref(n.initialLabel??o.value),l=c=>{typeof c=="string"?r.value=c:c&&c.label&&(r.value=c.label),c===""&&(o.value=void 0)},u=()=>l(""),s=i.ref(null);return t({autoCompleteRef:s}),(c,d)=>(i.openBlock(),i.createBlock(i.unref(Qt),i.mergeProps({ref_key:"autoCompleteRef",ref:s},c.$attrs,{suggestions:n.suggestions,"model-value":r.value,dropdown:n.dropdown,"dropdown-mode":n.dropdownMode,disabled:n.disabled,"force-selection":n.forceSelection,placeholder:n.placeholder,"aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,delay:n.delay,"complete-on-focus":n.completeOnFocus,typeahead:n.typeahead,"scroll-height":n.scrollHeight,loading:n.loading,invalid:n.invalid,"auto-option-focus":n.autoOptionFocus,"select-on-focus":n.selectOnFocus,fluid:!0,"option-disabled":n.optionDisabled,"option-label":"label","data-key":"value","onUpdate:modelValue":l,onOptionSelect:d[0]||(d[0]=p=>o.value=p.value.id)}),{loader:i.withCtx(()=>[i.createVNode(i.unref(tn),{class:"absolute inset-y-0 right-8 my-auto mr-1"})]),dropdown:i.withCtx(p=>[r.value?(i.openBlock(),i.createBlock(It,{key:0,"aria-label":"Entfernen",onClick:u},{default:i.withCtx(()=>[i.createVNode(i.unref(Li))]),_:1})):i.createCommentVNode("",!0),i.createVNode(It,{onClick:p.toggleCallback},{default:i.withCtx(()=>[i.createVNode(i.unref(Ii))]),_:2},1032,["onClick"])]),option:i.withCtx(p=>[i.createElementVNode("div",{"data-variant":a(p.option)&&"active",class:"flex min-h-48 flex-col justify-center gap-2 border-l-4 border-transparent px-12 py-10 data-[variant=active]:border-blue-800 data-[variant=active]:bg-blue-200"},[i.createElementVNode("div",jr,i.toDisplayString(p.option.label),1),p.option.secondaryLabel?(i.openBlock(),i.createElementBlock("div",Rr,i.toDisplayString(p.option.secondaryLabel),1)):i.createCommentVNode("",!0)],8,Dr)]),_:1},16,["suggestions","model-value","dropdown","dropdown-mode","disabled","force-selection","placeholder","aria-label","aria-labelledby","delay","complete-on-focus","typeahead","scroll-height","loading","invalid","auto-option-focus","select-on-focus","option-disabled"]))}}),Kr={viewBox:"0 0 24 24",width:"1.34em",height:"1.34em"};function Hr(e,t){return i.openBlock(),i.createElementBlock("svg",Kr,t[0]||(t[0]=[i.createElementVNode("path",{fill:"currentColor",d:"M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12z"},null,-1)]))}const Ur=i.markRaw({name:"mdi-content-copy",render:Hr}),Wr={viewBox:"0 0 24 24",width:"1.34em",height:"1.34em"};function qr(e,t){return i.openBlock(),i.createElementBlock("svg",Wr,t[0]||(t[0]=[i.createElementVNode("path",{fill:"currentColor",d:"M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z"},null,-1)]))}const Gr=i.markRaw({name:"mdi-check",render:qr}),Zr=["aria-label","title"],Yr=i.defineComponent({__name:"RisCopyableLabel",props:{text:{},value:{default:void 0},name:{default:"Wert"}},setup(e){const t=e,n=i.ref(!1);async function o(){try{await navigator.clipboard.writeText(t.value??t.text),n.value=!0,setTimeout(()=>{n.value=!1},1e3)}catch(a){console.error(a)}}return(a,r)=>(i.openBlock(),i.createElementBlock("button",{"aria-label":`${a.name} in die Zwischenablage kopieren`,title:`${a.name} in die Zwischenablage kopieren`,class:"ris-link2-regular inline-flex items-center gap-4 text-left",type:"button",onClick:r[0]||(r[0]=l=>o())},[i.createTextVNode(i.toDisplayString(a.text)+" ",1),n.value?(i.openBlock(),i.createBlock(i.unref(Gr),{key:1,class:"flex-none"})):(i.openBlock(),i.createBlock(i.unref(Ur),{key:0,class:"flex-none"}))],8,Zr))}}),Xr=["id"],Jr=["aria-controls","aria-expanded"],Qr=i.defineComponent({__name:"RisExpandableText",props:i.mergeModels({length:{default:3}},{expanded:{type:Boolean,default:!1},expandedModifiers:{}}),emits:["update:expanded"],setup(e){i.useCssVars(r=>({"5eaeb20d":r.length}));const t=i.useModel(e,"expanded"),n=i.ref(!1),o=i.useTemplateRef("textContent"),a=i.useId();return i.watchEffect(()=>{o.value instanceof HTMLDivElement&&(n.value=o.value.scrollHeight>o.value.clientHeight)}),(r,l)=>(i.openBlock(),i.createElementBlock("div",null,[i.createElementVNode("div",{id:i.unref(a),ref_key:"textContent",ref:o,class:i.normalizeClass({[r.$style.truncate]:!t.value})},[i.renderSlot(r.$slots,"default")],10,Xr),n.value?(i.openBlock(),i.createElementBlock("button",{key:0,class:"ris-link1-regular cursor-pointer focus:outline-4 focus:outline-offset-4 focus:outline-blue-800 active:outline-hidden","aria-controls":i.unref(a),"aria-expanded":t.value,onClick:l[0]||(l[0]=u=>t.value=!t.value)},[t.value?(i.openBlock(),i.createElementBlock(i.Fragment,{key:0},[i.createTextVNode("Weniger anzeigen")],64)):i.createCommentVNode("",!0),t.value?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock(i.Fragment,{key:1},[i.createTextVNode("Mehr anzeigen")],64))],8,Jr)):i.createCommentVNode("",!0)]))}}),ea="_truncate_186wk_2",ta={truncate:ea},na={$style:ta},oa=en(Qr,[["__cssModules",na]]);exports.RisAutoComplete=Fr;exports.RisCopyableLabel=Yr;exports.RisExpandableText=oa;exports.RisSingleAccordion=Oi;
+`,Vr={root:"p-progressspinner",spin:"p-progressspinner-spin",circle:"p-progressspinner-circle"},Er=T.extend({name:"progressspinner",style:Ar,classes:Vr}),Nr={name:"BaseProgressSpinner",extends:J,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},style:Er,provide:function(){return{$pcProgressSpinner:this,$parentInstance:this}}},tn={name:"ProgressSpinner",extends:Nr,inheritAttrs:!1,computed:{svgStyle:function(){return{"animation-duration":this.animationDuration}}}},zr=["fill","stroke-width"];function Mr(e,t,n,o,a,r){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root"),role:"progressbar"},e.ptmi("root")),[(i.openBlock(),i.createElementBlock("svg",i.mergeProps({class:e.cx("spin"),viewBox:"25 25 50 50",style:r.svgStyle},e.ptm("spin")),[i.createElementVNode("circle",i.mergeProps({class:e.cx("circle"),cx:"50",cy:"50",r:"20",fill:e.fill,"stroke-width":e.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,zr)],16))],16)}tn.render=Mr;const Dr=["data-variant"],jr={class:"ris-label1-regular"},Rr={key:0,class:"ris-label2-regular text-gray-900"},Fr=i.defineComponent({inheritAttrs:!1,__name:"RisAutoComplete",props:i.mergeModels({dropdown:{type:Boolean},ariaLabel:{},ariaLabelledby:{},delay:{},completeOnFocus:{type:Boolean},optionDisabled:{type:[String,Function]},typeahead:{type:Boolean},scrollHeight:{},dropdownMode:{},placeholder:{},loading:{type:Boolean},invalid:{type:Boolean},disabled:{type:Boolean},forceSelection:{type:Boolean},autoOptionFocus:{type:Boolean},selectOnFocus:{type:Boolean},suggestions:{},initialLabel:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:t}){const n=e,o=i.useModel(e,"modelValue"),a=c=>c.id===o.value,r=i.ref(n.initialLabel??o.value),l=c=>{typeof c=="string"?r.value=c:c&&c.label&&(r.value=c.label),c===""&&(o.value=void 0)},u=()=>l(""),s=i.ref(null);return t({autoCompleteRef:s}),(c,d)=>(i.openBlock(),i.createBlock(i.unref(Qt),i.mergeProps({ref_key:"autoCompleteRef",ref:s},c.$attrs,{suggestions:n.suggestions,"model-value":r.value,dropdown:n.dropdown,"dropdown-mode":n.dropdownMode,disabled:n.disabled,"force-selection":n.forceSelection,placeholder:n.placeholder,"aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,delay:n.delay,"complete-on-focus":n.completeOnFocus,typeahead:n.typeahead,"scroll-height":n.scrollHeight,loading:n.loading,invalid:n.invalid,"auto-option-focus":n.autoOptionFocus,"select-on-focus":n.selectOnFocus,fluid:!0,"option-disabled":n.optionDisabled,"option-label":"label","data-key":"value","onUpdate:modelValue":l,onOptionSelect:d[0]||(d[0]=p=>o.value=p.value.id)}),{loader:i.withCtx(()=>[i.createVNode(i.unref(tn),{class:"absolute inset-y-0 right-8 my-auto mr-1"})]),dropdown:i.withCtx(p=>[r.value?(i.openBlock(),i.createBlock(It,{key:0,"aria-label":"Entfernen",onClick:u},{default:i.withCtx(()=>[i.createVNode(i.unref(Li))]),_:1})):i.createCommentVNode("",!0),i.createVNode(It,{onClick:p.toggleCallback},{default:i.withCtx(()=>[i.createVNode(i.unref(Ii))]),_:2},1032,["onClick"])]),option:i.withCtx(p=>[i.createElementVNode("div",{"data-variant":a(p.option)&&"active",class:"flex min-h-48 flex-col justify-center gap-2 border-l-4 border-transparent px-12 py-10 data-[variant=active]:border-blue-800 data-[variant=active]:bg-blue-200"},[i.createElementVNode("div",jr,i.toDisplayString(p.option.label),1),p.option.secondaryLabel?(i.openBlock(),i.createElementBlock("div",Rr,i.toDisplayString(p.option.secondaryLabel),1)):i.createCommentVNode("",!0)],8,Dr)]),_:1},16,["suggestions","model-value","dropdown","dropdown-mode","disabled","force-selection","placeholder","aria-label","aria-labelledby","delay","complete-on-focus","typeahead","scroll-height","loading","invalid","auto-option-focus","select-on-focus","option-disabled"]))}}),Kr={viewBox:"0 0 24 24",width:"1.34em",height:"1.34em"};function Hr(e,t){return i.openBlock(),i.createElementBlock("svg",Kr,t[0]||(t[0]=[i.createElementVNode("path",{fill:"currentColor",d:"M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12z"},null,-1)]))}const Ur=i.markRaw({name:"mdi-content-copy",render:Hr}),Wr={viewBox:"0 0 24 24",width:"1.34em",height:"1.34em"};function qr(e,t){return i.openBlock(),i.createElementBlock("svg",Wr,t[0]||(t[0]=[i.createElementVNode("path",{fill:"currentColor",d:"M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z"},null,-1)]))}const Gr=i.markRaw({name:"mdi-check",render:qr}),Zr=["aria-label","title"],Yr=i.defineComponent({__name:"RisCopyableLabel",props:{text:{},value:{default:void 0},name:{default:"Wert"}},setup(e){const t=e,n=i.ref(!1);async function o(){try{await navigator.clipboard.writeText(t.value??t.text),n.value=!0,setTimeout(()=>{n.value=!1},1e3)}catch(a){console.error(a)}}return(a,r)=>(i.openBlock(),i.createElementBlock("button",{"aria-label":`${a.name} in die Zwischenablage kopieren`,title:`${a.name} in die Zwischenablage kopieren`,class:"ris-link2-regular inline-flex items-center gap-4 text-left",type:"button",onClick:r[0]||(r[0]=l=>o())},[i.createTextVNode(i.toDisplayString(a.text)+" ",1),n.value?(i.openBlock(),i.createBlock(i.unref(Gr),{key:1,class:"flex-none"})):(i.openBlock(),i.createBlock(i.unref(Ur),{key:0,class:"flex-none"}))],8,Zr))}}),Xr=["id"],Jr=["aria-controls","aria-expanded"],Qr=i.defineComponent({__name:"RisExpandableText",props:i.mergeModels({length:{default:3},tolerance:{default:3}},{expanded:{type:Boolean,default:!1},expandedModifiers:{}}),emits:["update:expanded"],setup(e){i.useCssVars(r=>({"62963e56":r.length}));const t=i.useModel(e,"expanded"),n=i.ref(!1),o=i.useTemplateRef("textContent"),a=i.useId();return i.watchEffect(()=>{o.value instanceof HTMLDivElement&&(n.value=o.value.scrollHeight-e.tolerance>o.value.clientHeight)}),(r,l)=>(i.openBlock(),i.createElementBlock("div",null,[i.createElementVNode("div",{id:i.unref(a),ref_key:"textContent",ref:o,class:i.normalizeClass({[r.$style.truncate]:!t.value})},[i.renderSlot(r.$slots,"default")],10,Xr),n.value?(i.openBlock(),i.createElementBlock("button",{key:0,class:"ris-link1-regular cursor-pointer focus:outline-4 focus:outline-offset-4 focus:outline-blue-800 active:outline-hidden","aria-controls":i.unref(a),"aria-expanded":t.value,onClick:l[0]||(l[0]=u=>t.value=!t.value)},[t.value?(i.openBlock(),i.createElementBlock(i.Fragment,{key:0},[i.createTextVNode("Weniger anzeigen")],64)):i.createCommentVNode("",!0),t.value?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock(i.Fragment,{key:1},[i.createTextVNode("Mehr anzeigen")],64))],8,Jr)):i.createCommentVNode("",!0)]))}}),ea="_truncate_186wk_2",ta={truncate:ea},na={$style:ta},oa=en(Qr,[["__cssModules",na]]);exports.RisAutoComplete=Fr;exports.RisCopyableLabel=Yr;exports.RisExpandableText=oa;exports.RisSingleAccordion=Oi;

package/dist/components/index.js

@@ -6203,7 +6203,8 @@ const xa = ye({ name: "mdi-check", render: Ta }), La = ["aria-label", "title"],
 }), Aa = ["id"], Va = ["aria-controls", "aria-expanded"], za = /* @__PURE__ */ Xe({
   __name: "RisExpandableText",
   props: /* @__PURE__ */ ht({
-    length: { default: 3 }
+    length: { default: 3 },
+    tolerance: { default: 3 }
   }, {
     expanded: { type: Boolean, default: !1 },
     expandedModifiers: {}
@@ -6211,11 +6212,11 @@ const xa = ye({ name: "mdi-check", render: Ta }), La = ["aria-label", "title"],
   emits: ["update:expanded"],
   setup(e) {
     ni((o) => ({
-      "5eaeb20d": o.length
+      "62963e56": o.length
     }));
     const t = mt(e, "expanded"), n = ve(!1), i = ii("textContent"), r = Xt();
     return oi(() => {
-      i.value instanceof HTMLDivElement && (n.value = i.value.scrollHeight > i.value.clientHeight);
+      i.value instanceof HTMLDivElement && (n.value = i.value.scrollHeight - e.tolerance > i.value.clientHeight);
     }), (o, s) => (v(), S("div", null, [
       L("div", {
         id: F(r),

package/dist/primevue/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=(t,...l)=>String.raw({raw:t},...l),e=x,y={root:({props:t,instance:l})=>{const r=e`relative inline-flex max-w-full cursor-pointer items-center justify-center gap-8 rounded-none text-center focus:outline-4 focus:outline-offset-4 focus:outline-blue-800 active:outline-hidden disabled:cursor-not-allowed disabled:outline-hidden`,o=t.severity??"primary",s=e`bg-blue-800 text-white hover:bg-blue-700 active:bg-blue-500 active:text-blue-800 disabled:bg-gray-400 disabled:text-gray-600`,n=e`border-2 border-blue-800 bg-white text-blue-800 hover:bg-gray-200 focus:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`,a=e`border-2 border-red-800 bg-white text-red-800 hover:bg-gray-200 focus:bg-gray-200 focus:outline-red-800 active:border-white active:bg-white disabled:border-red-500 disabled:text-red-500 disabled:hover:bg-white`,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`,u=t.size??"normal";let b=e`ris-body2-bold h-40 py-4`,c=e`ris-body2-bold h-48 py-4`,d=e`ris-body1-bold h-64 py-4`;return l.hasIcon&&!t.label?(b=e`${b} w-40 px-4`,c=e`${c} w-48 px-4`,d=e`${d} w-64 px-4`):(b=e`${b} px-16`,c=e`${c} px-16`,d=e`${d} px-24`),{class:{[r]:!0,[b]:u==="small",[c]:u==="normal",[d]:u==="large",[s]:!t.text&&o==="primary",[n]:!t.text&&o==="secondary",[a]:!t.text&&o==="danger",[i]:t.text&&o==="primary"}}},label:({props:t})=>({class:{hidden:!t.label}}),icon:({props:t})=>({class:{"order-last":t.iconPos=="right"}}),loadingIcon:({props:t})=>{const l=t.size??"normal",r=e`h-[1.34em] w-[1.34em]`,o=e`h-24 w-24`;return{class:{[e`animate-spin`]:!0,[r]:l==="normal",[o]:l==="large"}}}},k={root:({props:t})=>({class:{[e`[&+label]:ris-label1-regular relative inline-block h-24 min-h-24 w-24 min-w-24 [&+label]:ml-8`]:!0,[e`h-32 min-h-32 w-32 min-w-32`]:t.size==="large"}}),input:{class:e`peer h-full w-full cursor-pointer appearance-none border-2 border-blue-800 bg-white outline-hidden hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 active:outline-hidden disabled:cursor-not-allowed disabled:border-gray-600 disabled:outline-hidden 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`},icon:{class:e`h-12 w-12`}},S={},z={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-hidden hover:outline hover:outline-2 hover:outline-gray-500 focus:outline focus:outline-2 focus:outline-gray-500 active:outline-hidden`}},content:{class:e`ris-dialog-content overflow-auto has-[svg:first-child]:flex has-[svg:first-child]:gap-8 [&>svg:first-child]:flex-none`},footer:{class:e`mt-40 flex items-center justify-end gap-12`},mask:{class:e`bg-black/40`}},M={root:()=>({class:{[e`flex flex-col items-center gap-10`]:!0}}),input:()=>({class:"hidden"})},N={root:{class:e`has-[input:read-only]:curser-not-allowed inline-flex items-center gap-4 border-2 border-blue-800 bg-white px-16 py-0 has-[:focus]:outline has-[:focus]:outline-4 has-[:focus]:-outline-offset-4 has-[:focus]:outline-blue-800 has-[:hover]:outline has-[:hover]:outline-4 has-[:hover]:-outline-offset-4 has-[:hover]:outline-blue-800 has-[[aria-invalid]]:border-red-800 has-[[aria-invalid]]:bg-red-200 has-[[aria-invalid]]:outline-red-800 has-[[data-size=large]]:px-24 has-[input:disabled]:border-blue-500 has-[input:disabled]:bg-white has-[input:disabled]:text-blue-500 has-[input:disabled]:outline-hidden has-[input:read-only]:border-blue-300 has-[input:read-only]:bg-blue-300`}},A={root:{class:e`m-0 p-0`}},m=e`[&+small]:ris-label3-regular border-2 border-blue-800 bg-white placeholder:text-gray-800 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-4 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`,w=e`ris-body2-regular h-48 px-16 py-4`,D=e`ris-body1-regular h-64 px-24 py-4`,L=e`ris-body2-regular h-[44px] p-0`,B=e`ris-body1-regular h-[60px] p-0`,T={root:({props:t,parent:l})=>{const r=e`[&[type=password]]:w-full [&[type=password]:not(:placeholder-shown)]:text-[28px] [&[type=password]:not(:placeholder-shown)]:tracking-[4px]`,o=l.instance.$name==="InputGroup",s=e`bg-transparent placeholder:text-gray-900 focus:outline-hidden`,n=e`w-full`;return{class:{[m]:!o,[s]:o,[n]:!!t.fluid,[r]:!0,[w]:(!t.size||t.size==="small")&&!o,[L]:(!t.size||t.size==="small")&&o,[D]:t.size==="large"&&!o,[B]:t.size==="large"&&o},"data-size":t.size??"small"}}},F={root:{class:e`ris-body2-regular bg-white shadow`},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`;return{class:{[l]:!0,[r]:t.focused}}},itemContent:{class:e`flex h-full items-center py-4`},itemLink:{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`,n=e`border-l-blue-800 bg-blue-200`,a=e`border-l-yellow-800 bg-yellow-200`,i=e`border-l-red-800 bg-red-200`,u=!!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],d=e`bg-[length:20px] bg-[16px_18px] bg-no-repeat pl-44`;return{class:{[r]:!0,[s]:o==="success",[n]:o==="info",[a]:o==="warn",[i]:o==="error",[d]:!u},style:{backgroundImage:u?void 0:c}}},content:{class:e`flex items-start gap-8`},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 rounded-sm p-2 leading-none`,r=t.severity??"info",o=e`text-green-800 hover:bg-green-400 active:bg-green-500`,s=e`text-blue-800 hover:bg-blue-400 active:bg-blue-500`,n=e`text-black hover:bg-yellow-400 active:bg-yellow-500`,a=e`text-red-800 hover:bg-red-400 active:bg-red-500`;return{class:{[l]:!0,[o]:r==="success",[s]:r==="info",[n]:r==="warn",[a]:r==="error"}}}},E={},C={root:{class:e`mx-auto inline-block h-28 w-28 animate-spin`},circle:{class:e`fill-transparent stroke-current stroke-[4px] text-blue-800 [stroke-dasharray:200] [stroke-dashoffset:100]`}},R={root:{class:e`[&+label]:ris-label1-regular relative inline-block h-32 w-32 [&+label]:ml-8`},input:{class:e`peer h-full w-full cursor-pointer appearance-none rounded-full border-2 border-blue-800 bg-white hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 active:outline-hidden disabled:cursor-not-allowed disabled:border-gray-600 aria-[invalid]:border-red-800 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`},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`}},h=e`w-full`,V={root:({props:t})=>{const l=e`flex border-2 border-blue-800 bg-white placeholder:text-gray-800 focus-within:outline-4 focus-within:-outline-offset-4 focus-within:outline-blue-800 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden`,r=e`ris-body2-regular h-48 py-4 pr-4 pl-16`;return{class:{[l]:!0,[r]:!0,[h]:!!t.fluid}}},pcInputText:{root:({props:t})=>({class:{[e`focus-visible:outline-hidden`]:!0,[h]:!!t.fluid}})},dropdown:{class:e`absolute inset-y-0 right-16`},option:{class:e`hover:bg-blue-100 data-[p-focus=true]:bg-blue-200`},optionGroup:{class:e`hover:bg-blue-100 data-[p-focus=true]:bg-blue-200`},overlay:{class:e`min-w-288 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:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`,r=e`w-full`;return{class:{[l]:!0,[r]:!!t.fluid}}}},G={message:({props:t})=>{var i;const l=e`mb-8 flex w-full flex-row items-center gap-8 border-l-4 p-16`,r=(i=t.message)==null?void 0:i.severity,o=e`border-l-green-900 bg-green-200`,s=e`border-l-red-900 bg-red-200`,n=e`border-l-yellow-900 bg-yellow-200`,a=e`border-l-blue-900 bg-blue-200`;return{class:{[l]:!0,[o]:r==="success",[s]:r==="error",[n]:r==="warn",[a]:r==="info"}}},messageContent:{class:e`flex w-full flex-row items-start justify-between gap-10`},messageIcon:({props:t})=>{var i;const l=e`mt-2 h-20 w-20 flex-none shrink-0`,r=((i=t.message)==null?void 0:i.severity)??"info",o=e`text-green-800`,s=e`text-red-800`,n=e`text-black`,a=e`text-blue-800`;return{class:{[l]:!0,[o]:r==="success",[s]:r==="error",[n]:r==="warn",[a]: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 i;const l=e`rounded-sm p-2`,r=((i=t.message)==null?void 0:i.severity)??"info",o=e`hover:bg-green-400`,s=e`hover:bg-red-400`,n=e`hover:bg-yellow-400`,a=e`hover:bg-blue-400`;return{class:{[l]:!0,[o]:r==="success",[s]:r==="error",[n]:r==="warn",[a]:r==="info"}}},closeIcon:{class:e`text-black`}},H={root:({props:t,state:l})=>{const r=e`ris-body2-regular [&+small]:ris-label3-regular inline-flex h-48 items-center justify-between border-2 bg-white py-4 pr-12 pl-16 [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`,o=e`cursor-pointer border-blue-800`,s=e`has-[:focus]:outline-4 has-[:focus]:-outline-offset-4 has-[:focus]:outline-blue-800`,n=e`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`,a=e`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`,i=e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`,u=e`w-full`;return{class:{[r]:!0,[o]:!t.disabled,[s]:l.focused&&!t.disabled,[n]:!t.disabled,[u]:!!t.fluid,[a]:t.disabled,[i]:t.invalid},"aria-invalid":t.invalid?"true":null}},dropdown:{class:e`pl-12`},listContainer:{class:e`overflow-auto shadow-md`},label:{class:e`line-clamp-1 outline-none`},overlay:{class:e`bg-white`},option:({context:t})=>{const l=e`ris-body2-regular relative h-full min-h-48 w-full cursor-pointer px-24 py-16 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`bg-gray-100`;return{class:{[l]:!0,[r]:t.focused}}}},P={pcInputText:{root:({props:t})=>({class:{[m]:!0,[w]:!0,"w-full":!!t.fluid}})}},Z={list:{class:e`m-0 flex list-none flex-wrap items-center p-0 leading-none`},item:{class:e`flex-no-wrap ris-label1-regular my-2 flex items-center break-all`},itemLink:{class:e`inline-flex cursor-pointer items-center text-blue-800 hover:underline focus:outline focus:outline-4 focus:outline-offset-4 focus:outline-blue-800`},separator:{class:e`mx-6 flex items-center text-gray-600`}},g=e`cursor-pointer`,f=e`ris-label2-bold border-l-blue-800 bg-blue-200 text-black hover:bg-blue-300 focus-visible:bg-blue-300`,v=e`hover:bg-blue-200 focus-visible:bg-blue-200`,p=e`focus-visible:outline-none`,J={root:{class:e`text-blue-800`},header:({context:t})=>({class:{[e`group flex h-64 items-center border-l-4 border-transparent py-8 pr-20 pl-10`]:!0,[p]:!0,[g]:!0,[f]:t.active,[v]:!t.active}}),content:{class:e`mt-8 ml-28`},rootList:{class:e`focus-visible:outline-none`},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`bg-blue-300`,o=e`bg-blue-200`;return{class:{[l]:!0,[r]:t.active&&t.focused,[o]:!t.active&&t.focused,[p]:!0,[g]:!0,[f]:t.active,[v]:!t.active}}}},K={node:{class:e`mb-24 last:mb-0 focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 focus-visible:outline-none [&>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 focus-visible:outline-none`,s=e`border-l-blue-800 bg-blue-200 text-black`,n=e`hover:bg-blue-200`,a=e`hover:bg-blue-300`;return{class:{[l]:!0,[r]:!0,[s]:t.selected,[n]:!t.selected,[a]:t.selected,[o]:!0}}},nodeToggleButton:({context:t})=>{const l=e`h-20 w-20 justify-center border-0 bg-transparent text-gray-900 outline-none group-hover:text-black hover:text-black`,r=t.leaf?e`hidden`:e`inline-flex`;return{class:{[l]:!0,[r]:t.leaf}}},nodeChildren:()=>{const t=e`m-0 list-none border-l border-gray-600 p-0 pl-36 outline-none [&: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 focus-visible:outline-none`;return{class:{[t]:!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`;return{class:{[l]:!0,[r]:t.selected,[o]:t.selected}}}},O={root:{class:e`rounded-none border-0 bg-transparent`},gutter:({props:t})=>({class:{[e`flex shrink-0 items-center justify-center bg-gray-400`]:!0,[e`h-full w-[3px] cursor-col-resize`]:t.layout==="horizontal",[e`h-[3px] w-full cursor-row-resize`]:t.layout==="vertical"}}),gutterHandle:({props:t})=>({class:{[e`z-20 h-full w-full hover:bg-blue-700 focus:bg-blue-800 focus:outline-none`]:!0,[e`h-full w-[3px] cursor-col-resize`]:t.layout==="horizontal",[e`h-[3px] w-full cursor-row-resize`]:t.layout==="vertical"}})},$={root:({props:t})=>({class:{[e`relative`]:!0,[e`flex h-full flex-col`]:t.scrollable&&t.scrollHeight==="flex"}}),tableContainer:({props:t})=>({class:{[e`relative`]:t.scrollable,[e`flex h-full grow flex-col`]:t.scrollable&&t.scrollHeight==="flex"}}),table:{class:e`w-full border-collapse`},thead:({props:t})=>({class:{[e`sticky top-0 z-40 bg-white`]:t.scrollable}}),bodyRow:{class:e`border-t border-blue-300 hover:bg-blue-200`},rowExpansionCell:{class:e`p-0`},column:{headerCell:{class:e`ris-body2-bold py-8 pr-32 pl-8 text-center`},columnHeaderContent:{class:e`flex items-center gap-2`},bodyCell:({props:t,context:l})=>{var o,s;return(t==null?void 0:t.expander)||(l==null?void 0:l.type)==="expansion"||((s=(o=l==null?void 0:l.column)==null?void 0:o.props)==null?void 0:s.expander)?{class:e`w-6 py-8 pl-8 text-blue-800`}:{class:e`ris-body2-regular py-8 pr-32 pl-8 hover:bg-blue-200`}}}},U={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"}},W={button:y,checkbox:k,confirmDialog:S,dialog:z,fileUpload:M,inputGroup:N,inputGroupAddon:A,inputText:T,menu:F,message:I,password:E,progressSpinner:C,radioButton:R,textarea:j,toast:G,autocomplete:V,select:H,inputMask:P,breadcrumb:Z,tree:K,panelmenu:J,splitter:O,dataTable:$},Y={deDE:U};exports.RisUiLocale=Y;exports.RisUiTheme=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=(t,...l)=>String.raw({raw:t},...l),e=x,y={root:({props:t,instance:l})=>{const r=e`relative inline-flex max-w-full cursor-pointer items-center justify-center gap-8 rounded-none text-center focus:outline-4 focus:outline-offset-4 focus:outline-blue-800 focus:not-focus-visible:outline-none focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 active:outline-none disabled:cursor-not-allowed disabled:outline-hidden`,o=t.severity??"primary",s=e`bg-blue-800 text-white hover:bg-blue-700 active:bg-blue-500 active:text-blue-800 disabled:bg-gray-400 disabled:text-gray-600`,n=e`border-2 border-blue-800 bg-white text-blue-800 hover:bg-gray-200 focus:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`,i=e`border-2 border-red-800 bg-white text-red-800 hover:bg-gray-200 focus:bg-gray-200 focus:outline-red-800 active:border-white active:bg-white disabled:border-red-500 disabled:text-red-500 disabled:hover:bg-white`,a=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`,u=t.size??"normal";let d=e`ris-body2-bold h-40 py-4`,c=e`ris-body2-bold h-48 py-4`,b=e`ris-body1-bold h-64 py-4`;return l.hasIcon&&!t.label?(d=e`${d} w-40 px-4`,c=e`${c} w-48 px-4`,b=e`${b} w-64 px-4`):(d=e`${d} px-16`,c=e`${c} px-16`,b=e`${b} px-24`),{class:{[r]:!0,[d]:u==="small",[c]:u==="normal",[b]:u==="large",[s]:!t.text&&o==="primary",[n]:!t.text&&o==="secondary",[i]:!t.text&&o==="danger",[a]:t.text&&o==="primary"}}},label:({props:t})=>({class:{hidden:!t.label}}),icon:({props:t})=>({class:{"order-last":t.iconPos=="right"}}),loadingIcon:({props:t})=>{const l=t.size??"normal",r=e`h-[1.34em] w-[1.34em]`,o=e`h-24 w-24`;return{class:{[e`animate-spin`]:!0,[r]:l==="normal",[o]:l==="large"}}}},k={root:({props:t})=>({class:{[e`[&+label]:ris-label1-regular relative inline-block h-24 min-h-24 w-24 min-w-24 [&+label]:ml-8`]:!0,[e`h-32 min-h-32 w-32 min-w-32`]:t.size==="large"}}),input:{class:e`peer h-full w-full cursor-pointer appearance-none border-2 border-blue-800 bg-white hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 active:outline-hidden disabled:cursor-not-allowed disabled:border-gray-600 disabled:outline-hidden 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`},icon:{class:e`h-12 w-12`}},S={},z={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-hidden hover:outline hover:outline-2 hover:outline-gray-500 focus:outline focus:outline-2 focus:outline-gray-500 active:outline-hidden`}},content:{class:e`ris-dialog-content overflow-auto has-[svg:first-child]:flex has-[svg:first-child]:gap-8 [&>svg:first-child]:flex-none`},footer:{class:e`mt-40 flex items-center justify-end gap-12`},mask:{class:e`bg-black/40`}},M={root:()=>({class:{[e`flex flex-col items-center gap-10`]:!0}}),input:()=>({class:"hidden"})},N={root:{class:e`has-[input:read-only]:curser-not-allowed inline-flex items-center gap-4 border-2 border-blue-800 bg-white px-16 py-0 has-[:focus]:outline has-[:focus]:outline-4 has-[:focus]:-outline-offset-4 has-[:focus]:outline-blue-800 has-[:hover]:outline has-[:hover]:outline-4 has-[:hover]:-outline-offset-4 has-[:hover]:outline-blue-800 has-[[aria-invalid]]:border-red-800 has-[[aria-invalid]]:bg-red-200 has-[[aria-invalid]]:outline-red-800 has-[[data-size=large]]:px-24 has-[input:disabled]:border-blue-500 has-[input:disabled]:bg-white has-[input:disabled]:text-blue-500 has-[input:disabled]:outline-hidden has-[input:read-only]:border-blue-300 has-[input:read-only]:bg-blue-300`}},A={root:{class:e`m-0 p-0`}},m=e`[&+small]:ris-label3-regular border-2 border-blue-800 bg-white placeholder:text-gray-800 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-4 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`,w=e`ris-body2-regular h-48 px-16 py-4`,D=e`ris-body1-regular h-64 px-24 py-4`,L=e`ris-body2-regular h-[44px] p-0`,B=e`ris-body1-regular h-[60px] p-0`,T={root:({props:t,parent:l})=>{const r=e`[&[type=password]]:w-full [&[type=password]:not(:placeholder-shown)]:text-[28px] [&[type=password]:not(:placeholder-shown)]:tracking-[4px]`,o=l.instance.$name==="InputGroup",s=e`bg-transparent placeholder:text-gray-900 focus:outline-hidden`,n=e`w-full`;return{class:{[m]:!o,[s]:o,[n]:!!t.fluid,[r]:!0,[w]:(!t.size||t.size==="small")&&!o,[L]:(!t.size||t.size==="small")&&o,[D]:t.size==="large"&&!o,[B]:t.size==="large"&&o},"data-size":t.size??"small"}}},F={root:{class:e`ris-body2-regular bg-white shadow`},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`;return{class:{[l]:!0,[r]:t.focused}}},itemContent:{class:e`flex h-full items-center py-4`},itemLink:{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`,n=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`,u=!!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],b=e`bg-[length:20px] bg-[16px_18px] bg-no-repeat pl-44`;return{class:{[r]:!0,[s]:o==="success",[n]:o==="info",[i]:o==="warn",[a]:o==="error",[b]:!u},style:{backgroundImage:u?void 0:c}}},content:{class:e`flex items-start gap-8`},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 rounded-sm p-2 leading-none`,r=t.severity??"info",o=e`text-green-800 hover:bg-green-400 active:bg-green-500`,s=e`text-blue-800 hover:bg-blue-400 active:bg-blue-500`,n=e`text-black hover:bg-yellow-400 active:bg-yellow-500`,i=e`text-red-800 hover:bg-red-400 active:bg-red-500`;return{class:{[l]:!0,[o]:r==="success",[s]:r==="info",[n]:r==="warn",[i]:r==="error"}}}},E={},R={root:{class:e`mx-auto inline-block h-28 w-28 animate-spin`},circle:{class:e`fill-transparent stroke-current stroke-[4px] text-blue-800 [stroke-dasharray:200] [stroke-dashoffset:100]`}},V={root:{class:e`[&+label]:ris-label1-regular relative inline-block h-32 w-32 [&+label]:ml-8`},input:{class:e`peer h-full w-full cursor-pointer appearance-none rounded-full border-2 border-blue-800 bg-white hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 active:outline-hidden disabled:cursor-not-allowed disabled:border-gray-600 aria-[invalid]:border-red-800 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`},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`}},h=e`w-full`,j={root:({props:t})=>{const l=e`flex border-2 border-blue-800 bg-white placeholder:text-gray-800 focus-within:outline-4 focus-within:-outline-offset-4 focus-within:outline-blue-800 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden`,r=e`ris-body2-regular h-48 py-4 pr-4 pl-16`;return{class:{[l]:!0,[r]:!0,[h]:!!t.fluid}}},pcInputText:{root:({props:t})=>({class:{[e`focus-visible:outline-hidden`]:!0,[h]:!!t.fluid}})},dropdown:{class:e`absolute inset-y-0 right-16`},option:{class:e`hover:bg-blue-100 data-[p-focus=true]:bg-blue-200`},optionGroup:{class:e`hover:bg-blue-100 data-[p-focus=true]:bg-blue-200`},overlay:{class:e`min-w-288 overflow-auto bg-white px-8 py-12 shadow-md`}},P={root:({props:t})=>{const l=e`ris-body1-regular [&+small]:ris-label3-regular min-h-56 border-2 border-blue-800 bg-white px-14 pt-8 pb-12 placeholder:text-gray-900 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`,r=e`w-full`;return{class:{[l]:!0,[r]:!!t.fluid}}}},C={message:({props:t})=>{var a;const l=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,o=e`border-l-green-900 bg-green-200`,s=e`border-l-red-900 bg-red-200`,n=e`border-l-yellow-900 bg-yellow-200`,i=e`border-l-blue-900 bg-blue-200`;return{class:{[l]:!0,[o]:r==="success",[s]:r==="error",[n]: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 l=e`mt-2 h-20 w-20 flex-none shrink-0`,r=((a=t.message)==null?void 0:a.severity)??"info",o=e`text-green-800`,s=e`text-red-800`,n=e`text-black`,i=e`text-blue-800`;return{class:{[l]:!0,[o]:r==="success",[s]:r==="error",[n]: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 l=e`rounded-sm p-2`,r=((a=t.message)==null?void 0:a.severity)??"info",o=e`hover:bg-green-400`,s=e`hover:bg-red-400`,n=e`hover:bg-yellow-400`,i=e`hover:bg-blue-400`;return{class:{[l]:!0,[o]:r==="success",[s]:r==="error",[n]:r==="warn",[i]:r==="info"}}},closeIcon:{class:e`text-black`}},G={root:({props:t,state:l})=>{const r=e`ris-body2-regular [&+small]:ris-label3-regular inline-flex h-48 items-center justify-between border-2 bg-white py-4 pr-12 pl-16 [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`,o=e`cursor-pointer border-blue-800`,s=e`has-[:focus]:outline-4 has-[:focus]:-outline-offset-4 has-[:focus]:outline-blue-800`,n=e`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`,i=e`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`,a=e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`,u=e`w-full`;return{class:{[r]:!0,[o]:!t.disabled,[s]:l.focused&&!t.disabled,[n]:!t.disabled,[u]:!!t.fluid,[i]:t.disabled,[a]:t.invalid},"aria-invalid":t.invalid?"true":null}},dropdown:{class:e`pl-12`},listContainer:{class:e`overflow-auto shadow-md`},label:{class:e`line-clamp-1 outline-none`},overlay:{class:e`bg-white`},option:({context:t})=>{const l=e`ris-body2-regular relative h-full min-h-48 w-full cursor-pointer px-24 py-16 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`bg-gray-100`;return{class:{[l]:!0,[r]:t.focused}}}},Z={pcInputText:{root:({props:t})=>({class:{[m]:!0,[w]:!0,"w-full":!!t.fluid}})}},J={list:{class:e`m-0 flex list-none flex-wrap items-center p-0 leading-none`},item:{class:e`flex-no-wrap ris-label1-regular my-2 flex items-center break-all`},itemLink:{class:e`inline-flex cursor-pointer items-center text-blue-800 hover:underline focus:outline focus:outline-4 focus:outline-offset-4 focus:outline-blue-800`},separator:{class:e`mx-6 flex items-center text-gray-600`}},g=e`cursor-pointer`,f=e`ris-label2-bold border-l-blue-800 bg-blue-200 text-black hover:bg-blue-300 focus-visible:bg-blue-300`,v=e`hover:bg-blue-200 focus-visible:bg-blue-200`,p=e`focus-visible:outline-none`,H={root:{class:e`text-blue-800`},header:({context:t})=>({class:{[e`group flex h-64 items-center border-l-4 border-transparent py-8 pr-20 pl-10`]:!0,[p]:!0,[g]:!0,[f]:t.active,[v]:!t.active}}),content:{class:e`mt-8 ml-28`},rootList:{class:e`focus-visible:outline-none`},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`bg-blue-300`,o=e`bg-blue-200`;return{class:{[l]:!0,[r]:t.active&&t.focused,[o]:!t.active&&t.focused,[p]:!0,[g]:!0,[f]:t.active,[v]:!t.active}}}},_={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`,n=e`hover:bg-blue-200`,i=e`hover:bg-blue-300`;return{class:{[l]:!0,[r]:!0,[s]:t.selected,[n]:!t.selected,[i]:t.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`;return{class:{[l]:!0,[r]:t.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`;return{class:{[t]:!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`;return{class:{[l]:!0,[r]:t.selected,[o]:t.selected}}}},K={root:{class:e`rounded-none border-0 bg-transparent`},gutter:({props:t})=>({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"}}),gutterHandle:({props:t})=>({class:{[e`z-20 rounded bg-transparent outline-offset-2 outline-blue-800 focus:outline-2`]:!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"}})},O={table:{class:e`w-full text-left`},tbody:{class:e`ris-body2-regular divide-y divide-blue-300`},column:{headerCell:{class:e`ris-body2-bold px-14 py-12`},bodyCell:{class:e`px-14 py-12`}}},$={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 border-gray-600 bg-white text-black shadow-[-1px_-1px_0_0_var(--color-gray-600),1px_-1px_0_0_var(--color-gray-600)]`,o=e`cursor-pointer text-blue-800 hover:border-b-blue-800`;return{class:{[l]:!0,[r]:t.active,[o]:!t.active}}}},U={root:{class:e`min-h-96 py-24 outline-blue-800 focus-visible:outline-solid`}},W={tabList:{class:e`relative flex before:absolute before:bottom-0 before:left-[50%] before:h-px before:w-[var(--tab-list-separator-width,100%)] before:-translate-x-1/2 before:bg-gray-600`}},Y={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"}},q={button:y,checkbox:k,confirmDialog:S,dialog:z,fileUpload:M,inputGroup:N,inputGroupAddon:A,inputText:T,menu:F,message:I,password:E,progressSpinner:R,radioButton:V,textarea:P,toast:C,autocomplete:j,select:G,inputMask:Z,breadcrumb:J,tree:_,panelmenu:H,splitter:K,dataTable:O,tab:$,tabPanel:U,tabList:W},Q={deDE:Y};exports.RisUiLocale=Q;exports.RisUiTheme=q;

package/dist/primevue/index.d.ts

@@ -22,6 +22,9 @@ export declare const RisUiTheme: {
     panelmenu: import("primevue/panelmenu").PanelMenuPassThroughOptions;
     splitter: import("primevue/splitter").SplitterPassThroughOptions;
     dataTable: import("primevue/datatable").DataTablePassThroughOptions;
+    tab: import("primevue/tab").TabPassThroughOptions;
+    tabPanel: import("primevue/tabpanel").TabPanelPassThroughOptions;
+    tabList: import("primevue/tablist").TabListPassThroughOptions;
 };
 export declare const RisUiLocale: {
     deDE: import("@primevue/core").PrimeVueLocaleOptions;

package/dist/primevue/index.js

@@ -1,13 +1,13 @@
 const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
   root: ({ props: t, instance: l }) => {
-    const r = e`relative inline-flex max-w-full cursor-pointer items-center justify-center gap-8 rounded-none text-center focus:outline-4 focus:outline-offset-4 focus:outline-blue-800 active:outline-hidden disabled:cursor-not-allowed disabled:outline-hidden`, o = t.severity ?? "primary", s = e`bg-blue-800 text-white hover:bg-blue-700 active:bg-blue-500 active:text-blue-800 disabled:bg-gray-400 disabled:text-gray-600`, n = e`border-2 border-blue-800 bg-white text-blue-800 hover:bg-gray-200 focus:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, a = e`border-2 border-red-800 bg-white text-red-800 hover:bg-gray-200 focus:bg-gray-200 focus:outline-red-800 active:border-white active:bg-white disabled:border-red-500 disabled:text-red-500 disabled:hover:bg-white`, 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`, u = t.size ?? "normal";
-    let b = e`ris-body2-bold h-40 py-4`, c = e`ris-body2-bold h-48 py-4`, d = e`ris-body1-bold h-64 py-4`;
-    return l.hasIcon && !t.label ? (b = e`${b} w-40 px-4`, c = e`${c} w-48 px-4`, d = e`${d} w-64 px-4`) : (b = e`${b} px-16`, c = e`${c} px-16`, d = e`${d} px-24`), {
+    const r = e`relative inline-flex max-w-full cursor-pointer items-center justify-center gap-8 rounded-none text-center focus:outline-4 focus:outline-offset-4 focus:outline-blue-800 focus:not-focus-visible:outline-none focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 active:outline-none disabled:cursor-not-allowed disabled:outline-hidden`, o = t.severity ?? "primary", s = e`bg-blue-800 text-white hover:bg-blue-700 active:bg-blue-500 active:text-blue-800 disabled:bg-gray-400 disabled:text-gray-600`, n = e`border-2 border-blue-800 bg-white text-blue-800 hover:bg-gray-200 focus:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, a = e`border-2 border-red-800 bg-white text-red-800 hover:bg-gray-200 focus:bg-gray-200 focus:outline-red-800 active:border-white active:bg-white disabled:border-red-500 disabled:text-red-500 disabled:hover:bg-white`, 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`, u = t.size ?? "normal";
+    let d = e`ris-body2-bold h-40 py-4`, c = e`ris-body2-bold h-48 py-4`, b = e`ris-body1-bold h-64 py-4`;
+    return l.hasIcon && !t.label ? (d = e`${d} w-40 px-4`, c = e`${c} w-48 px-4`, b = e`${b} w-64 px-4`) : (d = e`${d} px-16`, c = e`${c} px-16`, b = e`${b} px-24`), {
       class: {
         [r]: !0,
-        [b]: u === "small",
+        [d]: u === "small",
         [c]: u === "normal",
-        [d]: u === "large",
+        [b]: u === "large",
         [s]: !t.text && o === "primary",
         [n]: !t.text && o === "secondary",
         [a]: !t.text && o === "danger",
@@ -43,7 +43,7 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
     }
   }),
   input: {
-    class: e`peer h-full w-full cursor-pointer appearance-none border-2 border-blue-800 bg-white outline-hidden hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 active:outline-hidden disabled:cursor-not-allowed disabled:border-gray-600 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-none aria-[invalid]:disabled:outline-none`
+    class: e`peer h-full w-full cursor-pointer appearance-none border-2 border-blue-800 bg-white hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 active:outline-hidden disabled:cursor-not-allowed disabled:border-gray-600 disabled:outline-hidden 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`
@@ -102,7 +102,7 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
   root: {
     class: e`m-0 p-0`
   }
-}, m = e`[&+small]:ris-label3-regular border-2 border-blue-800 bg-white placeholder:text-gray-800 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-4 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, w = e`ris-body2-regular h-48 px-16 py-4`, D = e`ris-body1-regular h-64 px-24 py-4`, B = e`ris-body2-regular h-[44px] p-0`, L = e`ris-body1-regular h-[60px] p-0`, F = {
+}, m = e`[&+small]:ris-label3-regular border-2 border-blue-800 bg-white placeholder:text-gray-800 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-4 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, w = e`ris-body2-regular h-48 px-16 py-4`, D = e`ris-body1-regular h-64 px-24 py-4`, L = e`ris-body2-regular h-[44px] p-0`, B = e`ris-body1-regular h-[60px] p-0`, F = {
   root: ({ props: t, parent: l }) => {
     const r = e`[&[type=password]]:w-full [&[type=password]:not(:placeholder-shown)]:text-[28px] [&[type=password]:not(:placeholder-shown)]:tracking-[4px]`, o = l.instance.$name === "InputGroup", s = e`bg-transparent placeholder:text-gray-900 focus:outline-hidden`, n = e`w-full`;
     return {
@@ -112,9 +112,9 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
         [n]: !!t.fluid,
         [r]: !0,
         [w]: (!t.size || t.size === "small") && !o,
-        [B]: (!t.size || t.size === "small") && o,
+        [L]: (!t.size || t.size === "small") && o,
         [D]: t.size === "large" && !o,
-        [L]: t.size === "large" && o
+        [B]: t.size === "large" && o
       },
       "data-size": t.size ?? "small"
     };
@@ -141,14 +141,14 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
   itemLink: {
     class: e`flex items-center gap-8`
   }
-}, E = {
+}, T = {
   root: ({ props: t, instance: l }) => {
     const r = e`ris-body1-regular border-l-4 px-20 py-14`, o = t.severity ?? "info", s = e`border-l-green-800 bg-green-200`, n = e`border-l-blue-800 bg-blue-200`, a = e`border-l-yellow-800 bg-yellow-200`, i = e`border-l-red-800 bg-red-200`, u = !!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], d = e`bg-[length:20px] bg-[16px_18px] bg-no-repeat pl-44`;
+    }[o], b = e`bg-[length:20px] bg-[16px_18px] bg-no-repeat pl-44`;
     return {
       class: {
         [r]: !0,
@@ -156,7 +156,7 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
         [n]: o === "info",
         [a]: o === "warn",
         [i]: o === "error",
-        [d]: !u
+        [b]: !u
       },
       style: {
         backgroundImage: u ? void 0 : c
@@ -181,16 +181,16 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
       }
     };
   }
-}, T = {
+}, E = {
   // All styling moved to inputText.ts
-}, C = {
+}, V = {
   root: {
     class: e`mx-auto inline-block h-28 w-28 animate-spin`
   },
   circle: {
     class: e`fill-transparent stroke-current stroke-[4px] text-blue-800 [stroke-dasharray:200] [stroke-dashoffset:100]`
   }
-}, V = {
+}, j = {
   root: {
     class: e`[&+label]:ris-label1-regular relative inline-block h-32 w-32 [&+label]:ml-8`
   },
@@ -203,7 +203,7 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
   icon: {
     class: e`h-16 w-16 rounded-full bg-current`
   }
-}, h = e`w-full`, R = {
+}, h = e`w-full`, C = {
   root: ({ props: t }) => {
     const l = e`flex border-2 border-blue-800 bg-white placeholder:text-gray-800 focus-within:outline-4 focus-within:-outline-offset-4 focus-within:outline-blue-800 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden`, r = e`ris-body2-regular h-48 py-4 pr-4 pl-16`;
     return {
@@ -232,7 +232,7 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
   overlay: {
     class: e`min-w-288 overflow-auto bg-white px-8 py-12 shadow-md`
   }
-}, j = {
+}, G = {
   root: ({ props: t }) => {
     const l = e`ris-body1-regular [&+small]:ris-label3-regular min-h-56 border-2 border-blue-800 bg-white px-14 pt-8 pb-12 placeholder:text-gray-900 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, r = e`w-full`;
     return {
@@ -242,7 +242,7 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
       }
     };
   }
-}, G = {
+}, P = {
   message: ({ props: t }) => {
     var i;
     const l = e`mb-8 flex w-full flex-row items-center gap-8 border-l-4 p-16`, r = (i = t.message) == null ? void 0 : i.severity, o = e`border-l-green-900 bg-green-200`, s = e`border-l-red-900 bg-red-200`, n = e`border-l-yellow-900 bg-yellow-200`, a = e`border-l-blue-900 bg-blue-200`;
@@ -297,7 +297,7 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
   closeIcon: {
     class: e`text-black`
   }
-}, H = {
+}, R = {
   root: ({ props: t, state: l }) => {
     const r = e`ris-body2-regular [&+small]:ris-label3-regular inline-flex h-48 items-center justify-between border-2 bg-white py-4 pr-12 pl-16 [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, o = e`cursor-pointer border-blue-800`, s = e`has-[:focus]:outline-4 has-[:focus]:-outline-offset-4 has-[:focus]:outline-blue-800`, n = e`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`, a = e`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`, i = e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, u = e`w-full`;
     return {
@@ -357,7 +357,7 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
   separator: {
     class: e`mx-6 flex items-center text-gray-600`
   }
-}, g = e`cursor-pointer`, f = e`ris-label2-bold border-l-blue-800 bg-blue-200 text-black hover:bg-blue-300 focus-visible:bg-blue-300`, v = e`hover:bg-blue-200 focus-visible:bg-blue-200`, p = e`focus-visible:outline-none`, P = {
+}, g = e`cursor-pointer`, f = e`ris-label2-bold border-l-blue-800 bg-blue-200 text-black hover:bg-blue-300 focus-visible:bg-blue-300`, v = e`hover:bg-blue-200 focus-visible:bg-blue-200`, p = e`focus-visible:outline-none`, H = {
   root: {
     class: e`text-blue-800`
   },
@@ -393,12 +393,12 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
       }
     };
   }
-}, K = {
+}, _ = {
   node: {
-    class: e`mb-24 last:mb-0 focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 focus-visible:outline-none [&>ul:first-of-type]:border-l-0`
+    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 focus-visible:outline-none`, s = e`border-l-blue-800 bg-blue-200 text-black`, n = e`hover:bg-blue-200`, a = e`hover:bg-blue-300`;
+    const l = e`group ris-label2-bold flex w-full border-l-4 border-transparent py-10 pr-20 pl-10 text-blue-800`, r = e`cursor-pointer select-none`, o = e`focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800`, s = e`border-l-blue-800 bg-blue-200 text-black`, n = e`hover:bg-blue-200`, a = e`hover:bg-blue-300`;
     return {
       class: {
         [l]: !0,
@@ -411,7 +411,7 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
     };
   },
   nodeToggleButton: ({ context: t }) => {
-    const l = e`h-20 w-20 justify-center border-0 bg-transparent text-gray-900 outline-none group-hover:text-black hover:text-black`, r = t.leaf ? e`hidden` : e`inline-flex`;
+    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`;
     return {
       class: {
         [l]: !0,
@@ -420,7 +420,7 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
     };
   },
   nodeChildren: () => {
-    const t = e`m-0 list-none border-l border-gray-600 p-0 pl-36 outline-none [&: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 focus-visible:outline-none`;
+    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`;
     return {
       class: {
         [t]: !0,
@@ -438,67 +438,59 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
       }
     };
   }
-}, $ = {
+}, K = {
   root: {
     class: e`rounded-none border-0 bg-transparent`
   },
   gutter: ({ props: t }) => ({
     class: {
-      [e`flex shrink-0 items-center justify-center bg-gray-400`]: !0,
+      [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"
     }
   }),
   gutterHandle: ({ props: t }) => ({
     class: {
-      [e`z-20 h-full w-full hover:bg-blue-700 focus:bg-blue-800 focus:outline-none`]: !0,
-      [e`h-full w-[3px] cursor-col-resize`]: t.layout === "horizontal",
-      [e`h-[3px] w-full cursor-row-resize`]: t.layout === "vertical"
+      [e`z-20 rounded bg-transparent outline-offset-2 outline-blue-800 focus:outline-2`]: !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"
     }
   })
-}, O = {
-  root: ({ props: t }) => ({
-    class: {
-      [e`relative`]: !0,
-      [e`flex h-full flex-col`]: t.scrollable && t.scrollHeight === "flex"
-    }
-  }),
-  tableContainer: ({ props: t }) => ({
-    class: {
-      [e`relative`]: t.scrollable,
-      [e`flex h-full grow flex-col`]: t.scrollable && t.scrollHeight === "flex"
-    }
-  }),
+}, $ = {
   table: {
-    class: e`w-full border-collapse`
-  },
-  thead: ({ props: t }) => ({
-    class: {
-      [e`sticky top-0 z-40 bg-white`]: t.scrollable
-    }
-  }),
-  bodyRow: {
-    class: e`border-t border-blue-300 hover:bg-blue-200`
+    class: e`w-full text-left`
   },
-  rowExpansionCell: {
-    class: e`p-0`
+  tbody: {
+    class: e`ris-body2-regular divide-y divide-blue-300`
   },
   column: {
     headerCell: {
-      class: e`ris-body2-bold py-8 pr-32 pl-8 text-center`
+      class: e`ris-body2-bold px-14 py-12`
     },
-    columnHeaderContent: {
-      class: e`flex items-center gap-2`
-    },
-    bodyCell: ({
-      props: t,
-      context: l
-    }) => {
-      var o, s;
-      return (t == null ? void 0 : t.expander) || (l == null ? void 0 : l.type) === "expansion" || ((s = (o = l == null ? void 0 : l.column) == null ? void 0 : o.props) == null ? void 0 : s.expander) ? { class: e`w-6 py-8 pl-8 text-blue-800` } : { class: e`ris-body2-regular py-8 pr-32 pl-8 hover:bg-blue-200` };
+    bodyCell: {
+      class: e`px-14 py-12`
     }
   }
+}, 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 border-gray-600 bg-white text-black shadow-[-1px_-1px_0_0_var(--color-gray-600),1px_-1px_0_0_var(--color-gray-600)]`, o = e`cursor-pointer text-blue-800 hover:border-b-blue-800`;
+    return {
+      class: {
+        [l]: !0,
+        [r]: t.active,
+        [o]: !t.active
+      }
+    };
+  }
 }, W = {
+  root: {
+    class: e`min-h-96 py-24 outline-blue-800 focus-visible:outline-solid`
+  }
+}, U = {
+  tabList: {
+    class: e`relative flex before:absolute before:bottom-0 before:left-[50%] before:h-px before:w-[var(--tab-list-separator-width,100%)] before:-translate-x-1/2 before:bg-gray-600`
+  }
+}, Y = {
   startsWith: "Beginnt mit",
   contains: "Enthält",
   notContains: "Enthält nicht",
@@ -652,7 +644,7 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
     rotateLeft: "Links drehen",
     listLabel: "Optionsliste"
   }
-}, U = {
+}, q = {
   button: y,
   checkbox: k,
   confirmDialog: S,
@@ -662,24 +654,27 @@ const x = (t, ...l) => String.raw({ raw: t }, ...l), e = x, y = {
   inputGroupAddon: A,
   inputText: F,
   menu: I,
-  message: E,
-  password: T,
-  progressSpinner: C,
-  radioButton: V,
-  textarea: j,
-  toast: G,
-  autocomplete: R,
-  select: H,
+  message: T,
+  password: E,
+  progressSpinner: V,
+  radioButton: j,
+  textarea: G,
+  toast: P,
+  autocomplete: C,
+  select: R,
   inputMask: Z,
   breadcrumb: J,
-  tree: K,
-  panelmenu: P,
-  splitter: $,
-  dataTable: O
-}, Y = {
-  deDE: W
+  tree: _,
+  panelmenu: H,
+  splitter: K,
+  dataTable: $,
+  tab: O,
+  tabPanel: W,
+  tabList: U
+}, Q = {
+  deDE: Y
 };
 export {
-  Y as RisUiLocale,
-  U as RisUiTheme
+  Q as RisUiLocale,
+  q as RisUiTheme
 };

package/dist/primevue/tabs/tabs.d.ts

@@ -0,0 +1,6 @@
+import type { TabPassThroughOptions } from "primevue/tab";
+import type { TabPanelPassThroughOptions } from "primevue/tabpanel";
+import type { TabListPassThroughOptions } from "primevue/tablist";
+export declare const tab: TabPassThroughOptions;
+export declare const tabPanel: TabPanelPassThroughOptions;
+export declare const tabList: TabListPassThroughOptions;

package/dist/style.css

@@ -1 +1 @@
-/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */div[data-pc-section=nodecontent]:has(+ul[data-pc-section=nodechildren] li div[data-pc-section=nodecontent][data-p-selected=true]){border-left-color:var(--color-gray-600,oklch(.446 .03 256.802));background-color:var(--color-gray-100,oklch(.967 .003 264.542))}div[data-pc-section=nodecontent]:has(+ul[data-pc-section=nodechildren] li div[data-pc-section=nodecontent][data-p-selected=true]):hover{background-color:var(--color-blue-200,oklch(.882 .059 254.128))}@theme static{--color-*: initial; --spacing-*: initial; --font-*: initial; --color-black: #0b0c0c; --color-white: #fff; --color-inherit: inherit; --color-current: currentColor; --color-transparent: transparent; --color-blue-100: #f2f6f8; --color-blue-200: #ecf1f4; --color-blue-300: #dce8ef; --color-blue-400: #ccdbe4; --color-blue-500: #b3c9d6; --color-blue-600: #6693ad; --color-blue-700: #336f91; --color-blue-800: #004b76; --color-blue-900: #003350; --color-gray-100: #f6f7f8; --color-gray-200: #eff2f4; --color-gray-300: #edeef0; --color-gray-400: #dcdee1; --color-gray-500: #cacdd2; --color-gray-600: #b8bdc3; --color-gray-700: #a6acb5; --color-gray-800: #717a88; --color-gray-900: #4e596a; --color-green-100: #e8f7f0; --color-green-200: #ccebdd; --color-green-300: #b0d8c6; --color-green-400: #97ccb4; --color-green-500: #65b491; --color-green-600: #349d6e; --color-green-700: #01854a; --color-green-800: #006538; --color-green-900: #003e22; --color-orange-100: #fef7e8; --color-orange-200: #fae5bb; --color-orange-300: #f9d791; --color-orange-400: #f8c967; --color-orange-500: #f7bb3d; --color-orange-600: #e9aa26; --color-orange-700: #d79815; --color-orange-800: #c18509; --color-orange-900: #ad7500; --color-red-100: #fcf2f5; --color-red-200: #f9e5ec; --color-red-300: #f2ccd8; --color-red-400: #ecb3c5; --color-red-500: #e699b1; --color-red-600: #d9668b; --color-red-700: #c61a50; --color-red-800: #b0243f; --color-red-900: #8e001b; --color-yellow-100: #fefcef; --color-yellow-200: #fff9d2; --color-yellow-300: #f9ec9e; --color-yellow-400: #f7e67d; --color-yellow-500: #f5e05d; --color-yellow-600: #f2dc5d; --color-yellow-700: #e5ce5c; --color-yellow-800: #dac23c; --color-yellow-900: #c3a91e; --spacing-0: 0rem; --spacing-1: .0625rem; --spacing-2: .125rem; --spacing-4: .25rem; --spacing-6: .375rem; --spacing-8: .5rem; --spacing-10: .625rem; --spacing-12: .75rem; --spacing-14: .875rem; --spacing-16: 1rem; --spacing-20: 1.25rem; --spacing-24: 1.5rem; --spacing-28: 1.75rem; --spacing-32: 2rem; --spacing-36: 2.25rem; --spacing-40: 2.5rem; --spacing-44: 2.75rem; --spacing-48: 3rem; --spacing-56: 3.5rem; --spacing-64: 4rem; --spacing-80: 5rem; --spacing-96: 6rem; --spacing-112: 7rem; --spacing-128: 8rem; --spacing-144: 9rem; --spacing-160: 10rem; --spacing-176: 11rem; --spacing-192: 12rem; --spacing-208: 13rem; --spacing-224: 14rem; --spacing-240: 15rem; --spacing-288: 18rem; --spacing-320: 20rem; --spacing-384: 24rem; --font-sans: BundesSansWeb,Calibri,Verdana,Arial,Helvetica,sans-serif; --font-serif: BundesSerifWeb,Georgia,"Times New Roman",serif; --font-condensed: BundesSansCondWeb,Arial Narrow,Arial,sans-serif;}@layer base{: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")}body{color:var(--color-black);font-family:var(--font-sans)}::placeholder{font-family:var(--font-sans);font-style:normal}}@utility ris-title-regular{font-size: 64px; font-weight: normal; line-height: 1.1875;}@utility ris-heading1-regular{font-size: 48px; font-weight: normal; line-height: 1.2;}@utility ris-heading1-bold{font-size: 48px; font-weight: bold; line-height: 1.2;}@utility ris-heading2-regular{font-size: 32px; font-weight: normal; line-height: 1.1875;}@utility ris-heading2-bold{font-size: 32px; font-weight: bold; line-height: 1.1875;}@utility ris-heading3-regular{font-size: 26px; font-weight: normal; line-height: 1.23;}@utility ris-heading3-bold{font-size: 26px; font-weight: bold; line-height: 1.23;}@utility ris-subhead-regular{font-size: 20px; font-weight: normal; line-height: 1.5;}@utility ris-body1-regular{font-size: 18px; font-weight: normal; line-height: 1.5;}@utility ris-body1-bold{font-size: 18px; font-weight: bold; line-height: 1.5;}@utility ris-body2-regular{font-size: 16px; font-weight: normal; line-height: 1.5;}@utility ris-body2-bold{font-size: 16px; font-weight: bold; line-height: 1.5;}@utility ris-body3-regular{font-size: 14px; font-weight: normal; line-height: 1.5;}@utility ris-body3-bold{font-size: 14px; font-weight: bold; line-height: 1.5;}@utility ris-label1-regular{font-size: 18px; font-weight: normal; line-height: 1.25;}@utility ris-label1-bold{font-size: 18px; font-weight: bold; line-height: 1.25;}@utility ris-label2-regular{font-size: 16px; font-weight: normal; line-height: 1.25;}@utility ris-label2-bold{font-size: 16px; font-weight: bold; line-height: 1.25;}@utility ris-label3-regular{font-size: 14px; font-weight: normal; line-height: 1.25;}@utility ris-label3-bold{font-size: 14px; font-weight: bold; line-height: 1.25;}@utility ris-link1-regular{color: var(--color-blue-800); font-size: 18px; font-weight: normal; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px;}@utility ris-link1-bold{color: var(--color-blue-800); font-size: 18px; font-weight: bold; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px;}@utility ris-link2-regular{color: var(--color-blue-800); font-size: 16px; font-weight: normal; line-height: 1.5; text-decoration: underline; text-underline-offset: 2px;}@utility ris-link2-bold{color: var(--color-blue-800); font-size: 16px; font-weight: bold; line-height: 1.5; text-decoration: underline; text-underline-offset: 2px;}@utility ris-link3-regular{color: var(--color-blue-800); font-size: 14px; font-weight: normal; line-height: 1.5; text-decoration: underline; text-underline-offset: 2px;}@utility ris-link3-bold{color: var(--color-blue-800); font-size: 14px; font-weight: bold; line-height: 1.5; text-decoration: underline; text-underline-offset: 2px;}.ris-link1-regular:hover,.ris-link1-bold:hover{text-decoration-thickness:3px}.ris-link2-regular:hover,.ris-link2-bold:hover,.ris-link3-regular:hover,.ris-link3-bold:hover{text-decoration-thickness:2px}.ris-link1-regular:focus-visible,.ris-link1-bold:focus-visible,.ris-link2-regular:focus-visible,.ris-link2-bold:focus-visible,.ris-link3-regular:focus-visible,.ris-link3-bold:focus-visible{outline:var(--color-blue-800) solid 2px;outline-offset:4px}._truncate_186wk_2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--5eaeb20d)}
+/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */div[data-pc-section=nodecontent]:has(+ul[data-pc-section=nodechildren] li div[data-pc-section=nodecontent][data-p-selected=true]){border-left-color:var(--color-gray-600,oklch(.446 .03 256.802));background-color:var(--color-gray-100,oklch(.967 .003 264.542))}div[data-pc-section=nodecontent]:has(+ul[data-pc-section=nodechildren] li div[data-pc-section=nodecontent][data-p-selected=true]):hover{background-color:var(--color-blue-200,oklch(.882 .059 254.128))}@theme static{--color-*: initial; --spacing-*: initial; --font-*: initial; --color-black: #0b0c0c; --color-white: #fff; --color-inherit: inherit; --color-current: currentColor; --color-transparent: transparent; --color-blue-100: #f2f6f8; --color-blue-200: #ecf1f4; --color-blue-300: #dce8ef; --color-blue-400: #ccdbe4; --color-blue-500: #b3c9d6; --color-blue-600: #6693ad; --color-blue-700: #336f91; --color-blue-800: #004b76; --color-blue-900: #003350; --color-gray-100: #f6f7f8; --color-gray-200: #eff2f4; --color-gray-300: #edeef0; --color-gray-400: #dcdee1; --color-gray-500: #cacdd2; --color-gray-600: #b8bdc3; --color-gray-700: #a6acb5; --color-gray-800: #717a88; --color-gray-900: #4e596a; --color-green-100: #e8f7f0; --color-green-200: #ccebdd; --color-green-300: #b0d8c6; --color-green-400: #97ccb4; --color-green-500: #65b491; --color-green-600: #349d6e; --color-green-700: #01854a; --color-green-800: #006538; --color-green-900: #003e22; --color-orange-100: #fef7e8; --color-orange-200: #fae5bb; --color-orange-300: #f9d791; --color-orange-400: #f8c967; --color-orange-500: #f7bb3d; --color-orange-600: #e9aa26; --color-orange-700: #d79815; --color-orange-800: #c18509; --color-orange-900: #ad7500; --color-red-100: #fcf2f5; --color-red-200: #f9e5ec; --color-red-300: #f2ccd8; --color-red-400: #ecb3c5; --color-red-500: #e699b1; --color-red-600: #d9668b; --color-red-700: #c61a50; --color-red-800: #b0243f; --color-red-900: #8e001b; --color-yellow-100: #fefcef; --color-yellow-200: #fff9d2; --color-yellow-300: #f9ec9e; --color-yellow-400: #f7e67d; --color-yellow-500: #f5e05d; --color-yellow-600: #f2dc5d; --color-yellow-700: #e5ce5c; --color-yellow-800: #dac23c; --color-yellow-900: #c3a91e; --spacing-0: 0rem; --spacing-1: .0625rem; --spacing-2: .125rem; --spacing-4: .25rem; --spacing-6: .375rem; --spacing-8: .5rem; --spacing-10: .625rem; --spacing-12: .75rem; --spacing-14: .875rem; --spacing-16: 1rem; --spacing-20: 1.25rem; --spacing-24: 1.5rem; --spacing-28: 1.75rem; --spacing-32: 2rem; --spacing-36: 2.25rem; --spacing-40: 2.5rem; --spacing-44: 2.75rem; --spacing-48: 3rem; --spacing-56: 3.5rem; --spacing-64: 4rem; --spacing-80: 5rem; --spacing-96: 6rem; --spacing-112: 7rem; --spacing-128: 8rem; --spacing-144: 9rem; --spacing-160: 10rem; --spacing-176: 11rem; --spacing-192: 12rem; --spacing-208: 13rem; --spacing-224: 14rem; --spacing-240: 15rem; --spacing-288: 18rem; --spacing-320: 20rem; --spacing-384: 24rem; --font-sans: BundesSansWeb,Calibri,Verdana,Arial,Helvetica,sans-serif; --font-serif: BundesSerifWeb,Georgia,"Times New Roman",serif; --font-condensed: BundesSansCondWeb,Arial Narrow,Arial,sans-serif;}@layer base{: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")}body{color:var(--color-black);font-family:var(--font-sans)}::placeholder{font-family:var(--font-sans);font-style:normal}}@utility ris-title-regular{font-size: 64px; font-weight: normal; line-height: 1.1875;}@utility ris-heading1-regular{font-size: 48px; font-weight: normal; line-height: 1.2;}@utility ris-heading1-bold{font-size: 48px; font-weight: bold; line-height: 1.2;}@utility ris-heading2-regular{font-size: 32px; font-weight: normal; line-height: 1.1875;}@utility ris-heading2-bold{font-size: 32px; font-weight: bold; line-height: 1.1875;}@utility ris-heading3-regular{font-size: 26px; font-weight: normal; line-height: 1.23;}@utility ris-heading3-bold{font-size: 26px; font-weight: bold; line-height: 1.23;}@utility ris-subhead-regular{font-size: 20px; font-weight: normal; line-height: 1.5;}@utility ris-body1-regular{font-size: 18px; font-weight: normal; line-height: 1.5;}@utility ris-body1-bold{font-size: 18px; font-weight: bold; line-height: 1.5;}@utility ris-body2-regular{font-size: 16px; font-weight: normal; line-height: 1.5;}@utility ris-body2-bold{font-size: 16px; font-weight: bold; line-height: 1.5;}@utility ris-body3-regular{font-size: 14px; font-weight: normal; line-height: 1.5;}@utility ris-body3-bold{font-size: 14px; font-weight: bold; line-height: 1.5;}@utility ris-label1-regular{font-size: 18px; font-weight: normal; line-height: 1.25;}@utility ris-label1-bold{font-size: 18px; font-weight: bold; line-height: 1.25;}@utility ris-label2-regular{font-size: 16px; font-weight: normal; line-height: 1.25;}@utility ris-label2-bold{font-size: 16px; font-weight: bold; line-height: 1.25;}@utility ris-label3-regular{font-size: 14px; font-weight: normal; line-height: 1.25;}@utility ris-label3-bold{font-size: 14px; font-weight: bold; line-height: 1.25;}@utility ris-link1-regular{color: var(--color-blue-800); font-size: 18px; font-weight: normal; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px;}@utility ris-link1-bold{color: var(--color-blue-800); font-size: 18px; font-weight: bold; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px;}@utility ris-link2-regular{color: var(--color-blue-800); font-size: 16px; font-weight: normal; line-height: 1.5; text-decoration: underline; text-underline-offset: 2px;}@utility ris-link2-bold{color: var(--color-blue-800); font-size: 16px; font-weight: bold; line-height: 1.5; text-decoration: underline; text-underline-offset: 2px;}@utility ris-link3-regular{color: var(--color-blue-800); font-size: 14px; font-weight: normal; line-height: 1.5; text-decoration: underline; text-underline-offset: 2px;}@utility ris-link3-bold{color: var(--color-blue-800); font-size: 14px; font-weight: bold; line-height: 1.5; text-decoration: underline; text-underline-offset: 2px;}.ris-link1-regular:hover,.ris-link1-bold:hover{text-decoration-thickness:3px}.ris-link2-regular:hover,.ris-link2-bold:hover,.ris-link3-regular:hover,.ris-link3-bold:hover{text-decoration-thickness:2px}.ris-link1-regular:focus-visible,.ris-link1-bold:focus-visible,.ris-link2-regular:focus-visible,.ris-link2-bold:focus-visible,.ris-link3-regular:focus-visible,.ris-link3-bold:focus-visible{outline:var(--color-blue-800) solid 2px;outline-offset:4px}._truncate_186wk_2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--62963e56)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitalservicebund/ris-ui",
-  "version": "3.2.1",
+  "version": "3.3.0",
   "description": "Component library for NeuRIS",
   "author": "digitalservicebund",
   "license": "GPL-3.0-only",
@@ -55,28 +55,28 @@
   },
   "devDependencies": {
     "@commitlint/config-conventional": "~19.8.0",
-    "@digitalservice4germany/angie": "~1.2.0",
+    "@digitalservice4germany/angie": "~2.0.1",
     "@eslint/compat": "~1.2.7",
-    "@eslint/js": "~9.21.0",
+    "@eslint/js": "~9.23.0",
     "@iconify-json/ic": "~1.2.2",
-    "@iconify-json/material-symbols": "~1.2.14",
+    "@iconify-json/material-symbols": "~1.2.17",
     "@iconify-json/mdi": "~1.2.3",
     "@iconify/vue": "~4.3.0",
-    "@storybook/addon-essentials": "~8.6.3",
-    "@storybook/blocks": "~8.6.3",
-    "@storybook/manager-api": "~8.6.3",
-    "@storybook/theming": "~8.6.3",
-    "@storybook/vue3": "~8.6.3",
-    "@storybook/vue3-vite": "~8.6.3",
-    "@tailwindcss/postcss": "~4.0.7",
+    "@storybook/addon-essentials": "~8.6.10",
+    "@storybook/blocks": "~8.6.10",
+    "@storybook/manager-api": "~8.6.10",
+    "@storybook/theming": "~8.6.10",
+    "@storybook/vue3": "~8.6.10",
+    "@storybook/vue3-vite": "~8.6.10",
+    "@tailwindcss/postcss": "~4.0.17",
     "@testing-library/jest-dom": "~6.6.3",
     "@testing-library/user-event": "~14.6.1",
     "@testing-library/vue": "~8.1.0",
     "@types/lodash": "~4.17.16",
-    "@vitejs/plugin-vue": "~5.2.1",
+    "@vitejs/plugin-vue": "~5.2.3",
     "@vue/test-utils": "~2.4.6",
     "eslint": "~9.23.0",
-    "eslint-config-prettier": "~10.0.2",
+    "eslint-config-prettier": "~10.1.1",
     "eslint-plugin-vue": "~10.0.0",
     "globals": "~16.0.0",
     "jsdom": "~26.0.0",
@@ -86,13 +86,13 @@
     "msw-storybook-addon": "~2.0.4",
     "prettier": "~3.5.3",
     "prettier-plugin-tailwindcss": "~0.6.11",
-    "storybook": "~8.6.3",
+    "storybook": "~8.6.10",
     "storybook-vue3-router": "~5.0.0",
     "typescript": "~5.8.2",
-    "typescript-eslint": "~8.26.1",
+    "typescript-eslint": "~8.28.0",
     "unplugin-icons": "~22.1.0",
-    "vite": "~6.2.0",
-    "vitest": "~3.0.7",
+    "vite": "~6.2.3",
+    "vitest": "~3.0.9",
     "vue-tsc": "~2.2.8"
   },
   "msw": {