udp-stencil-component-library 25.18.1-beta.5 → 25.18.1-beta.7

package/dist/stencil-library/udp-stepper.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./index-DsqSxziV.js";const i=':host{display:block;width:100%;contain:content}.stepper-container{display:flex;width:100%}.stepper-container.horizontal{flex-direction:column}.stepper-container.vertical{flex-direction:column;width:100%;overflow:visible}.step-headers{position:relative;display:flex;flex-direction:row;width:100%;margin-bottom:1rem;align-items:flex-start}.step-header{position:relative;flex:1;display:flex;align-items:flex-start;justify-content:center;padding:0.5rem;transition:padding 0.3s, background-color 0.3s;cursor:pointer}.step-header:not(.label-bottom):not(.label-right){flex-direction:row;align-items:center}.step-header.label-bottom{flex-direction:column;align-items:center;gap:0.5rem;text-align:center;position:relative;padding-top:8px}.step-header.label-bottom .step-icon{margin-right:0}.step-header.label-right{flex-direction:row;align-items:center;justify-content:flex-start;position:relative;padding-right:16px}.step-header:hover:not(.disabled){background-color:rgba(25, 118, 210, 0.1)}.step-header.disabled{cursor:not-allowed;opacity:0.6}.step-header.active{flex:1}.step-header.active.active-only{flex:2}.step-header.icons-only{justify-content:center;flex-direction:column;gap:0.5rem}.step-content-container{width:100%;position:relative;min-height:150px;display:flex;flex-direction:column}.step-content-wrapper{display:flex;flex-direction:column;gap:1rem;width:100%;visibility:visible;opacity:1;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out}.step-content-wrapper[style*="display: none"]{visibility:hidden;opacity:0;position:absolute;pointer-events:none}.step-content-wrapper[style*="display: none"]{overflow:hidden}.step-buttons{display:flex;gap:0.5rem;justify-content:flex-end;padding:1rem;width:100%;box-sizing:border-box;will-change:transform}.step{display:flex;position:relative;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.step.horizontal{flex:1;min-width:0;padding:1rem}.step.horizontal.active{flex:2}.step.alternative-label{flex-direction:column;align-items:center}.step.clickable{cursor:pointer}.step-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-right:8px;border:2px solid var(--divider-color, #ccc);flex-shrink:0;position:relative;z-index:1}.step-icon.completed{background-color:var(--success-color, #4caf50);border-color:var(--success-color, #4caf50)}.step-icon.completed unity-typography{color:var(--text-inverse, #ffffff)}.step-icon.active{background-color:transparent;border-color:var(--primary-color, #1976d2)}.step-icon.active unity-typography{color:var(--primary-color, #1976d2)}.step-icon:not(.active):not(.completed) unity-typography{color:var(--text-secondary, rgba(0, 0, 0, 0.6))}.step-content{flex:1}.step-title{font-weight:bold;margin-bottom:4px}.step-subtitle{font-size:0.875rem;color:#666}.step-content-display{padding:1rem;width:100%;box-sizing:border-box;overflow:hidden}.step-labels{display:flex;flex-direction:column}.label-bottom .step-labels{text-align:center}.label-right .step-labels{margin-left:8px}.step-header{position:relative}.step-header:not(:last-child)::after{content:\'\';position:absolute;background-color:var(--divider-color, #e0e0e0);height:1px}.step-icon{position:relative;z-index:1}.step.vertical{display:flex;flex-direction:column;width:100%;border:1px solid var(--divider-color, #e0e0e0);border-radius:4px;background-color:#fff;margin-bottom:1rem;overflow:visible;box-sizing:border-box}.step-content-vertical{width:100%;box-sizing:border-box;overflow:visible}.step-header-container{display:flex}.step.vertical .step-header{width:100%;padding:1rem}.step.vertical .step-header.label-right{flex-direction:row;align-items:center;justify-content:flex-start}.step.vertical .step-labels{margin-left:8px}.step.vertical .step-content-wrapper{margin:0;padding:0;border:none}';const r=class{constructor(t){e(this,t);this.activeStep=0;this.orientation="horizontal";this.alternativeLabel=false;this.nonLinear=false;this.completed={};this.disableStrictStepCompletion=false;this.labelDisplay="all";this.labelPosition="default"}validateActiveStep(e){if(e<0||e>=this.steps.length){console.warn("Invalid active step value");return}}handleStepClick(e){if(this.canNavigateToStep(e)&&this.stepChange){this.stepChange(e)}}canNavigateToStep(e){if(this.disableStrictStepCompletion||this.nonLinear){return true}for(let t=0;t<e;t++){if(!this.completed[t]){return false}}return true}renderStepHeader(e,i){const r=this.completed[i];const o=this.activeStep===i;const n=this.canNavigateToStep(i);return t("div",{class:{"step-header":true,"icons-only":this.labelDisplay==="none",active:o&&this.labelDisplay==="active-only",completed:r,"active-only":this.labelDisplay==="active-only"&&o,disabled:!n,"label-bottom":this.labelPosition==="bottom","label-right":this.labelPosition==="right"},onClick:()=>{if(n){this.handleStepClick(i)}}},t("div",{class:{"step-icon":true,active:o,completed:r}},t("unity-typography",{variant:"body1",color:r?"inherit":o?"primary":"textSecondary"},r?e.stepDisplay.completeIcon:e.stepDisplay.inProcessIcon)),this.labelDisplay==="all"&&t("div",{class:"step-labels"},t("unity-typography",{variant:"body1",bold:true},e.stepDisplay.title),e.stepDisplay.subTitle&&t("unity-typography",{variant:"caption-text",color:"textSecondary"},e.stepDisplay.subTitle)),this.labelDisplay==="active-only"&&o&&t("div",{class:"step-labels"},t("unity-typography",{variant:"body1",bold:true},e.stepDisplay.title),e.stepDisplay.subTitle&&t("unity-typography",{variant:"caption-text",color:"textSecondary"},e.stepDisplay.subTitle)))}renderStepContent(e,i){const r=this.activeStep===i;if(!r){return t("div",{style:{display:"none"},class:"step-content-wrapper"})}return t("div",{class:"step-content-wrapper"},t("div",{class:"step-content-display"},(e===null||e===void 0?void 0:e.content)?e===null||e===void 0?void 0:e.content:t("slot",null)),e.buttons&&t("div",{class:"step-buttons"},e.buttons.map((e=>t("custom-button",{variant:e.variant||"default",disabled:e.disabled,onClick:t=>{t.stopPropagation();if(e.customAction){e.customAction()}else{this.handleStepClick(e.action-1)}}},e.title)))))}renderHorizontalStepper(){return t("div",{class:"stepper-container horizontal"},t("div",{class:"step-headers"},this.steps.map(((e,t)=>this.renderStepHeader(e,t)))),t("div",{class:"step-content-container"},this.steps.map(((e,t)=>this.renderStepContent(e,t)))))}renderVerticalStepper(){return t("div",{class:"stepper-container vertical"},this.steps.map(((e,i)=>t("div",{class:"step vertical"},t("div",{class:"step-header-container"},this.renderStepHeader(e,i)),t("div",{class:"step-content-vertical"},this.activeStep===i&&this.renderStepContent(e,i))))))}render(){return this.orientation==="horizontal"?this.renderHorizontalStepper():this.renderVerticalStepper()}static get watchers(){return{activeStep:["validateActiveStep"]}}};r.style=i;export{r as udp_stepper};
+import{r as e,h as t}from"./index-n-1ZSeAs.js";const i=':host{display:block;width:100%;contain:content}.stepper-container{display:flex;width:100%}.stepper-container.horizontal{flex-direction:column}.stepper-container.vertical{flex-direction:column;width:100%;overflow:visible}.step-headers{position:relative;display:flex;flex-direction:row;width:100%;margin-bottom:1rem;align-items:flex-start}.step-header{position:relative;flex:1;display:flex;align-items:flex-start;justify-content:center;padding:0.5rem;transition:padding 0.3s, background-color 0.3s;cursor:pointer}.step-header:not(.label-bottom):not(.label-right){flex-direction:row;align-items:center}.step-header.label-bottom{flex-direction:column;align-items:center;gap:0.5rem;text-align:center;position:relative;padding-top:8px}.step-header.label-bottom .step-icon{margin-right:0}.step-header.label-right{flex-direction:row;align-items:center;justify-content:flex-start;position:relative;padding-right:16px}.step-header:hover:not(.disabled){background-color:rgba(25, 118, 210, 0.1)}.step-header.disabled{cursor:not-allowed;opacity:0.6}.step-header.active{flex:1}.step-header.active.active-only{flex:2}.step-header.icons-only{justify-content:center;flex-direction:column;gap:0.5rem}.step-content-container{width:100%;position:relative;min-height:150px;display:flex;flex-direction:column}.step-content-wrapper{display:flex;flex-direction:column;gap:1rem;width:100%;visibility:visible;opacity:1;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out}.step-content-wrapper[style*="display: none"]{visibility:hidden;opacity:0;position:absolute;pointer-events:none}.step-content-wrapper[style*="display: none"]{overflow:hidden}.step-buttons{display:flex;gap:0.5rem;justify-content:flex-end;padding:1rem;width:100%;box-sizing:border-box;will-change:transform}.step{display:flex;position:relative;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.step.horizontal{flex:1;min-width:0;padding:1rem}.step.horizontal.active{flex:2}.step.alternative-label{flex-direction:column;align-items:center}.step.clickable{cursor:pointer}.step-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-right:8px;border:2px solid var(--divider-color, #ccc);flex-shrink:0;position:relative;z-index:1}.step-icon.completed{background-color:var(--success-color, #4caf50);border-color:var(--success-color, #4caf50)}.step-icon.completed unity-typography{color:var(--text-inverse, #ffffff)}.step-icon.active{background-color:transparent;border-color:var(--primary-color, #1976d2)}.step-icon.active unity-typography{color:var(--primary-color, #1976d2)}.step-icon:not(.active):not(.completed) unity-typography{color:var(--text-secondary, rgba(0, 0, 0, 0.6))}.step-content{flex:1}.step-title{font-weight:bold;margin-bottom:4px}.step-subtitle{font-size:0.875rem;color:#666}.step-content-display{padding:1rem;width:100%;box-sizing:border-box;overflow:hidden}.step-labels{display:flex;flex-direction:column}.label-bottom .step-labels{text-align:center}.label-right .step-labels{margin-left:8px}.step-header{position:relative}.step-header:not(:last-child)::after{content:\'\';position:absolute;background-color:var(--divider-color, #e0e0e0);height:1px}.step-icon{position:relative;z-index:1}.step.vertical{display:flex;flex-direction:column;width:100%;border:1px solid var(--divider-color, #e0e0e0);border-radius:4px;background-color:#fff;margin-bottom:1rem;overflow:visible;box-sizing:border-box}.step-content-vertical{width:100%;box-sizing:border-box;overflow:visible}.step-header-container{display:flex}.step.vertical .step-header{width:100%;padding:1rem}.step.vertical .step-header.label-right{flex-direction:row;align-items:center;justify-content:flex-start}.step.vertical .step-labels{margin-left:8px}.step.vertical .step-content-wrapper{margin:0;padding:0;border:none}';const r=class{constructor(t){e(this,t);this.activeStep=0;this.orientation="horizontal";this.alternativeLabel=false;this.nonLinear=false;this.completed={};this.disableStrictStepCompletion=false;this.labelDisplay="all";this.labelPosition="default"}validateActiveStep(e){if(e<0||e>=this.steps.length){console.warn("Invalid active step value");return}}handleStepClick(e){if(this.canNavigateToStep(e)&&this.stepChange){this.stepChange(e)}}canNavigateToStep(e){if(this.disableStrictStepCompletion||this.nonLinear){return true}for(let t=0;t<e;t++){if(!this.completed[t]){return false}}return true}renderStepHeader(e,i){const r=this.completed[i];const o=this.activeStep===i;const n=this.canNavigateToStep(i);return t("div",{class:{"step-header":true,"icons-only":this.labelDisplay==="none",active:o&&this.labelDisplay==="active-only",completed:r,"active-only":this.labelDisplay==="active-only"&&o,disabled:!n,"label-bottom":this.labelPosition==="bottom","label-right":this.labelPosition==="right"},onClick:()=>{if(n){this.handleStepClick(i)}}},t("div",{class:{"step-icon":true,active:o,completed:r}},t("unity-typography",{variant:"body1",color:r?"inherit":o?"primary":"textSecondary"},r?e.stepDisplay.completeIcon:e.stepDisplay.inProcessIcon)),this.labelDisplay==="all"&&t("div",{class:"step-labels"},t("unity-typography",{variant:"body1",bold:true},e.stepDisplay.title),e.stepDisplay.subTitle&&t("unity-typography",{variant:"caption-text",color:"textSecondary"},e.stepDisplay.subTitle)),this.labelDisplay==="active-only"&&o&&t("div",{class:"step-labels"},t("unity-typography",{variant:"body1",bold:true},e.stepDisplay.title),e.stepDisplay.subTitle&&t("unity-typography",{variant:"caption-text",color:"textSecondary"},e.stepDisplay.subTitle)))}renderStepContent(e,i){const r=this.activeStep===i;if(!r){return t("div",{style:{display:"none"},class:"step-content-wrapper"})}return t("div",{class:"step-content-wrapper"},t("div",{class:"step-content-display"},(e===null||e===void 0?void 0:e.content)?e===null||e===void 0?void 0:e.content:t("slot",null)),e.buttons&&t("div",{class:"step-buttons"},e.buttons.map((e=>t("custom-button",{variant:e.variant||"default",disabled:e.disabled,onClick:t=>{t.stopPropagation();if(e.customAction){e.customAction()}else{this.handleStepClick(e.action-1)}}},e.title)))))}renderHorizontalStepper(){return t("div",{class:"stepper-container horizontal"},t("div",{class:"step-headers"},this.steps.map(((e,t)=>this.renderStepHeader(e,t)))),t("div",{class:"step-content-container"},this.steps.map(((e,t)=>this.renderStepContent(e,t)))))}renderVerticalStepper(){return t("div",{class:"stepper-container vertical"},this.steps.map(((e,i)=>t("div",{class:"step vertical"},t("div",{class:"step-header-container"},this.renderStepHeader(e,i)),t("div",{class:"step-content-vertical"},this.activeStep===i&&this.renderStepContent(e,i))))))}render(){return this.orientation==="horizontal"?this.renderHorizontalStepper():this.renderVerticalStepper()}static get watchers(){return{activeStep:["validateActiveStep"]}}};r.style=i;export{r as udp_stepper};
 //# sourceMappingURL=udp-stepper.entry.js.map

package/dist/stencil-library/udp-tab-panel.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-tab-panel.entry.esm.js","sources":["src/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.css?tag=udp-tab-panel&encapsulation=shadow","src/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.tab-panel {\n  display: none;\n}\n\n.tab-panel.active {\n  display: block;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-tab-panel',\n  styleUrl: 'udp-tab-panel.css',\n  shadow: true,\n})\nexport class UdpTabPanel {\n  /**\n   * The active tab index, provided by the parent.\n   */\n  @Prop() value: number;\n\n  /**\n   * The index this panel corresponds to.\n   */\n  @Prop() index: number;\n\n  render() {\n    const isActive = this.value === this.index;\n\n    return (\n      <div\n        class={{\n          'tab-panel': true,\n          'active': isActive,\n        }}\n        role=\"tabpanel\"\n        // Use aria-hidden for accessibility and :host styling\n        aria-hidden={!isActive ? 'true' : 'false'}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,cAAc,GAAG,8EAA8E;;MCOxF,WAAW,GAAA,MAAA;;;;IAWtB,MAAM,GAAA;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;QAE1C,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,QAAQ,EAAE,QAAQ;AACnB,aAAA,EACD,IAAI,EAAC,UAAU,EAAA,aAAA,EAEF,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA,EAEzC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

package/dist/stencil-library/udp-tab-panel.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e}from"./index-n-1ZSeAs.js";const t=":host{display:block}.tab-panel{display:none}.tab-panel.active{display:block}";const s=class{constructor(e){a(this,e)}render(){const a=this.value===this.index;return e("div",{key:"735bca81299145233b3e2e017eef05a840b0fb69",class:{"tab-panel":true,active:a},role:"tabpanel","aria-hidden":!a?"true":"false"},e("slot",{key:"68ad651e93008ca12c4d976ca71747a4f4cf4b39"}))}};s.style=t;export{s as udp_tab_panel};
+//# sourceMappingURL=udp-tab-panel.entry.js.map

package/dist/stencil-library/udp-tab-panel.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","udpTabPanelCss","UdpTabPanel","constructor","hostRef","this","render","isActive","value","index","key","class","active","role","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,MAAS,sBAEzC,MAAMC,EAAiB,+EAEvB,MAAMC,EAAc,MAChB,WAAAC,CAAYC,GACRL,EAAiBM,KAAMD,EAC3B,CACA,MAAAE,GACI,MAAMC,EAAWF,KAAKG,QAAUH,KAAKI,MACrC,OAAQT,EAAE,MAAO,CAAEU,IAAK,2CAA4CC,MAAO,CACnE,YAAa,KACbC,OAAUL,GACXM,KAAM,WAAY,eAAgBN,EAAW,OAAS,SAAWP,EAAE,OAAQ,CAAEU,IAAK,6CAC7F,GAEJR,EAAYY,MAAQb,SAEXC","ignoreList":[]}

package/dist/stencil-library/udp-user-creator.entry.js

@@ -1,2 +1,2 @@
-import{r as l}from"./index-DsqSxziV.js";const o="active-tenant";const i=()=>window.sessionStorage.getItem(o);const d=class{constructor(o){l(this,o)}async createUser(l){var o,d,n,v,u,e,s,t,a,r,c,f,m,p,I,T,x,y,N,b,h;const j=i()||((o=l===null||l===void 0?void 0:l.defaultTenantId)!==null&&o!==void 0?o:(l===null||l===void 0?void 0:l.tenantIds)?l===null||l===void 0?void 0:l.tenantIds[0]:"");let w=[];let _=[];let k=[];const q=(d=l===null||l===void 0?void 0:l.userTenantPropertiesView)===null||d===void 0?void 0:d.find((l=>(l===null||l===void 0?void 0:l.tenantId)===j));w=q?q.permissions:[];_=q?q.securityRoles:[];k=q?q.products:[];return{name:(n=l===null||l===void 0?void 0:l.displayName)!==null&&n!==void 0?n:"",firstName:(v=l===null||l===void 0?void 0:l.givenName)!==null&&v!==void 0?v:"",familyName:(u=l===null||l===void 0?void 0:l.surname)!==null&&u!==void 0?u:"",jobTitle:(e=l===null||l===void 0?void 0:l.jobTitle)!==null&&e!==void 0?e:"",email:(s=l===null||l===void 0?void 0:l.email)!==null&&s!==void 0?s:"",mobile:(t=l===null||l===void 0?void 0:l.mobilePhone)!==null&&t!==void 0?t:"",phone:(a=l===null||l===void 0?void 0:l.officePhone)!==null&&a!==void 0?a:"",id:(r=l===null||l===void 0?void 0:l.userId)!==null&&r!==void 0?r:"",location:(c=l===null||l===void 0?void 0:l.location)!==null&&c!==void 0?c:"",aadId:(f=l===null||l===void 0?void 0:l.id)!==null&&f!==void 0?f:"",accessToken:(m=l===null||l===void 0?void 0:l.accessToken)!==null&&m!==void 0?m:"",tenantIds:(p=l===null||l===void 0?void 0:l.tenantIds)!==null&&p!==void 0?p:[],defaultTenantId:(I=l===null||l===void 0?void 0:l.defaultTenantId)!==null&&I!==void 0?I:"",currentTenantId:process.env.REACT_APP_UNITY_TENANT_ID?process.env.REACT_APP_UNITY_TENANT_ID:j,roleIds:(T=_.map((l=>l.roleId)))!==null&&T!==void 0?T:[],products:k,permissions:w,can:(x=w.reduce(((l,o)=>{if(o.value==="false"){l[o.name]=false}else if(o.value==="true"){l[o.name]=true}else{l[o.name]=o.value}return l}),{}))!==null&&x!==void 0?x:{},statusCode:(y=l===null||l===void 0?void 0:l.statusCode)!==null&&y!==void 0?y:undefined,unityId:(N=l===null||l===void 0?void 0:l.unityId)!==null&&N!==void 0?N:undefined,additionalProperties:(b=l===null||l===void 0?void 0:l.additionalProperties)!==null&&b!==void 0?b:undefined,roleNames:(h=_.map((l=>l.name)))!==null&&h!==void 0?h:[]}}};export{d as udp_user_creator};
+import{r as l}from"./index-n-1ZSeAs.js";const o="active-tenant";const i=()=>window.sessionStorage.getItem(o);const d=class{constructor(o){l(this,o)}async createUser(l){var o,d,n,v,u,e,s,t,a,r,c,f,m,p,I,T,y,N,b,h,j;const w=i()||((o=l===null||l===void 0?void 0:l.defaultTenantId)!==null&&o!==void 0?o:(l===null||l===void 0?void 0:l.tenantIds)?l===null||l===void 0?void 0:l.tenantIds[0]:"");let x=[];let _=[];let k=[];const A=(d=l===null||l===void 0?void 0:l.userTenantPropertiesView)===null||d===void 0?void 0:d.find((l=>(l===null||l===void 0?void 0:l.tenantId)===w));x=A?A.permissions:[];_=A?A.securityRoles:[];k=A?A.products:[];return{name:(n=l===null||l===void 0?void 0:l.displayName)!==null&&n!==void 0?n:"",firstName:(v=l===null||l===void 0?void 0:l.givenName)!==null&&v!==void 0?v:"",familyName:(u=l===null||l===void 0?void 0:l.surname)!==null&&u!==void 0?u:"",jobTitle:(e=l===null||l===void 0?void 0:l.jobTitle)!==null&&e!==void 0?e:"",email:(s=l===null||l===void 0?void 0:l.email)!==null&&s!==void 0?s:"",mobile:(t=l===null||l===void 0?void 0:l.mobilePhone)!==null&&t!==void 0?t:"",phone:(a=l===null||l===void 0?void 0:l.officePhone)!==null&&a!==void 0?a:"",id:(r=l===null||l===void 0?void 0:l.userId)!==null&&r!==void 0?r:"",location:(c=l===null||l===void 0?void 0:l.location)!==null&&c!==void 0?c:"",aadId:(f=l===null||l===void 0?void 0:l.id)!==null&&f!==void 0?f:"",accessToken:(m=l===null||l===void 0?void 0:l.accessToken)!==null&&m!==void 0?m:"",tenantIds:(p=l===null||l===void 0?void 0:l.tenantIds)!==null&&p!==void 0?p:[],defaultTenantId:(I=l===null||l===void 0?void 0:l.defaultTenantId)!==null&&I!==void 0?I:"",currentTenantId:process.env.REACT_APP_UNITY_TENANT_ID?process.env.REACT_APP_UNITY_TENANT_ID:w,roleIds:(T=_.map((l=>l.roleId)))!==null&&T!==void 0?T:[],products:k,permissions:x,can:(y=x.reduce(((l,o)=>{if(o.value==="false"){l[o.name]=false}else if(o.value==="true"){l[o.name]=true}else{l[o.name]=o.value}return l}),{}))!==null&&y!==void 0?y:{},statusCode:(N=l===null||l===void 0?void 0:l.statusCode)!==null&&N!==void 0?N:undefined,unityId:(b=l===null||l===void 0?void 0:l.unityId)!==null&&b!==void 0?b:undefined,additionalProperties:(h=l===null||l===void 0?void 0:l.additionalProperties)!==null&&h!==void 0?h:undefined,roleNames:(j=_.map((l=>l.name)))!==null&&j!==void 0?j:[]}}};export{d as udp_user_creator};
 //# sourceMappingURL=udp-user-creator.entry.js.map

package/dist/stencil-library/udp-vertical-spacer.entry.js

@@ -1,2 +1,2 @@
-import{r as s,h as a}from"./index-DsqSxziV.js";const c=":host{display:block;width:100%}.spacing-01{height:var(--spacing-01)}.spacing-07{height:var(--spacing-07)}.spacing-13{height:var(--spacing-13)}";const i=class{constructor(a){s(this,a)}render(){const s={small:"spacing-01",medium:"spacing-07",large:"spacing-13"};const c=s[this.unit]||"spacing-01";return a("div",{key:"6f95b2f7bac8b4c689e35d4923ff72ae310e5fdb",class:c})}};i.style=c;export{i as udp_vertical_spacer};
+import{r as s,h as a}from"./index-n-1ZSeAs.js";const c=":host{display:block;width:100%}.spacing-01{height:var(--spacing-01)}.spacing-07{height:var(--spacing-07)}.spacing-13{height:var(--spacing-13)}";const i=class{constructor(a){s(this,a)}render(){const s={small:"spacing-01",medium:"spacing-07",large:"spacing-13"};const c=s[this.unit]||"spacing-01";return a("div",{key:"6f95b2f7bac8b4c689e35d4923ff72ae310e5fdb",class:c})}};i.style=c;export{i as udp_vertical_spacer};
 //# sourceMappingURL=udp-vertical-spacer.entry.js.map

package/dist/stencil-library/udp-xy-chart.entry.js

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as i}from"./index-DsqSxziV.js";import*as e from"@amcharts/amcharts4/charts";import*as h from"@amcharts/amcharts4/core";import{s as a,b as r,c as d,d as n,e as c,f as l,h as o}from"./chartUtils-DqjnIahA.js";const f=":host{display:block}";const u=class{constructor(s){t(this,s);this.data=undefined;this.valueField="";this.labelField="";this.title=undefined;this.subheader=undefined;this.hideLegend=false;this.customCardStyle={};this.kpisPosition="left";this.kpis=undefined;this.xAxisLabel=undefined;this.yAxisLabel=undefined;this.hideAdornment=false;this.ignoreZeroValues=false;this.hideBorder=false;this.getColor=undefined;this.showBullets=false;this.barWidth=undefined;this.xDataType=undefined;this.yDataType=undefined;this.distBetweenGridLines=0;this.chartType=undefined;this.removePadding=false;this.chartId="udp-xy-chart"}async renderChart(){const t=async()=>{var s,i,f;const u=(i=(s=this.el)===null||s===void 0?void 0:s.shadowRoot)===null||i===void 0?void 0:i.getElementById(this.chartId);if(!u){await new Promise((t=>setTimeout(t,50)));return t()}if(!this.valueField||!this.labelField||!this.xDataType||!this.yDataType)return;if(this.chart){this.chart.dispose()}this.chart=h.create(u,e.XYChart);a(this.chart,u,this.enableExport);r(this.chart);let m;let b;switch(this.xDataType){case undefined:case null:case"string":m=c(this.chart,"X",this.labelField,[this.xAxisLabel],"X",this.distBetweenGridLines);break;case"date":m=n(this.chart,"X",[this.xAxisLabel],"X",this.distBetweenGridLines);break;default:m=d(this.chart,"X",[this.xAxisLabel],"X");break}switch(this.yDataType){case undefined:case null:case"number":b=d(this.chart,"Y",[this.yAxisLabel],"Y");break;case"date":b=n(this.chart,"Y",[this.yAxisLabel],"Y",this.distBetweenGridLines);break;default:b=c(this.chart,"Y",this.valueField,[this.yAxisLabel],"Y",this.distBetweenGridLines);break}l(this.chart,"Series 1",this.chartType,m,this.labelField,b,this.valueField);if(!this.hideLegend){o(this.chart)}this.chart.data=(f=this.data)!==null&&f!==void 0?f:[]};await t()}disconnectedCallback(){if(this.chart){this.chart.dispose()}}componentDidLoad(){this.renderChart()}render(){return s("chart-container",{key:"d9fde65c90053420c8cd49cdf1563cad73eaef77",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartHeight:this.customHeight,chartWidth:this.customWidth,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return i(this)}static get watchers(){return{valueField:["renderChart"],labelField:["renderChart"],data:["renderChart"],xAxisLabel:["renderChart"],yAxisLabel:["renderChart"],showBullets:["renderChart"],xDataType:["renderChart"],yDataType:["renderChart"],hideLegend:["renderChart"],distBetweenGridLines:["renderChart"],chartType:["renderChart"],chartId:["renderChart"]}}};u.style=f;export{u as udp_xy_chart};
+import{r as t,h as s,a as i}from"./index-n-1ZSeAs.js";import*as e from"@amcharts/amcharts4/charts";import*as h from"@amcharts/amcharts4/core";import{s as a,b as r,c as d,d as n,e as c,f as l,h as o}from"./chartUtils-DqjnIahA.js";const f=":host{display:block}";const u=class{constructor(s){t(this,s);this.data=undefined;this.valueField="";this.labelField="";this.title=undefined;this.subheader=undefined;this.hideLegend=false;this.customCardStyle={};this.kpisPosition="left";this.kpis=undefined;this.xAxisLabel=undefined;this.yAxisLabel=undefined;this.hideAdornment=false;this.ignoreZeroValues=false;this.hideBorder=false;this.getColor=undefined;this.showBullets=false;this.barWidth=undefined;this.xDataType=undefined;this.yDataType=undefined;this.distBetweenGridLines=0;this.chartType=undefined;this.removePadding=false;this.chartId="udp-xy-chart"}async renderChart(){const t=async()=>{var s,i,f;const u=(i=(s=this.el)===null||s===void 0?void 0:s.shadowRoot)===null||i===void 0?void 0:i.getElementById(this.chartId);if(!u){await new Promise((t=>setTimeout(t,50)));return t()}if(!this.valueField||!this.labelField||!this.xDataType||!this.yDataType)return;if(this.chart){this.chart.dispose()}this.chart=h.create(u,e.XYChart);a(this.chart,u,this.enableExport);r(this.chart);let m;let b;switch(this.xDataType){case undefined:case null:case"string":m=c(this.chart,"X",this.labelField,[this.xAxisLabel],"X",this.distBetweenGridLines);break;case"date":m=n(this.chart,"X",[this.xAxisLabel],"X",this.distBetweenGridLines);break;default:m=d(this.chart,"X",[this.xAxisLabel],"X");break}switch(this.yDataType){case undefined:case null:case"number":b=d(this.chart,"Y",[this.yAxisLabel],"Y");break;case"date":b=n(this.chart,"Y",[this.yAxisLabel],"Y",this.distBetweenGridLines);break;default:b=c(this.chart,"Y",this.valueField,[this.yAxisLabel],"Y",this.distBetweenGridLines);break}l(this.chart,"Series 1",this.chartType,m,this.labelField,b,this.valueField);if(!this.hideLegend){o(this.chart)}this.chart.data=(f=this.data)!==null&&f!==void 0?f:[]};await t()}disconnectedCallback(){if(this.chart){this.chart.dispose()}}componentDidLoad(){this.renderChart()}render(){return s("chart-container",{key:"d9fde65c90053420c8cd49cdf1563cad73eaef77",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartHeight:this.customHeight,chartWidth:this.customWidth,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return i(this)}static get watchers(){return{valueField:["renderChart"],labelField:["renderChart"],data:["renderChart"],xAxisLabel:["renderChart"],yAxisLabel:["renderChart"],showBullets:["renderChart"],xDataType:["renderChart"],yDataType:["renderChart"],hideLegend:["renderChart"],distBetweenGridLines:["renderChart"],chartType:["renderChart"],chartId:["renderChart"]}}};u.style=f;export{u as udp_xy_chart};
 //# sourceMappingURL=udp-xy-chart.entry.js.map

package/dist/stencil-library/udp-xy-multi-series-chart.entry.js

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as i}from"./index-DsqSxziV.js";import{s as h,b as e,c as r,d as a,e as n,f as d,g as c}from"./chartUtils-DqjnIahA.js";import*as o from"@amcharts/amcharts4/charts";import*as f from"@amcharts/amcharts4/core";import{v4 as l}from"uuid";const u=":host{display:block}";const m=class{constructor(s){t(this,s);this.data=undefined;this.title=undefined;this.subheader=undefined;this.hideLegend=false;this.customCardStyle={};this.kpisPosition="left";this.kpis=undefined;this.hideAdornment=false;this.ignoreZeroValues=false;this.hideBorder=false;this.removePadding=false;this.getColor=undefined;this.showBullets=false;this.barWidth=undefined;this.xDataType=undefined;this.yDataType=undefined;this.distBetweenGridLines=0;this.chartType=undefined;this.xAxes=[];this.yAxes=[];this.series=[];this.chartId=l()}async renderChart(){const t=async()=>{var s,i,l;const u=(i=(s=this.el)===null||s===void 0?void 0:s.shadowRoot)===null||i===void 0?void 0:i.getElementById(this.chartId);if(!u){await new Promise((t=>setTimeout(t,50)));return t()}if(this.xAxes.length===0||this.yAxes.length===0||this.series.length===0)return;if(this.chart){this.chart.dispose()}this.chart=f.create(u,o.XYChart);h(this.chart,u);e(this.chart);for(let t=0;t<this.xAxes.length;t++){switch(this.xAxes[t].dataType){case undefined:case null:case"string":const s=this.series.find((s=>s.xAxisId===this.xAxes[t].id));n(this.chart,this.xAxes[t].id,s?s.xAxisPropertyName:"",this.xAxes[t].titles,this.xAxes[t].position,this.distBetweenGridLines);break;case"date":a(this.chart,this.xAxes[t].id,this.xAxes[t].titles,this.xAxes[t].position,this.distBetweenGridLines);break;default:r(this.chart,this.xAxes[t].id,this.xAxes[t].titles,this.xAxes[t].position);break}}for(let t=0;t<this.yAxes.length;t++){switch(this.yAxes[t].dataType){case undefined:case null:case"number":r(this.chart,this.yAxes[t].id,this.yAxes[t].titles,this.yAxes[t].position);break;case"date":a(this.chart,this.yAxes[t].id,this.yAxes[t].titles,this.yAxes[t].position,this.distBetweenGridLines);break;default:const s=this.series.find((s=>s.yAxisId===this.yAxes[t].id));n(this.chart,this.yAxes[t].id,s?s.yAxisPropertyName:"",this.yAxes[t].titles,this.yAxes[t].position,this.distBetweenGridLines);break}}for(let t=0;t<this.series.length;t++){const s=this.chart.xAxes.values.find((s=>s.id===this.series[t].xAxisId));const i=this.chart.yAxes.values.find((s=>s.id===this.series[t].yAxisId));if(s&&i){const h=d(this.chart,this.series[t].name,this.series[t].type,s,this.series[t].xAxisPropertyName,i,this.series[t].yAxisPropertyName);c(this.chart,h,this.series[t].type)}}this.chart.data=(l=this.data)!==null&&l!==void 0?l:[]};await t()}disconnectedCallback(){if(this.chart){this.chart.dispose()}}componentDidLoad(){this.renderChart()}render(){return s("chart-container",{key:"3d2981719204d4271691e787aa1b6809d3f4e7a0",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartWidth:this.customWidth,chartHeight:this.customHeight,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return i(this)}static get watchers(){return{data:["renderChart"],showBullets:["renderChart"],xAxes:["renderChart"],yAxes:["renderChart"],series:["renderChart"],hideLegend:["renderChart"],distBetweenGridLines:["renderChart"],chartId:["renderChart"]}}};m.style=u;export{m as udp_xy_multi_series_chart};
+import{r as t,h as s,a as i}from"./index-n-1ZSeAs.js";import{s as h,b as e,c as r,d as a,e as n,f as d,g as c}from"./chartUtils-DqjnIahA.js";import*as o from"@amcharts/amcharts4/charts";import*as f from"@amcharts/amcharts4/core";import{v4 as l}from"uuid";const u=":host{display:block}";const m=class{constructor(s){t(this,s);this.data=undefined;this.title=undefined;this.subheader=undefined;this.hideLegend=false;this.customCardStyle={};this.kpisPosition="left";this.kpis=undefined;this.hideAdornment=false;this.ignoreZeroValues=false;this.hideBorder=false;this.removePadding=false;this.getColor=undefined;this.showBullets=false;this.barWidth=undefined;this.xDataType=undefined;this.yDataType=undefined;this.distBetweenGridLines=0;this.chartType=undefined;this.xAxes=[];this.yAxes=[];this.series=[];this.chartId=l()}async renderChart(){const t=async()=>{var s,i,l;const u=(i=(s=this.el)===null||s===void 0?void 0:s.shadowRoot)===null||i===void 0?void 0:i.getElementById(this.chartId);if(!u){await new Promise((t=>setTimeout(t,50)));return t()}if(this.xAxes.length===0||this.yAxes.length===0||this.series.length===0)return;if(this.chart){this.chart.dispose()}this.chart=f.create(u,o.XYChart);h(this.chart,u);e(this.chart);for(let t=0;t<this.xAxes.length;t++){switch(this.xAxes[t].dataType){case undefined:case null:case"string":const s=this.series.find((s=>s.xAxisId===this.xAxes[t].id));n(this.chart,this.xAxes[t].id,s?s.xAxisPropertyName:"",this.xAxes[t].titles,this.xAxes[t].position,this.distBetweenGridLines);break;case"date":a(this.chart,this.xAxes[t].id,this.xAxes[t].titles,this.xAxes[t].position,this.distBetweenGridLines);break;default:r(this.chart,this.xAxes[t].id,this.xAxes[t].titles,this.xAxes[t].position);break}}for(let t=0;t<this.yAxes.length;t++){switch(this.yAxes[t].dataType){case undefined:case null:case"number":r(this.chart,this.yAxes[t].id,this.yAxes[t].titles,this.yAxes[t].position);break;case"date":a(this.chart,this.yAxes[t].id,this.yAxes[t].titles,this.yAxes[t].position,this.distBetweenGridLines);break;default:const s=this.series.find((s=>s.yAxisId===this.yAxes[t].id));n(this.chart,this.yAxes[t].id,s?s.yAxisPropertyName:"",this.yAxes[t].titles,this.yAxes[t].position,this.distBetweenGridLines);break}}for(let t=0;t<this.series.length;t++){const s=this.chart.xAxes.values.find((s=>s.id===this.series[t].xAxisId));const i=this.chart.yAxes.values.find((s=>s.id===this.series[t].yAxisId));if(s&&i){const h=d(this.chart,this.series[t].name,this.series[t].type,s,this.series[t].xAxisPropertyName,i,this.series[t].yAxisPropertyName);c(this.chart,h,this.series[t].type)}}this.chart.data=(l=this.data)!==null&&l!==void 0?l:[]};await t()}disconnectedCallback(){if(this.chart){this.chart.dispose()}}componentDidLoad(){this.renderChart()}render(){return s("chart-container",{key:"3d2981719204d4271691e787aa1b6809d3f4e7a0",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartWidth:this.customWidth,chartHeight:this.customHeight,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return i(this)}static get watchers(){return{data:["renderChart"],showBullets:["renderChart"],xAxes:["renderChart"],yAxes:["renderChart"],series:["renderChart"],hideLegend:["renderChart"],distBetweenGridLines:["renderChart"],chartId:["renderChart"]}}};m.style=u;export{m as udp_xy_multi_series_chart};
 //# sourceMappingURL=udp-xy-multi-series-chart.entry.js.map

package/dist/types/components/my-component/UI/tabs/tab/tabs/udp-tabs.d.ts

@@ -1,5 +1,85 @@
+import { EventEmitter } from '../../../../../../stencil-public-runtime';
+interface TabDetail {
+    label: string;
+    icon?: string;
+    iconPlacement?: 'start' | 'end' | 'top' | 'bottom';
+    hidden?: boolean;
+    disabled?: boolean;
+}
 export declare class UdpTabs {
-    activeTab: number;
-    tabClicked(tabIndex: number): void;
+    el: HTMLElement;
+    /**
+     * Specifies the layout variant of the tab header.
+     *
+     * - `'standard'`: Tabs will be sized based on their content.
+     * - `'fill'`: Tabs will stretch to fill the available horizontal space.
+     */
+    variant: 'fill' | 'standard';
+    /**
+     * (Controlled) The index of the currently active tab.
+     * If this prop is provided, the component will be in "controlled" mode.
+     * The parent must listen for `udpTabChange` to update this value.
+     */
+    value?: number;
+    /**
+     * (Optional) An array of tab configuration objects.
+     * If provided, this will be used to render tabs instead of slotted `<udp-tab>` components.
+     * This mode is typically used with controlled tabs.
+     */
+    tabs: TabDetail[];
+    /**
+     * (Controlled) Emits the index of the tab that was clicked.
+     * This is only emitted in "controlled" mode (when `value` is provided).
+     */
+    udpTabChange: EventEmitter<number>;
+    internalActiveTab: number;
+    tabDetails: TabDetail[];
+    sliderStyle: {
+        width: string;
+        transform: string;
+    };
+    showScrollLeft: boolean;
+    showScrollRight: boolean;
+    private slottedTabs;
+    private buttonRefs;
+    private scrollContainerRef?;
+    /**
+     * Returns true if the component is in controlled mode.
+     */
+    private get isControlled();
+    /**
+     * Returns true if tabs are being provided by the `tabs` prop.
+     */
+    private get useTabsProp();
+    /**
+     * Returns the currently active tab index,
+     * respecting controlled or uncontrolled mode.
+     */
+    private get activeTab();
+    handleSlotChange(): void;
+    handleResize(): void;
+    componentDidLoad(): void;
+    /**
+     * Watcher for uncontrolled state changes.
+     */
+    onActiveTabChange(newValue: number): void;
+    /**
+     * Watcher for controlled state changes.
+     */
+    onValueChange(newValue: number): void;
+    /**
+     * Watcher for tabs prop changes.
+     */
+    onTabsPropChange(): void;
+    onVariantChange(): void;
+    private initializeTabs;
+    private updateActiveTabs;
+    private updateSliderPosition;
+    private checkScroll;
+    private tabClicked;
+    private scrollTabIntoView;
+    private scrollToStart;
+    private scrollToEnd;
     render(): any;
 }
+export {};

package/dist/types/components/my-component/UI/tabs/tab/udp-tab.d.ts

@@ -1,6 +1,31 @@
 export declare class UdpTab {
-    title: string;
+    /**
+     * The title of the tab, displayed in the tab-header.
+     */
+    label: string;
+    /**
+     * True if this is the active tab.
+     * This is set by the parent <udp-tabs> component.
+     */
     active: boolean;
-    activeChanged(): void;
+    /**
+     * Optional icon to display in the tab.
+     */
+    icon?: string;
+    /**
+     * Placement of the icon relative to the title.
+     * @default 'start'
+     */
+    iconPlacement?: 'start' | 'end' | 'top' | 'bottom';
+    /**
+     * If true, the tab will be hidden from the tab list.
+     * @default false
+     */
+    hidden?: boolean;
+    /**
+     * If true, the tab will be unselectable.
+     * @default false
+     */
+    disabled?: boolean;
     render(): any;
 }

package/dist/types/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.d.ts

@@ -0,0 +1,11 @@
+export declare class UdpTabPanel {
+    /**
+     * The active tab index, provided by the parent.
+     */
+    value: number;
+    /**
+     * The index this panel corresponds to.
+     */
+    index: number;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -2889,7 +2889,6 @@ export namespace Components {
         "actions"?: any;
         /**
           * The adornmentStatus of the card.
-          * @default 'success'
          */
         "adornmentStatus": 'success' | 'error' | 'warning' | 'info';
         /**
@@ -2937,7 +2936,7 @@ export namespace Components {
         "subheader"?: string | VNode | VNode[];
         /**
           * The variant to use.
-          * @default 'elevated'
+          * @default 'outlined'
          */
         "variant": 'elevated' | 'outlined';
     }
@@ -4711,10 +4710,60 @@ export namespace Components {
     interface UdpStepperDemo {
     }
     interface UdpTab {
+        /**
+          * True if this is the active tab. This is set by the parent <udp-tabs> component.
+          * @default false
+         */
         "active": boolean;
-        "title": string;
+        /**
+          * If true, the tab will be unselectable.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * If true, the tab will be hidden from the tab list.
+          * @default false
+         */
+        "hidden"?: boolean;
+        /**
+          * Optional icon to display in the tab.
+         */
+        "icon"?: string;
+        /**
+          * Placement of the icon relative to the title.
+          * @default 'start'
+         */
+        "iconPlacement"?: 'start' | 'end' | 'top' | 'bottom';
+        /**
+          * The title of the tab, displayed in the tab-header.
+         */
+        "label": string;
+    }
+    interface UdpTabPanel {
+        /**
+          * The index this panel corresponds to.
+         */
+        "index": number;
+        /**
+          * The active tab index, provided by the parent.
+         */
+        "value": number;
     }
     interface UdpTabs {
+        /**
+          * (Optional) An array of tab configuration objects. If provided, this will be used to render tabs instead of slotted `<udp-tab>` components. This mode is typically used with controlled tabs.
+          * @default []
+         */
+        "tabs": TabDetail[];
+        /**
+          * (Controlled) The index of the currently active tab. If this prop is provided, the component will be in "controlled" mode. The parent must listen for `udpTabChange` to update this value.
+         */
+        "value"?: number;
+        /**
+          * Specifies the layout variant of the tab header.  - `'standard'`: Tabs will be sized based on their content. - `'fill'`: Tabs will stretch to fill the available horizontal space.
+          * @default 'fill'
+         */
+        "variant": 'fill' | 'standard';
     }
     /**
      * A standardized time input component with validation, min/max constraints, and precise time selection.
@@ -5239,6 +5288,10 @@ export interface UdpSideSheetCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUdpSideSheetElement;
 }
+export interface UdpTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLUdpTabsElement;
+}
 export interface UdpTimeSelectorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUdpTimeSelectorElement;
@@ -7231,7 +7284,24 @@ declare global {
         prototype: HTMLUdpTabElement;
         new (): HTMLUdpTabElement;
     };
+    interface HTMLUdpTabPanelElement extends Components.UdpTabPanel, HTMLStencilElement {
+    }
+    var HTMLUdpTabPanelElement: {
+        prototype: HTMLUdpTabPanelElement;
+        new (): HTMLUdpTabPanelElement;
+    };
+    interface HTMLUdpTabsElementEventMap {
+        "udpTabChange": number;
+    }
     interface HTMLUdpTabsElement extends Components.UdpTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLUdpTabsElementEventMap>(type: K, listener: (this: HTMLUdpTabsElement, ev: UdpTabsCustomEvent<HTMLUdpTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLUdpTabsElementEventMap>(type: K, listener: (this: HTMLUdpTabsElement, ev: UdpTabsCustomEvent<HTMLUdpTabsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLUdpTabsElement: {
         prototype: HTMLUdpTabsElement;
@@ -7486,6 +7556,7 @@ declare global {
         "udp-stepper": HTMLUdpStepperElement;
         "udp-stepper-demo": HTMLUdpStepperDemoElement;
         "udp-tab": HTMLUdpTabElement;
+        "udp-tab-panel": HTMLUdpTabPanelElement;
         "udp-tabs": HTMLUdpTabsElement;
         "udp-time-selector": HTMLUdpTimeSelectorElement;
         "udp-user-creator": HTMLUdpUserCreatorElement;
@@ -10452,7 +10523,6 @@ declare namespace LocalJSX {
         "actions"?: any;
         /**
           * The adornmentStatus of the card.
-          * @default 'success'
          */
         "adornmentStatus"?: 'success' | 'error' | 'warning' | 'info';
         /**
@@ -10500,7 +10570,7 @@ declare namespace LocalJSX {
         "subheader"?: string | VNode | VNode[];
         /**
           * The variant to use.
-          * @default 'elevated'
+          * @default 'outlined'
          */
         "variant"?: 'elevated' | 'outlined';
     }
@@ -12334,10 +12404,64 @@ declare namespace LocalJSX {
     interface UdpStepperDemo {
     }
     interface UdpTab {
+        /**
+          * True if this is the active tab. This is set by the parent <udp-tabs> component.
+          * @default false
+         */
         "active"?: boolean;
-        "title"?: string;
+        /**
+          * If true, the tab will be unselectable.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * If true, the tab will be hidden from the tab list.
+          * @default false
+         */
+        "hidden"?: boolean;
+        /**
+          * Optional icon to display in the tab.
+         */
+        "icon"?: string;
+        /**
+          * Placement of the icon relative to the title.
+          * @default 'start'
+         */
+        "iconPlacement"?: 'start' | 'end' | 'top' | 'bottom';
+        /**
+          * The title of the tab, displayed in the tab-header.
+         */
+        "label"?: string;
+    }
+    interface UdpTabPanel {
+        /**
+          * The index this panel corresponds to.
+         */
+        "index"?: number;
+        /**
+          * The active tab index, provided by the parent.
+         */
+        "value"?: number;
     }
     interface UdpTabs {
+        /**
+          * (Controlled) Emits the index of the tab that was clicked. This is only emitted in "controlled" mode (when `value` is provided).
+         */
+        "onUdpTabChange"?: (event: UdpTabsCustomEvent<number>) => void;
+        /**
+          * (Optional) An array of tab configuration objects. If provided, this will be used to render tabs instead of slotted `<udp-tab>` components. This mode is typically used with controlled tabs.
+          * @default []
+         */
+        "tabs"?: TabDetail[];
+        /**
+          * (Controlled) The index of the currently active tab. If this prop is provided, the component will be in "controlled" mode. The parent must listen for `udpTabChange` to update this value.
+         */
+        "value"?: number;
+        /**
+          * Specifies the layout variant of the tab header.  - `'standard'`: Tabs will be sized based on their content. - `'fill'`: Tabs will stretch to fill the available horizontal space.
+          * @default 'fill'
+         */
+        "variant"?: 'fill' | 'standard';
     }
     /**
      * A standardized time input component with validation, min/max constraints, and precise time selection.
@@ -12839,6 +12963,7 @@ declare namespace LocalJSX {
         "udp-stepper": UdpStepper;
         "udp-stepper-demo": UdpStepperDemo;
         "udp-tab": UdpTab;
+        "udp-tab-panel": UdpTabPanel;
         "udp-tabs": UdpTabs;
         "udp-time-selector": UdpTimeSelector;
         "udp-user-creator": UdpUserCreator;
@@ -13514,6 +13639,7 @@ declare module "@stencil/core" {
             "udp-stepper": LocalJSX.UdpStepper & JSXBase.HTMLAttributes<HTMLUdpStepperElement>;
             "udp-stepper-demo": LocalJSX.UdpStepperDemo & JSXBase.HTMLAttributes<HTMLUdpStepperDemoElement>;
             "udp-tab": LocalJSX.UdpTab & JSXBase.HTMLAttributes<HTMLUdpTabElement>;
+            "udp-tab-panel": LocalJSX.UdpTabPanel & JSXBase.HTMLAttributes<HTMLUdpTabPanelElement>;
             "udp-tabs": LocalJSX.UdpTabs & JSXBase.HTMLAttributes<HTMLUdpTabsElement>;
             /**
              * A standardized time input component with validation, min/max constraints, and precise time selection.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "udp-stencil-component-library",
-  "version": "25.18.1-beta.5",
+  "version": "25.18.1-beta.7",
   "description": "A Stencil based component library for UDP",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",