@pine-ds/core 3.22.0 → 3.23.0

package/dist/pine-core/{p-b8f21554.system.entry.js → p-98d82bf0.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,r){function a(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,n){function o(t){try{s(r.next(t))}catch(t){n(t)}}function d(t){try{s(r["throw"](t))}catch(t){n(t)}}function s(t){t.done?i(t.value):a(t.value).then(o,d)}s((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,a,n,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=d(0),o["throw"]=d(1),o["return"]=d(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function d(t){return function(e){return s([t,e])}}function s(d){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,d[0]&&(i=0)),i)try{if(r=1,a&&(n=d[0]&2?a["return"]:d[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,d[1])).done)return n;if(a=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:i.label++;return{value:d[1],done:false};case 5:i.label++;a=d[1];d=[0];continue;case 7:d=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){i=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){i.label=d[1];break}if(d[0]===6&&i.label<n[1]){i.label=n[1];n=d;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(d);break}if(n[2])i.ops.pop();i.trys.pop();continue}d=e.call(t,i)}catch(t){d=[6,t];a=0}finally{r=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-5D9wXQuJ.system.js"],(function(t){"use strict";var e,i,r,a;return{setters:[function(t){e=t.r;i=t.c;r=t.h;a=t.a}],execute:function(){var n=".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity 0.2s ease, visibility 0.2s ease;transition:opacity 0.2s ease, visibility 0.2s ease;visibility:hidden;width:100%;z-index:var(--pine-z-index-modal)}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:var(--pine-z-index-priority)}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;visibility:visible}.pds-modal{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:none;width:100%}.pds-modal.pds-modal--scrollable{max-height:calc(100vh - (5vh + 96px))}@supports (height: 100dvh){.pds-modal.pds-modal--scrollable{max-height:calc(100dvh - (5dvh + 96px))}}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:6dvh;margin-block-start:6dvh}}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:8dvh;margin-block-start:8dvh}}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}";var o=t("pds_modal",function(){function t(t){var r=this;e(this,t);this.pdsModalOpen=i(this,"pdsModalOpen");this.pdsModalClose=i(this,"pdsModalClose");this.focusableElements=[];this.backdropDismiss=true;this.open=false;this.size="md";this.scrollable=true;this.focusableElementsArray=[];this.handleBackdropClick=function(t){if(!r.backdropDismiss||!r.open)return;if(t.target.classList.contains("pds-modal__backdrop")){t.stopPropagation();if(r.isInnermostModal()){r.hideModal()}}};this.handleKeyDown=function(t){if(!r.open)return;if(t.key==="Escape"){t.preventDefault();if(r.backdropDismiss&&r.isInnermostModal()){r.hideModal()}return}if(t.key==="Tab"){if(r.focusableElements.length===0)return;var e=r.focusableElements[0];var i=r.focusableElements[r.focusableElements.length-1];var a=document.activeElement;var n=a===e||e.contains(a);var o=a===i||i.contains(a);if(t.shiftKey&&n){t.preventDefault();r.focusElement(i)}else if(!t.shiftKey&&o){t.preventDefault();r.focusElement(e)}}}}t.prototype.componentDidLoad=function(){this.modalRef=this.el.querySelector(".pds-modal__backdrop");document.addEventListener("keydown",this.handleKeyDown)};t.prototype.disconnectedCallback=function(){document.removeEventListener("keydown",this.handleKeyDown)};t.prototype.handleOpenChange=function(t){if(t){this.showModal()}else{this.hideModal()}};t.prototype.updateFocusableElements=function(){if(!this.modalRef)return;var t=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])',"pds-button:not([disabled])","pds-link:not([disabled])","pds-input:not([disabled])","pds-checkbox:not([disabled])","pds-radio:not([disabled])","pds-switch:not([disabled])","pds-select:not([disabled])"].join(",");this.focusableElements=Array.from(this.modalRef.querySelectorAll(t));this.focusableElements=this.focusableElements.filter((function(t){var e=window.getComputedStyle(t);return e.display!=="none"&&e.visibility!=="hidden"}))};t.prototype.setInitialFocus=function(){if(this.focusableElements.length===0)return;var t=this.focusableElements[0];this.focusElement(t)};t.prototype.focusElement=function(t){if(!t)return;try{t.focus();setTimeout((function(){if(document.activeElement!==t){if(t.shadowRoot){var e=t.shadowRoot.querySelector("button, [tabindex], input, a[href]");if(e){e.focus()}}}}),0)}catch(t){console.error("Error focusing element:",t)}};t.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(this.modalRef){try{this.previousActiveElement=document.activeElement;this.modalRef.showModal();this.open=true;setTimeout((function(){t.updateFocusableElements();t.setInitialFocus();t.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}return[2]}))}))};t.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.modalRef){try{this.modalRef.close();this.open=false;if(this.previousActiveElement&&typeof this.previousActiveElement.focus==="function"){this.previousActiveElement.focus()}this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}return[2]}))}))};t.prototype.getBackdropZIndex=function(t){var e=t.querySelector(".pds-modal__backdrop");return e?parseInt(getComputedStyle(e).zIndex,10):-1};t.prototype.isInnermostModal=function(){var t=this;var e=Array.from(document.querySelectorAll("pds-modal")).filter((function(t){return t.open}));if(e.length===0)return false;var i=this.el.querySelector(".pds-modal__backdrop");if(!i)return false;var r=e.map((function(e){return t.getBackdropZIndex(e)}));var a=Math.max.apply(Math,r);var n=this.getBackdropZIndex(this.el);return n===a};t.prototype.render=function(){var t;return r("dialog",{key:"22ca55ddcc3aaf6e1158940d1fec23c9622b7810",class:{"pds-modal__backdrop":true,open:this.open},"aria-modal":"true","aria-labelledby":"".concat(this.componentId,"-heading"),onClick:this.handleBackdropClick},r("div",{key:"803acd0d7a80886efd58c9eeb1af94b40c049de8",class:(t={"pds-modal":true},t["pds-modal--".concat(this.size)]=true,t["pds-modal--scrollable"]=this.scrollable,t),part:"modal"},r("slot",{key:"227deb370e056365f188724bdb2fbabe6062ab77"})))};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return t}());o.style=n}}}));
-//# sourceMappingURL=p-b8f21554.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(t,e,i,r){function a(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,n){function o(t){try{d(r.next(t))}catch(t){n(t)}}function s(t){try{d(r["throw"](t))}catch(t){n(t)}}function d(t){t.done?i(t.value):a(t.value).then(o,s)}d((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,a,n,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return d([t,e])}}function d(s){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(r=1,a&&(n=s[0]&2?a["return"]:s[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,s[1])).done)return n;if(a=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;a=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){i.label=s[1];break}if(s[0]===6&&i.label<n[1]){i.label=n[1];n=s;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(s);break}if(n[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(t){s=[6,t];a=0}finally{r=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-5D9wXQuJ.system.js"],(function(t){"use strict";var e,i,r,a;return{setters:[function(t){e=t.r;i=t.c;r=t.h;a=t.a}],execute:function(){var n=".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity 0.2s ease, visibility 0.2s ease;transition:opacity 0.2s ease, visibility 0.2s ease;visibility:hidden;width:100%;z-index:var(--pine-z-index-modal)}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:var(--pine-z-index-priority)}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;visibility:visible}.pds-modal{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:none;width:100%}.pds-modal.pds-modal--scrollable{max-height:calc(100vh - (5vh + 96px))}@supports (height: 100dvh){.pds-modal.pds-modal--scrollable{max-height:calc(100dvh - (5dvh + 96px))}}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:6dvh;margin-block-start:6dvh}}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:8dvh;margin-block-start:8dvh}}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}";var o=t("pds_modal",function(){function t(t){var r=this;e(this,t);this.pdsModalOpen=i(this,"pdsModalOpen");this.pdsModalClose=i(this,"pdsModalClose");this.focusableElements=[];this.backdropDismiss=true;this.open=false;this.size="md";this.scrollable=true;this.focusableElementsArray=[];this.handleBackdropClick=function(t){if(!r.backdropDismiss||!r.open)return;if(t.target.classList.contains("pds-modal__backdrop")){t.stopPropagation();if(r.isInnermostModal()){r.hideModal()}}};this.handleKeyDown=function(t){if(!r.open)return;if(t.key==="Escape"){t.preventDefault();if(r.backdropDismiss&&r.isInnermostModal()){r.hideModal()}return}if(t.key==="Tab"){if(r.focusableElements.length===0)return;var e=r.focusableElements[0];var i=r.focusableElements[r.focusableElements.length-1];var a=document.activeElement;var n=a===e||e.contains(a);var o=a===i||i.contains(a);if(t.shiftKey&&n){t.preventDefault();r.focusElement(i)}else if(!t.shiftKey&&o){t.preventDefault();r.focusElement(e)}}}}t.prototype.componentDidLoad=function(){this.modalRef=this.el.querySelector(".pds-modal__backdrop");document.addEventListener("keydown",this.handleKeyDown)};t.prototype.disconnectedCallback=function(){document.removeEventListener("keydown",this.handleKeyDown)};t.prototype.handleOpenChange=function(t){if(t){this.showModal()}else{this.hideModal()}};t.prototype.updateFocusableElements=function(){if(!this.modalRef)return;var t=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])',"pds-button:not([disabled])","pds-link:not([disabled])","pds-input:not([disabled])","pds-checkbox:not([disabled])","pds-radio:not([disabled])","pds-switch:not([disabled])","pds-select:not([disabled])"].join(",");this.focusableElements=Array.from(this.modalRef.querySelectorAll(t));this.focusableElements=this.focusableElements.filter((function(t){var e=window.getComputedStyle(t);return e.display!=="none"&&e.visibility!=="hidden"}))};t.prototype.setInitialFocus=function(){if(this.focusableElements.length===0)return;var t=this.focusableElements[0];this.focusElement(t)};t.prototype.focusElement=function(t){if(!t)return;try{t.focus();setTimeout((function(){if(document.activeElement!==t){if(t.shadowRoot){var e=t.shadowRoot.querySelector("button, [tabindex], input, a[href]");if(e){e.focus()}}}}),0)}catch(t){console.error("Error focusing element:",t)}};t.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(this.modalRef){try{this.previousActiveElement=document.activeElement;this.modalRef.showModal();this.open=true;setTimeout((function(){t.updateFocusableElements();t.setInitialFocus();t.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}return[2]}))}))};t.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.modalRef){try{this.modalRef.close();this.open=false;if(this.previousActiveElement&&typeof this.previousActiveElement.focus==="function"){this.previousActiveElement.focus()}this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}return[2]}))}))};t.prototype.getBackdropZIndex=function(t){var e=t.querySelector(".pds-modal__backdrop");return e?parseInt(getComputedStyle(e).zIndex,10):-1};t.prototype.isInnermostModal=function(){var t=this;var e=Array.from(document.querySelectorAll("pds-modal")).filter((function(t){return t.open}));if(e.length===0)return false;var i=this.el.querySelector(".pds-modal__backdrop");if(!i)return false;var r=e.map((function(e){return t.getBackdropZIndex(e)}));var a=Math.max.apply(Math,r);var n=this.getBackdropZIndex(this.el);return n===a};t.prototype.render=function(){var t;return r("dialog",{key:"357b1570ff9153bb04abc883bd471d0454eca862",class:{"pds-modal__backdrop":true,open:this.open},"aria-modal":"true","aria-labelledby":"".concat(this.componentId,"-heading"),onClick:this.handleBackdropClick},r("div",{key:"89576c6aa19ffd87dfc3b527a242503093af4ec3",class:(t={"pds-modal":true},t["pds-modal--".concat(this.size)]=true,t["pds-modal--scrollable"]=this.scrollable,t),part:"modal"},r("slot",{key:"071ad7101f66fb01854191436ec95a212ea6ee73"})))};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return t}());o.style=n}}}));
+//# sourceMappingURL=p-98d82bf0.system.entry.js.map

package/dist/pine-core/{p-1d82417a.entry.js → p-9d2e89e5.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as n,H as a}from"./p-DHPhrb5T.js";import{d as o}from"./p-Bmf4Ow_8.js";const r=":host{display:block}details{--number-animation-transform-timing:200ms;border-radius:var(--pine-dimension-xs)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1)}details[open]{background-color:var(--pine-color-background-container)}details[open] summary{color:var(--pine-color-text-active);font-weight:var(--pine-font-weight-semi-bold)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1)}summary{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-muted);font-family:var(--pine-font-family-body);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding-block:calc(var(--pine-dimension-2xs) * 1.5);-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs);-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--pine-color-background-container-hover);color:var(--pine-color-text);cursor:pointer}summary:focus-visible{outline:var(--pine-outline-focus);position:relative}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}.pds-accordion__body{-webkit-padding-after:calc(var(--pine-dimension-sm) + 2);padding-block-end:calc(var(--pine-dimension-sm) + 2);padding-inline:calc(var(--pine-dimension-2xs) * 1.5)}";const s=class{constructor(n){e(this,n);this.pdsAccordionToggle=i(this,"pdsAccordionToggle");this.isOpen=false;this.handleToggle=()=>{this.isOpen=this.detailsEl.open};this.getOpenAttribute=()=>{if(this.isOpen!==false){return{open:true}}return""}}handleOpenState(e){this.pdsAccordionToggle.emit(e)}componentDidLoad(){this.detailsEl.addEventListener("toggle",this.handleToggle)}render(){return n(a,{key:"dd45657cb2bfe2e26f3a2fcad6a941559f1968c5",class:"pds-accordion",id:this.componentId},n("details",Object.assign({key:"9dff1b1a3e4cdd308537c1e5f4020d6b74e4ac4e"},this.getOpenAttribute(),{ref:e=>this.detailsEl=e}),n("summary",{key:"59152e8eece069bedd0109d1952dc1de95bc5d9a",part:"accordion-button"},n("slot",{key:"73881348e657d880c60a5420a758217789f03b0c",name:"label"},"Details"),n("pds-icon",{key:"dfe5c28de56ef76bda50f36a406ac2072ed4bd77",icon:o,part:"accordion-icon"})),n("div",{key:"08d019728935164bb315035369044dd513a2c9db",part:"accordion-body",class:"pds-accordion__body"},n("slot",{key:"a67ce7ec1acf795827db51465b80c1ecad96a3e3"}))))}static get watchers(){return{isOpen:["handleOpenState"]}}};s.style=r;export{s as pds_accordion};
-//# sourceMappingURL=p-1d82417a.entry.js.map
+import{r as e,c as i,h as n,H as a}from"./p-DHPhrb5T.js";import{d as o}from"./p-D4ys0pep.js";const r=":host{display:block}details{--number-animation-transform-timing:200ms;border-radius:var(--pine-dimension-xs)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1)}details[open]{background-color:var(--pine-color-background-container)}details[open] summary{color:var(--pine-color-text-active);font-weight:var(--pine-font-weight-semi-bold)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1)}summary{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-muted);font-family:var(--pine-font-family-body);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding-block:calc(var(--pine-dimension-2xs) * 1.5);-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs);-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--pine-color-background-container-hover);color:var(--pine-color-text);cursor:pointer}summary:focus-visible{outline:var(--pine-outline-focus);position:relative}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}.pds-accordion__body{-webkit-padding-after:calc(var(--pine-dimension-sm) + 2);padding-block-end:calc(var(--pine-dimension-sm) + 2);padding-inline:calc(var(--pine-dimension-2xs) * 1.5)}";const s=class{constructor(n){e(this,n);this.pdsAccordionToggle=i(this,"pdsAccordionToggle");this.isOpen=false;this.handleToggle=()=>{this.isOpen=this.detailsEl.open};this.getOpenAttribute=()=>{if(this.isOpen!==false){return{open:true}}return""}}handleOpenState(e){this.pdsAccordionToggle.emit(e)}componentDidLoad(){this.detailsEl.addEventListener("toggle",this.handleToggle)}render(){return n(a,{key:"dd45657cb2bfe2e26f3a2fcad6a941559f1968c5",class:"pds-accordion",id:this.componentId},n("details",Object.assign({key:"9dff1b1a3e4cdd308537c1e5f4020d6b74e4ac4e"},this.getOpenAttribute(),{ref:e=>this.detailsEl=e}),n("summary",{key:"59152e8eece069bedd0109d1952dc1de95bc5d9a",part:"accordion-button"},n("slot",{key:"73881348e657d880c60a5420a758217789f03b0c",name:"label"},"Details"),n("pds-icon",{key:"dfe5c28de56ef76bda50f36a406ac2072ed4bd77",icon:o,part:"accordion-icon"})),n("div",{key:"08d019728935164bb315035369044dd513a2c9db",part:"accordion-body",class:"pds-accordion__body"},n("slot",{key:"a67ce7ec1acf795827db51465b80c1ecad96a3e3"}))))}static get watchers(){return{isOpen:["handleOpenState"]}}};s.style=r;export{s as pds_accordion};
+//# sourceMappingURL=p-9d2e89e5.entry.js.map

package/dist/pine-core/{p-cbf49268.entry.js → p-9ea92b46.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as i,H as a}from"./p-DHPhrb5T.js";import{c as t,u as e}from"./p-Bmf4Ow_8.js";const n=":host{display:inline-block}div{--color-background-container:var(--pine-color-background-container-hover);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:transparent;border:var(--pine-dimension-none);border-color:transparent;border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pds-avatar__initials{color:var(--pine-color-brand);fill:var(--pine-color-brand);font-size:var(--pine-font-size-085);font-weight:var(--pine-font-weight-semi-bold);height:100%;text-align:center;width:100%}.pds-avatar__initials text{text-anchor:middle}";const s=class{constructor(a){r(this,a);this.alt=null;this.badge=false;this.dropdown=false;this.image=null;this.initials=null;this.size="lg";this.variant="customer";this.renderAssetWrapper=()=>{const r={height:this.avatarSize(),width:this.avatarSize()};return i("div",{style:r,part:"asset-wrapper"},this.renderIconOrImage(),this.renderBadge())};this.renderAvatar=()=>this.dropdown?i("button",{class:"pds-avatar__button",type:"button",part:"button","aria-label":"Avatar dropdown trigger"},this.renderAssetWrapper()):this.renderAssetWrapper();this.renderBadge=()=>this.badge&&i("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:t,size:"33.53%"});this.renderIconOrImage=()=>{if(this.image){return i("img",{alt:this.alt,src:this.image})}if(this.initials){return i("svg",{class:"pds-avatar__initials",viewBox:"0 0 32 32"},i("text",{x:"16",y:"20"},this.initials))}return i("pds-icon",{color:"var(--pine-color-brand)",icon:e,size:"33.53%"})};this.classNames=()=>({"pds-avatar":true,[`pds-avatar--has-image`]:this.image!==""&&this.image!==null,[`pds-avatar--has-initials`]:this.initials!==""&&this.initials!==null,[`pds-avatar--${this.variant}`]:this.variant==="admin"})}avatarSize(){const r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}}render(){return i(a,{key:"8425f576be0ea4ce443c9a14a9d7bc34e493e6d3",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())}};s.style=n;export{s as pds_avatar};
-//# sourceMappingURL=p-cbf49268.entry.js.map
+import{r,h as i,H as a}from"./p-DHPhrb5T.js";import{c as t,u as e}from"./p-D4ys0pep.js";const n=":host{display:inline-block}div{--color-background-container:var(--pine-color-background-container-hover);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:transparent;border:var(--pine-dimension-none);border-color:transparent;border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pds-avatar__initials{color:var(--pine-color-brand);fill:var(--pine-color-brand);font-size:var(--pine-font-size-085);font-weight:var(--pine-font-weight-semi-bold);height:100%;text-align:center;width:100%}.pds-avatar__initials text{text-anchor:middle}";const s=class{constructor(a){r(this,a);this.alt=null;this.badge=false;this.dropdown=false;this.image=null;this.initials=null;this.size="lg";this.variant="customer";this.renderAssetWrapper=()=>{const r={height:this.avatarSize(),width:this.avatarSize()};return i("div",{style:r,part:"asset-wrapper"},this.renderIconOrImage(),this.renderBadge())};this.renderAvatar=()=>this.dropdown?i("button",{class:"pds-avatar__button",type:"button",part:"button","aria-label":"Avatar dropdown trigger"},this.renderAssetWrapper()):this.renderAssetWrapper();this.renderBadge=()=>this.badge&&i("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:t,size:"33.53%"});this.renderIconOrImage=()=>{if(this.image){return i("img",{alt:this.alt,src:this.image})}if(this.initials){return i("svg",{class:"pds-avatar__initials",viewBox:"0 0 32 32"},i("text",{x:"16",y:"20"},this.initials))}return i("pds-icon",{color:"var(--pine-color-brand)",icon:e,size:"33.53%"})};this.classNames=()=>({"pds-avatar":true,[`pds-avatar--has-image`]:this.image!==""&&this.image!==null,[`pds-avatar--has-initials`]:this.initials!==""&&this.initials!==null,[`pds-avatar--${this.variant}`]:this.variant==="admin"})}avatarSize(){const r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}}render(){return i(a,{key:"7bdd177a6b7064ed12cabeb21d96b0a0cc6071ae",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())}};s.style=n;export{s as pds_avatar};
+//# sourceMappingURL=p-9ea92b46.entry.js.map

package/dist/pine-core/{p-Bch44a-T.system.js → p-B1u-QvFn.system.js}

@@ -1,2 +1,2 @@
-System.register([],(function(e){"use strict";return{execute:function(){e("e",u);var r=e("m",(function(e,r){return"".concat(e,"__").concat(r,"-message")}));var t=e("a",(function(e,t,n){if(!n)return;var u=r(e,"helper");if(t)u=r(e,"error");return u}));var n=e("i",(function(e,r){if(!e||!r)return;if(r.required===true){e.checkValidity()===false?r.invalid=true:r.invalid=false}}));function u(e,r){if(Object.getOwnPropertyDescriptor(e,"type"))return;Object.defineProperty(e,"type",{get:typeof r==="function"?r:function(){return r},enumerable:true,configurable:false})}}}}));
-//# sourceMappingURL=p-Bch44a-T.system.js.map
+System.register([],(function(e){"use strict";return{execute:function(){e("e",u);var r=e("m",(function(e,r){return"".concat(e,"__").concat(r,"-message")}));var t=e("a",(function(e,t,n){if(!n)return;var u=r(e,"helper");if(t)u=r(e,"error");return u}));var n=e("b",(function(e,r){if(!e||!r)return;if(r.required===true){e.checkValidity()===false?r.invalid=true:r.invalid=false}}));function u(e,r){if(Object.getOwnPropertyDescriptor(e,"type"))return;Object.defineProperty(e,"type",{get:typeof r==="function"?r:function(){return r},enumerable:true,configurable:false})}var f=e("i",(function(){var e;return typeof process!=="undefined"&&((e=process.env)===null||e===void 0?void 0:e.__STENCIL_SPEC_TESTS__)==="true"}))}}}));
+//# sourceMappingURL=p-B1u-QvFn.system.js.map

package/dist/pine-core/p-B1u-QvFn.system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-B1u-QvFn.system.js","sources":["src/utils/form.ts"],"sourcesContent":["/**\n * Create id for messaging\n */\nexport const messageId = (id: string, messageType: string) => {\n  return `${id}__${messageType}-message`;\n};\n\n/**\n * Assign aria-description id to relate messages with form element\n */\nexport const assignDescription = (id: string, invalid: boolean, helperMessage: string) => {\n  if (!helperMessage) return\n\n  let relatedId = messageId(id, 'helper')\n\n  if (invalid) relatedId = messageId(id, 'error');\n\n  return relatedId;\n};\n\n/**\n * Updates the `invalid` prop of a form element based on it's values validity\n */\nexport const isRequired = (target, component) => {\n  if ( !target || !component ) return;\n  if (component.required === true) {\n    (target.checkValidity() === false) ? component.invalid = true : component.invalid = false;\n  }\n}\n\n/**\n * Exposes a readonly type property on a custom form element to match native form element behavior.\n * This makes the type property enumerable and accessible via element.type, matching native HTML elements.\n * The property is non-configurable, preventing it from being redefined or deleted at runtime.\n *\n * @param element - The custom element to add the type property to\n * @param type - The type value (string literal) or a getter function that returns the type\n */\nexport function exposeTypeProperty(element: Element, type: string | (() => string)) {\n  if (Object.getOwnPropertyDescriptor(element, 'type')) return;\n\n  Object.defineProperty(element, 'type', {\n    get: typeof type === 'function' ? type : () => type,\n    enumerable: true,\n    configurable: false\n  });\n}\n\n/**\n * Determines if code is running in Stencil's spec test environment.\n * Stencil's mock-doc logs console.error on any ElementInternals\n * property access during spec tests. Use this guard to skip\n * ElementInternals calls in the mock environment.\n *\n * Uses __STENCIL_SPEC_TESTS__ (the same env var Stencil's mock-doc checks)\n * to avoid false positives in downstream consumer test suites.\n */\nexport const isSpecTest = (): boolean => {\n  return typeof process !== 'undefined' && process.env?.__STENCIL_SPEC_TESTS__ === 'true';\n};\n"],"names":[],"mappings":";;;;;;;YAAA;;YAEG;kBACU,SAAS,gBAAG,CAAC,EAAU,EAAE,WAAmB,KAAI;YAC3D,IAAA,OAAO,CAAG,EAAA,EAAE,CAAK,EAAA,EAAA,WAAW,UAAU;YACxC;YAEA;;YAEG;AACU,kBAAA,iBAAiB,gBAAG,CAAC,EAAU,EAAE,OAAgB,EAAE,aAAqB,KAAI;YACvF,IAAA,IAAI,CAAC,aAAa;oBAAE;gBAEpB,IAAI,SAAS,GAAG,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC;YAEvC,IAAA,IAAI,OAAO;YAAE,QAAA,SAAS,GAAG,SAAS,CAAC,EAAE,EAAE,OAAO,CAAC;YAE/C,IAAA,OAAO,SAAS;YAClB;YAEA;;YAEG;kBACU,UAAU,gBAAG,CAAC,MAAM,EAAE,SAAS,KAAI;YAC9C,IAAA,IAAK,CAAC,MAAM,IAAI,CAAC,SAAS;oBAAG;YAC7B,IAAA,IAAI,SAAS,CAAC,QAAQ,KAAK,IAAI,EAAE;oBAC/B,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,KAAK,IAAI,SAAS,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,OAAO,GAAG,KAAK;;YAE7F;YAEA;;;;;;;YAOG;YACa,SAAA,kBAAkB,CAAC,OAAgB,EAAE,IAA6B,EAAA;YAChF,IAAA,IAAI,MAAM,CAAC,wBAAwB,CAAC,OAAO,EAAE,MAAM,CAAC;oBAAE;YAEtD,IAAA,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE;YACrC,QAAA,GAAG,EAAE,OAAO,IAAI,KAAK,UAAU,GAAG,IAAI,GAAG,MAAM,IAAI;YACnD,QAAA,UAAU,EAAE,IAAI;YAChB,QAAA,YAAY,EAAE;YACf,KAAA,CAAC;YACJ;YAEA;;;;;;;;YAQG;AACI,kBAAM,UAAU,gBAAG,MAAc;;YACtC,IAAA,OAAO,OAAO,OAAO,KAAK,WAAW,IAAI,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,sBAAsB,MAAK,MAAM;YACzF;;;;;;;;"}

package/dist/pine-core/{p-ClY6yIBF.system.js.map → p-B5fynusC.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-ClY6yIBF.system.js","sources":["src/components/pds-table/pds-table-body/pds-table-body.scss?tag=pds-table-body&encapsulation=shadow","src/components/pds-table/pds-table-body/pds-table-body.tsx"],"sourcesContent":[":host {\n  border-color: inherit;\n  display: table-row-group;\n  vertical-align: middle;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-body',\n  styleUrls: ['pds-table-body.scss'],\n  shadow: true,\n})\nexport class PdsTableBody {\n\n  render() {\n    return (\n      <Host role=\"rowgroup\" part=\"body\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,eAAe,GAAG,2EAA2E;;YCOtF,YAAY,6BAAA,MAAA;;;;UAEvB,MAAM,GAAA;MACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAA,EAC/B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;"}
+{"version":3,"file":"p-B5fynusC.system.js","sources":["src/components/pds-table/pds-table-body/pds-table-body.scss?tag=pds-table-body&encapsulation=shadow","src/components/pds-table/pds-table-body/pds-table-body.tsx"],"sourcesContent":[":host {\n  border-color: inherit;\n  display: table-row-group;\n  vertical-align: middle;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-body',\n  styleUrls: ['pds-table-body.scss'],\n  shadow: true,\n})\nexport class PdsTableBody {\n\n  render() {\n    return (\n      <Host role=\"rowgroup\" part=\"body\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,eAAe,GAAG,2EAA2E;;YCOtF,YAAY,6BAAA,MAAA;;;;UAEvB,MAAM,GAAA;MACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAA,EAC/B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;"}

package/dist/pine-core/{p-BUtyruql.system.js.map → p-BMoAGblt.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-BUtyruql.system.js","sources":["src/components/pds-table/pds-table-head-cell/pds-table-head-cell.scss?tag=pds-table-head-cell&encapsulation=shadow","src/components/pds-table/pds-table-head-cell/pds-table-head-cell.tsx"],"sourcesContent":[":host {\n  --border-head-cell-default: var(--pine-border-width-thin) solid var(--pine-color-border-subtle);\n\n  /* stylelint-disable-next-line pine-design-system/no-hardcoded-colors */\n  --box-shadow-default: 3px 3px 6px -2px rgba(0, 0, 0, 0.1);\n\n  border-block-end: var(--border-head-cell-default);\n  color: var(--pine-color-text);\n  display: table-cell;\n  font-family: var(--pine-font-family-body);\n  font-size: var(--pine-font-size);\n  font-weight: var(--pine-font-weight-regular);\n  letter-spacing: var(--pine-letter-spacing);\n  line-height: var(--pine-line-height-body);\n  padding: var(--pine-dimension-sm);\n  position: relative;\n  text-align: start;\n  vertical-align: inherit;\n}\n\n:host(.is-compact) {\n  padding-block: var(--pine-dimension-2xs)\n}\n\n:host(.is-fixed) {\n  background: var(--pine-color-background-container);\n  left: var(--pine-dimension-none);\n  position: sticky;\n  z-index: var(--pine-z-index-raised);\n}\n\n// When parent table-head has background, fixed cells should inherit it\n:host(.is-fixed.has-head-background) {\n  background-color: var(--pine-color-background-subtle);\n}\n\n// When parent table-head has border prop, add top border (bottom already set in :host)\n:host(.has-head-border) {\n  border-block-start: var(--border-head-cell-default);\n}\n\n// box shadow when table has scrolled and cell is fixed\n:host(.has-scrolled.is-fixed) {\n  box-shadow: var(--box-shadow-default);\n}\n\n:host(.is-sortable) {\n  cursor: pointer;\n\n  pds-icon {\n    margin-inline-start: var(--pine-dimension-2xs);\n    padding-block-start: 2px;\n    position: absolute;\n  }\n}\n\n:host(.is-sortable:hover),\n:host(.is-active) {\n  color: var(--pine-color-text-strong);\n}\n\n// Text Alignment\n:host(.pds-table-head-cell--align-start) {\n  text-align: start;\n}\n\n:host(.pds-table-head-cell--align-center) {\n  text-align: center;\n}\n\n:host(.pds-table-head-cell--align-end) {\n  text-align: end;\n}\n\n:host(.pds-table-head-cell--align-justify) {\n  text-align: justify;\n}\n","import { Component, Element, Host, Prop, h, Event, EventEmitter, State, Method } from '@stencil/core';\n\nimport { downSmall, upSmall } from '@pine-ds/icons/icons';\n\n@Component({\n  tag: 'pds-table-head-cell',\n  styleUrls: ['pds-table-head-cell.scss'],\n  shadow: true,\n})\nexport class PdsTableHeadCell {\n  @Element() hostElement: HTMLPdsTableHeadCellElement;\n  private tableRef: HTMLPdsTableElement;\n  private scrollContainer: HTMLElement | null = null;\n  private setupTimer: number | undefined;\n  private setupRetries: number = 0;\n  private headObserver?: MutationObserver;\n\n  /**\n   * Sets the text alignment within the head cell.\n   */\n  @Prop() cellAlign?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Determines whether the table column is sortable when set to `true`.\n   */\n  @Prop() sortable: boolean;\n\n  /**\n   * Event emitted to signal that a table column header has been sorted, providing information about the sorted column's name and sorting direction.\n   */\n  @Event() pdsTableSort: EventEmitter<{ column: string; direction: string }>;\n\n  /**\n   * The direction of sorting.\n   */\n  @State() private sortingDirection: 'asc' | 'desc' = 'asc';\n\n  /**\n   * Determines if the table is currently scrolling.\n   * @defaultValue false\n   */\n  @State() private tableScrolling: boolean = false;\n\n  /**\n   * Determines if the table row is currently selected.\n   * @defaultValue false\n   */\n  @State() isSelected: boolean = false;\n\n  /**\n   * Determines if the parent table-head has the border attribute.\n   * @defaultValue false\n   */\n  @State() private hasHeadBorder: boolean = false;\n\n  /**\n   * Determines if the parent table-head has the background attribute.\n   * @defaultValue false\n   */\n  @State() private hasHeadBackground: boolean = false;\n\n  /**\n   * Determines if this column is the currently active sorted column.\n   * @defaultValue false\n   */\n  @State() private isActive: boolean = false;\n\n  /**\n   * Programmatically sets this column as the active sort column with the specified direction.\n   * Used by pds-table to apply a default sort on initial load.\n   * @param direction - The sort direction to apply ('asc' or 'desc')\n   */\n  @Method()\n  async setActiveSort(direction: 'asc' | 'desc') {\n    if (!this.sortable) return;\n\n    this.sortingDirection = direction;\n    this.isActive = true;\n    this.hostElement.classList.add('is-active');\n  }\n\n  /**\n   * Clears the active sort state from this column.\n   * Used internally when another column becomes active.\n   */\n  @Method()\n  async clearActiveSort() {\n    this.isActive = false;\n    this.hostElement.classList.remove('is-active');\n  }\n\n  componentWillLoad() {\n    // Set initial references and state before first render\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n\n    const tableHead = this.hostElement.closest('pds-table-head') as HTMLElement;\n    if (tableHead) {\n      this.hasHeadBorder = tableHead.hasAttribute('border');\n      this.hasHeadBackground = tableHead.hasAttribute('background');\n    }\n  }\n\n  componentDidLoad() {\n    if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {\n      // For responsive tables with fixed columns, set up scroll detection\n      // This enables the first column header to show a shadow when the table is scrolled horizontally\n      this.setupScrollListener();\n    }\n\n    // Watch for changes to the parent table-head's border and background attributes\n    const tableHead = this.hostElement.closest('pds-table-head') as HTMLElement;\n    if (tableHead && typeof MutationObserver !== 'undefined') {\n      // Defensive guard: disconnect existing observer before creating a new one\n      if (this.headObserver) {\n        this.headObserver.disconnect();\n      }\n\n      this.headObserver = new MutationObserver(() => {\n        // Update state when border or background attributes change\n        this.hasHeadBorder = tableHead.hasAttribute('border');\n        this.hasHeadBackground = tableHead.hasAttribute('background');\n      });\n\n      this.headObserver.observe(tableHead, {\n        attributes: true,\n        attributeFilter: ['border', 'background']\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    this.cleanupScrollListener();\n\n    if (this.headObserver) {\n      this.headObserver.disconnect();\n    }\n  }\n\n\n  private setupScrollListener() {\n    if (!this.tableRef) return;\n\n    // Query shadowRoot once and cache the container\n    const container = this.tableRef.shadowRoot?.querySelector('.pds-table-responsive-container') as HTMLElement;\n\n    if (container) {\n      // Container available immediately\n      this.scrollContainer = container;\n      this.scrollContainer.addEventListener('scroll', this.handleScroll, { passive: true });\n      this.handleScroll(); // Initial check\n      this.setupRetries = 0; // Reset counter on success\n    } else {\n      // Container not ready, set up timer for retry with bounds\n      this.setupTimer = window.setTimeout(() => {\n        if (this.scrollContainer) return; // Already found\n        this.setupRetries = (this.setupRetries || 0) + 1;\n        if (this.setupRetries <= 50) {\n          this.setupScrollListener();\n        } else {\n          console.warn('Failed to find responsive container after 50 attempts');\n        }\n      }, 100);\n    }\n  }\n\n  private cleanupScrollListener() {\n    if (this.scrollContainer) {\n      this.scrollContainer.removeEventListener('scroll', this.handleScroll);\n      this.scrollContainer = null;\n    }\n\n    if (this.setupTimer !== undefined) {\n      window.clearTimeout(this.setupTimer);\n      this.setupTimer = undefined;\n    }\n\n    this.setupRetries = 0; // Reset retry counter\n  }\n\n  /**\n   * Handles scroll events to update fixed column shadow state.\n   * Updates the tableScrolling state to control CSS classes for fixed column shadows.\n   * @private\n   */\n  private handleScroll = () => {\n    if (!this.scrollContainer) {\n      return;\n    }\n\n    try {\n      this.tableScrolling = this.scrollContainer.scrollLeft > 0;\n    } catch (error) {\n      console.warn('Scroll handler error:', error);\n    }\n  };\n\n  private toggleSort = () => {\n    if (this.sortable) {\n      // Guard: return early if tableRef is not available\n      if (!this.tableRef) {\n        return;\n      }\n\n      const column = this.hostElement.innerText.trim();\n      \n      // Always toggle the direction (preserves original behavior)\n      this.sortingDirection = this.sortingDirection === 'asc' ? 'desc' : 'asc';\n      \n      // Reset all OTHER head cells to inactive state (skip the current one)\n      this.tableRef.querySelectorAll('pds-table-head-cell').forEach(async (headCell) => {\n        // Skip clearing the current cell\n        if (headCell !== this.hostElement) {\n          const headCellComponent = headCell as HTMLPdsTableHeadCellElement;\n          await headCellComponent.clearActiveSort();\n        }\n      });\n      \n      // Mark this column as active\n      this.isActive = true;\n      this.hostElement.classList.add('is-active');\n\n      // Emit the sort event with the current direction\n      this.pdsTableSort.emit({ column, direction: this.sortingDirection });\n    }\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.tableRef && this.tableRef.compact) {\n      classNames.push('is-compact');\n    }\n\n    if (this.cellAlign) {\n      classNames.push(`pds-table-head-cell--align-${this.cellAlign}`);\n    }\n\n    if (this.sortable) {\n      classNames.push('is-sortable');\n    }\n\n    if (this.sortable && this.sortingDirection !== null) {\n      classNames.push('sort-' + this.sortingDirection);\n    }\n\n    if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {\n      classNames.push('has-scrolled');\n    }\n\n    if (this.hasHeadBackground) {\n      classNames.push('has-head-background');\n    }\n\n    if (this.hasHeadBorder) {\n      classNames.push('has-head-border');\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"columnheader\"\n        onClick={this.toggleSort}\n        part=\"head-cell\"\n        style={\n          this.tableRef &&\n          this.tableRef.fixedColumn &&\n          this.tableRef.selectable\n            ? { '--fixed-cell-position': '40px' }\n            : {}\n        }\n      >\n        <slot></slot>\n        {this.sortable && this.isActive && (\n          <pds-icon icon={this.sortingDirection === 'asc' ? upSmall : downSmall} part=\"sort-icon\" />\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-BMoAGblt.system.js","sources":["src/components/pds-table/pds-table-head-cell/pds-table-head-cell.scss?tag=pds-table-head-cell&encapsulation=shadow","src/components/pds-table/pds-table-head-cell/pds-table-head-cell.tsx"],"sourcesContent":[":host {\n  --border-head-cell-default: var(--pine-border-width-thin) solid var(--pine-color-border-subtle);\n\n  /* stylelint-disable-next-line pine-design-system/no-hardcoded-colors */\n  --box-shadow-default: 3px 3px 6px -2px rgba(0, 0, 0, 0.1);\n\n  border-block-end: var(--border-head-cell-default);\n  color: var(--pine-color-text);\n  display: table-cell;\n  font-family: var(--pine-font-family-body);\n  font-size: var(--pine-font-size);\n  font-weight: var(--pine-font-weight-regular);\n  letter-spacing: var(--pine-letter-spacing);\n  line-height: var(--pine-line-height-body);\n  padding: var(--pine-dimension-sm);\n  position: relative;\n  text-align: start;\n  vertical-align: inherit;\n}\n\n:host(.is-compact) {\n  padding-block: var(--pine-dimension-2xs)\n}\n\n:host(.is-fixed) {\n  background: var(--pine-color-background-container);\n  left: var(--pine-dimension-none);\n  position: sticky;\n  z-index: var(--pine-z-index-raised);\n}\n\n// When parent table-head has background, fixed cells should inherit it\n:host(.is-fixed.has-head-background) {\n  background-color: var(--pine-color-background-subtle);\n}\n\n// When parent table-head has border prop, add top border (bottom already set in :host)\n:host(.has-head-border) {\n  border-block-start: var(--border-head-cell-default);\n}\n\n// box shadow when table has scrolled and cell is fixed\n:host(.has-scrolled.is-fixed) {\n  box-shadow: var(--box-shadow-default);\n}\n\n:host(.is-sortable) {\n  cursor: pointer;\n\n  pds-icon {\n    margin-inline-start: var(--pine-dimension-2xs);\n    padding-block-start: 2px;\n    position: absolute;\n  }\n}\n\n:host(.is-sortable:hover),\n:host(.is-active) {\n  color: var(--pine-color-text-strong);\n}\n\n// Text Alignment\n:host(.pds-table-head-cell--align-start) {\n  text-align: start;\n}\n\n:host(.pds-table-head-cell--align-center) {\n  text-align: center;\n}\n\n:host(.pds-table-head-cell--align-end) {\n  text-align: end;\n}\n\n:host(.pds-table-head-cell--align-justify) {\n  text-align: justify;\n}\n","import { Component, Element, Host, Prop, h, Event, EventEmitter, State, Method } from '@stencil/core';\n\nimport { downSmall, upSmall } from '@pine-ds/icons/icons';\n\n@Component({\n  tag: 'pds-table-head-cell',\n  styleUrls: ['pds-table-head-cell.scss'],\n  shadow: true,\n})\nexport class PdsTableHeadCell {\n  @Element() hostElement: HTMLPdsTableHeadCellElement;\n  private tableRef: HTMLPdsTableElement;\n  private scrollContainer: HTMLElement | null = null;\n  private setupTimer: number | undefined;\n  private setupRetries: number = 0;\n  private headObserver?: MutationObserver;\n\n  /**\n   * Sets the text alignment within the head cell.\n   */\n  @Prop() cellAlign?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Determines whether the table column is sortable when set to `true`.\n   */\n  @Prop() sortable: boolean;\n\n  /**\n   * Event emitted to signal that a table column header has been sorted, providing information about the sorted column's name and sorting direction.\n   */\n  @Event() pdsTableSort: EventEmitter<{ column: string; direction: string }>;\n\n  /**\n   * The direction of sorting.\n   */\n  @State() private sortingDirection: 'asc' | 'desc' = 'asc';\n\n  /**\n   * Determines if the table is currently scrolling.\n   * @defaultValue false\n   */\n  @State() private tableScrolling: boolean = false;\n\n  /**\n   * Determines if the table row is currently selected.\n   * @defaultValue false\n   */\n  @State() isSelected: boolean = false;\n\n  /**\n   * Determines if the parent table-head has the border attribute.\n   * @defaultValue false\n   */\n  @State() private hasHeadBorder: boolean = false;\n\n  /**\n   * Determines if the parent table-head has the background attribute.\n   * @defaultValue false\n   */\n  @State() private hasHeadBackground: boolean = false;\n\n  /**\n   * Determines if this column is the currently active sorted column.\n   * @defaultValue false\n   */\n  @State() private isActive: boolean = false;\n\n  /**\n   * Programmatically sets this column as the active sort column with the specified direction.\n   * Used by pds-table to apply a default sort on initial load.\n   * @param direction - The sort direction to apply ('asc' or 'desc')\n   */\n  @Method()\n  async setActiveSort(direction: 'asc' | 'desc') {\n    if (!this.sortable) return;\n\n    this.sortingDirection = direction;\n    this.isActive = true;\n    this.hostElement.classList.add('is-active');\n  }\n\n  /**\n   * Clears the active sort state from this column.\n   * Used internally when another column becomes active.\n   */\n  @Method()\n  async clearActiveSort() {\n    this.isActive = false;\n    this.hostElement.classList.remove('is-active');\n  }\n\n  componentWillLoad() {\n    // Set initial references and state before first render\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n\n    const tableHead = this.hostElement.closest('pds-table-head') as HTMLElement;\n    if (tableHead) {\n      this.hasHeadBorder = tableHead.hasAttribute('border');\n      this.hasHeadBackground = tableHead.hasAttribute('background');\n    }\n  }\n\n  componentDidLoad() {\n    if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {\n      // For responsive tables with fixed columns, set up scroll detection\n      // This enables the first column header to show a shadow when the table is scrolled horizontally\n      this.setupScrollListener();\n    }\n\n    // Watch for changes to the parent table-head's border and background attributes\n    const tableHead = this.hostElement.closest('pds-table-head') as HTMLElement;\n    if (tableHead && typeof MutationObserver !== 'undefined') {\n      // Defensive guard: disconnect existing observer before creating a new one\n      if (this.headObserver) {\n        this.headObserver.disconnect();\n      }\n\n      this.headObserver = new MutationObserver(() => {\n        // Update state when border or background attributes change\n        this.hasHeadBorder = tableHead.hasAttribute('border');\n        this.hasHeadBackground = tableHead.hasAttribute('background');\n      });\n\n      this.headObserver.observe(tableHead, {\n        attributes: true,\n        attributeFilter: ['border', 'background']\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    this.cleanupScrollListener();\n\n    if (this.headObserver) {\n      this.headObserver.disconnect();\n    }\n  }\n\n\n  private setupScrollListener() {\n    if (!this.tableRef) return;\n\n    // Query shadowRoot once and cache the container\n    const container = this.tableRef.shadowRoot?.querySelector('.pds-table-responsive-container') as HTMLElement;\n\n    if (container) {\n      // Container available immediately\n      this.scrollContainer = container;\n      this.scrollContainer.addEventListener('scroll', this.handleScroll, { passive: true });\n      this.handleScroll(); // Initial check\n      this.setupRetries = 0; // Reset counter on success\n    } else {\n      // Container not ready, set up timer for retry with bounds\n      this.setupTimer = window.setTimeout(() => {\n        if (this.scrollContainer) return; // Already found\n        this.setupRetries = (this.setupRetries || 0) + 1;\n        if (this.setupRetries <= 50) {\n          this.setupScrollListener();\n        } else {\n          console.warn('Failed to find responsive container after 50 attempts');\n        }\n      }, 100);\n    }\n  }\n\n  private cleanupScrollListener() {\n    if (this.scrollContainer) {\n      this.scrollContainer.removeEventListener('scroll', this.handleScroll);\n      this.scrollContainer = null;\n    }\n\n    if (this.setupTimer !== undefined) {\n      window.clearTimeout(this.setupTimer);\n      this.setupTimer = undefined;\n    }\n\n    this.setupRetries = 0; // Reset retry counter\n  }\n\n  /**\n   * Handles scroll events to update fixed column shadow state.\n   * Updates the tableScrolling state to control CSS classes for fixed column shadows.\n   * @private\n   */\n  private handleScroll = () => {\n    if (!this.scrollContainer) {\n      return;\n    }\n\n    try {\n      this.tableScrolling = this.scrollContainer.scrollLeft > 0;\n    } catch (error) {\n      console.warn('Scroll handler error:', error);\n    }\n  };\n\n  private toggleSort = () => {\n    if (this.sortable) {\n      // Guard: return early if tableRef is not available\n      if (!this.tableRef) {\n        return;\n      }\n\n      const column = this.hostElement.innerText.trim();\n      \n      // Always toggle the direction (preserves original behavior)\n      this.sortingDirection = this.sortingDirection === 'asc' ? 'desc' : 'asc';\n      \n      // Reset all OTHER head cells to inactive state (skip the current one)\n      this.tableRef.querySelectorAll('pds-table-head-cell').forEach(async (headCell) => {\n        // Skip clearing the current cell\n        if (headCell !== this.hostElement) {\n          const headCellComponent = headCell as HTMLPdsTableHeadCellElement;\n          await headCellComponent.clearActiveSort();\n        }\n      });\n      \n      // Mark this column as active\n      this.isActive = true;\n      this.hostElement.classList.add('is-active');\n\n      // Emit the sort event with the current direction\n      this.pdsTableSort.emit({ column, direction: this.sortingDirection });\n    }\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.tableRef && this.tableRef.compact) {\n      classNames.push('is-compact');\n    }\n\n    if (this.cellAlign) {\n      classNames.push(`pds-table-head-cell--align-${this.cellAlign}`);\n    }\n\n    if (this.sortable) {\n      classNames.push('is-sortable');\n    }\n\n    if (this.sortable && this.sortingDirection !== null) {\n      classNames.push('sort-' + this.sortingDirection);\n    }\n\n    if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {\n      classNames.push('has-scrolled');\n    }\n\n    if (this.hasHeadBackground) {\n      classNames.push('has-head-background');\n    }\n\n    if (this.hasHeadBorder) {\n      classNames.push('has-head-border');\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"columnheader\"\n        onClick={this.toggleSort}\n        part=\"head-cell\"\n        style={\n          this.tableRef &&\n          this.tableRef.fixedColumn &&\n          this.tableRef.selectable\n            ? { '--fixed-cell-position': '40px' }\n            : {}\n        }\n      >\n        <slot></slot>\n        {this.sortable && this.isActive && (\n          <pds-icon icon={this.sortingDirection === 'asc' ? upSmall : downSmall} part=\"sort-icon\" />\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/pine-core/{p-5hPM5knE.js → p-BNSGedhN.js}

@@ -1,2 +1,2 @@
-import{c as n,o as e,f as t,s as i}from"./p-BO6p966C.js";const o="pds-truncation-tooltip";function s(){if(document.querySelector("[data-pds-truncation-tooltip]"))return;const n=document.createElement("style");n.setAttribute("data-pds-truncation-tooltip","");n.textContent=`\n    .${o} {\n      position: fixed;\n      z-index: var(--pine-z-index-nuclear, 9999);\n    }\n    .${o}__content {\n      background-color: var(--pine-color-primary, #1a1a2e);\n      border-radius: calc(var(--pine-dimension-xs, 4px) * 1.25);\n      box-shadow: var(--pine-box-shadow, 0 2px 8px rgba(0,0,0,0.15));\n      color: var(--pine-color-text-primary, #fff);\n      cursor: text;\n      font-family: var(--pine-font-family-body, sans-serif);\n      font-size: var(--pine-font-size-body-sm, 0.875rem);\n      letter-spacing: var(--pine-letter-spacing, normal);\n      line-height: var(--pine-line-height-body, 1.5);\n      max-width: 320px;\n      opacity: 0;\n      padding: var(--pine-dimension-xs, 4px) calc(var(--pine-dimension-md, 12px) / 2);\n      transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;\n      user-select: text;\n      visibility: hidden;\n      width: max-content;\n      word-break: break-word;\n    }\n    .${o}--visible .${o}__content {\n      opacity: 1;\n      visibility: visible;\n    }\n  `;document.head.appendChild(n)}function a(n){return n.scrollWidth>n.clientWidth}function r(r){const{hostEl:l,contentEl:c,getTooltipText:u,placement:f="top"}=r;s();let p=null;let d=false;let m=false;let v=false;let x=null;let b=null;let y=null;if(typeof ResizeObserver!=="undefined"){b=new ResizeObserver((()=>{if(y){clearTimeout(y)}y=setTimeout((()=>{y=null;if(p&&p.isConnected&&!a(c)){z()}}),100)}));b.observe(c)}function h(){if(p)return;const n=u();if(!n||n.trim()==="")return;p=document.createElement("div");p.className=o;p.setAttribute("role","tooltip");p.setAttribute("aria-hidden","false");const e=document.createElement("div");e.className=`${o}__content`;e.textContent=n.trim();p.appendChild(e);document.body.appendChild(p);p.addEventListener("mouseenter",M);p.addEventListener("mouseleave",j);w().then((()=>{if(p){p.classList.add(`${o}--visible`)}}))}async function w(){if(!p)return;try{const{x:o,y:s}=await n(l,p,{placement:f,strategy:"fixed",middleware:[e(4),t(),i({padding:5})]});Object.assign(p.style,{left:`${o}px`,top:`${s}px`})}catch(n){if(p){const n=l.getBoundingClientRect();const e=p.getBoundingClientRect();const t=5;const i=Math.max(t,Math.min(n.left,window.innerWidth-e.width-t));const o=Math.max(t,n.top-e.height-8);p.style.left=`${i}px`;p.style.top=`${o}px`}}}function $(){if(p){p.removeEventListener("mouseenter",M);p.removeEventListener("mouseleave",j);p.classList.remove(`${o}--visible`);if(p.parentNode&&p.isConnected){try{p.parentNode.removeChild(p)}catch(n){}}p=null}}function g(){if(x!==null){clearTimeout(x);x=null}}function T(){g();if(!a(c))return;h()}function z(){if(d||m||v)return;$()}function _(){g();x=setTimeout((()=>{x=null;z()}),100)}function O(){d=true;T()}function k(){d=false;_()}function M(){m=true;g()}function j(){m=false;_()}function E(){v=true;T()}function R(){v=false;_()}l.addEventListener("mouseenter",O);l.addEventListener("mouseleave",k);l.addEventListener("focusin",E);l.addEventListener("focusout",R);return()=>{g();if(y){clearTimeout(y);y=null}if(b){b.disconnect()}l.removeEventListener("mouseenter",O);l.removeEventListener("mouseleave",k);l.removeEventListener("focusin",E);l.removeEventListener("focusout",R);$()}}export{r as s};
-//# sourceMappingURL=p-5hPM5knE.js.map
+import{c as n,o as e,f as t,s as i}from"./p-DDtwbwIl.js";const o="pds-truncation-tooltip";function s(){if(document.querySelector("[data-pds-truncation-tooltip]"))return;const n=document.createElement("style");n.setAttribute("data-pds-truncation-tooltip","");n.textContent=`\n    .${o} {\n      position: fixed;\n      z-index: var(--pine-z-index-nuclear, 9999);\n    }\n    .${o}__content {\n      background-color: var(--pine-color-primary, #1a1a2e);\n      border-radius: calc(var(--pine-dimension-xs, 4px) * 1.25);\n      box-shadow: var(--pine-box-shadow, 0 2px 8px rgba(0,0,0,0.15));\n      color: var(--pine-color-text-primary, #fff);\n      cursor: text;\n      font-family: var(--pine-font-family-body, sans-serif);\n      font-size: var(--pine-font-size-body-sm, 0.875rem);\n      letter-spacing: var(--pine-letter-spacing, normal);\n      line-height: var(--pine-line-height-body, 1.5);\n      max-width: 320px;\n      opacity: 0;\n      padding: var(--pine-dimension-xs, 4px) calc(var(--pine-dimension-md, 12px) / 2);\n      transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;\n      user-select: text;\n      visibility: hidden;\n      width: max-content;\n      word-break: break-word;\n    }\n    .${o}--visible .${o}__content {\n      opacity: 1;\n      visibility: visible;\n    }\n  `;document.head.appendChild(n)}function a(n){return n.scrollWidth>n.clientWidth}function r(r){const{hostEl:l,contentEl:c,getTooltipText:u,placement:f="top"}=r;s();let p=null;let d=false;let m=false;let v=false;let x=null;let b=null;let y=null;if(typeof ResizeObserver!=="undefined"){b=new ResizeObserver((()=>{if(y){clearTimeout(y)}y=setTimeout((()=>{y=null;if(p&&p.isConnected&&!a(c)){z()}}),100)}));b.observe(c)}function h(){if(p)return;const n=u();if(!n||n.trim()==="")return;p=document.createElement("div");p.className=o;p.setAttribute("role","tooltip");p.setAttribute("aria-hidden","false");const e=document.createElement("div");e.className=`${o}__content`;e.textContent=n.trim();p.appendChild(e);document.body.appendChild(p);p.addEventListener("mouseenter",O);p.addEventListener("mouseleave",j);w().then((()=>{if(p){p.classList.add(`${o}--visible`)}}))}async function w(){if(!p)return;try{const{x:o,y:s}=await n(l,p,{placement:f,strategy:"fixed",middleware:[e(4),t(),i({padding:5})]});Object.assign(p.style,{left:`${o}px`,top:`${s}px`})}catch(n){if(p){const n=l.getBoundingClientRect();const e=p.getBoundingClientRect();const t=5;const i=Math.max(t,Math.min(n.left,window.innerWidth-e.width-t));const o=Math.max(t,n.top-e.height-8);p.style.left=`${i}px`;p.style.top=`${o}px`}}}function $(){if(p){p.removeEventListener("mouseenter",O);p.removeEventListener("mouseleave",j);p.classList.remove(`${o}--visible`);if(p.parentNode&&p.isConnected){try{p.parentNode.removeChild(p)}catch(n){}}p=null}}function g(){if(x!==null){clearTimeout(x);x=null}}function T(){g();if(!a(c))return;h()}function z(){if(d||m||v)return;$()}function _(){g();x=setTimeout((()=>{x=null;z()}),100)}function k(){d=true;T()}function M(){d=false;_()}function O(){m=true;g()}function j(){m=false;_()}function D(){v=true;T()}function E(){v=false;_()}l.addEventListener("mouseenter",k);l.addEventListener("mouseleave",M);l.addEventListener("focusin",D);l.addEventListener("focusout",E);return()=>{g();if(y){clearTimeout(y);y=null}if(b){b.disconnect()}l.removeEventListener("mouseenter",k);l.removeEventListener("mouseleave",M);l.removeEventListener("focusin",D);l.removeEventListener("focusout",E);$()}}export{r as s};
+//# sourceMappingURL=p-BNSGedhN.js.map

package/dist/pine-core/{p-5hPM5knE.js.map → p-BNSGedhN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-5hPM5knE.js","sources":["src/utils/truncation-tooltip.ts"],"sourcesContent":["import { PlacementType } from './types';\nimport {\n  computePosition,\n  flip,\n  offset,\n  shift,\n} from '@floating-ui/dom';\n\nexport interface TruncationTooltipOptions {\n  /** The host element (for hover/focus listeners and positioning anchor) */\n  hostEl: HTMLElement;\n  /** The inner element where overflow actually occurs (inside shadow root) */\n  contentEl: HTMLElement;\n  /** Function that returns the full text to display in the tooltip */\n  getTooltipText: () => string;\n  /** Tooltip placement preference (default: 'top') */\n  placement?: PlacementType;\n}\n\n/** CSS class prefix used for truncation tooltip portal elements */\nconst TOOLTIP_CLASS = 'pds-truncation-tooltip';\n\n/**\n * Injects the truncation tooltip styles into the document head.\n * Uses the same design tokens as pds-tooltip for visual consistency.\n * Only injects once — checks the DOM to avoid duplicates.\n *\n * Z-Index Strategy:\n * Uses --pine-z-index-nuclear (9999) to ensure tooltips appear above all other UI elements.\n * This is necessary because tooltips are portaled to document.body and must overlay:\n * - Modal dialogs\n * - Dropdown menus\n * - Other floating UI elements\n * If you encounter z-index conflicts, ensure your overlays use Pine's z-index tokens\n * or adjust --pine-z-index-nuclear in your theme.\n */\nfunction injectStyles(): void {\n  if (document.querySelector('[data-pds-truncation-tooltip]')) return;\n\n  const style = document.createElement('style');\n  style.setAttribute('data-pds-truncation-tooltip', '');\n  style.textContent = `\n    .${TOOLTIP_CLASS} {\n      position: fixed;\n      z-index: var(--pine-z-index-nuclear, 9999);\n    }\n    .${TOOLTIP_CLASS}__content {\n      background-color: var(--pine-color-primary, #1a1a2e);\n      border-radius: calc(var(--pine-dimension-xs, 4px) * 1.25);\n      box-shadow: var(--pine-box-shadow, 0 2px 8px rgba(0,0,0,0.15));\n      color: var(--pine-color-text-primary, #fff);\n      cursor: text;\n      font-family: var(--pine-font-family-body, sans-serif);\n      font-size: var(--pine-font-size-body-sm, 0.875rem);\n      letter-spacing: var(--pine-letter-spacing, normal);\n      line-height: var(--pine-line-height-body, 1.5);\n      max-width: 320px;\n      opacity: 0;\n      padding: var(--pine-dimension-xs, 4px) calc(var(--pine-dimension-md, 12px) / 2);\n      transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;\n      user-select: text;\n      visibility: hidden;\n      width: max-content;\n      word-break: break-word;\n    }\n    .${TOOLTIP_CLASS}--visible .${TOOLTIP_CLASS}__content {\n      opacity: 1;\n      visibility: visible;\n    }\n  `;\n  document.head.appendChild(style);\n}\n\n/**\n * Checks if an element's content is overflowing horizontally (i.e. text is truncated).\n */\nfunction isOverflowing(el: HTMLElement): boolean {\n  return el.scrollWidth > el.clientWidth;\n}\n\n/**\n * Sets up automatic tooltip behavior for a truncated element.\n *\n * When the element's text overflows, hovering or focusing the host element\n * will display a tooltip showing the full text content. The tooltip is\n * rendered as a portal on document.body and positioned with Floating UI.\n *\n * @returns A cleanup function that removes all listeners, observers, and DOM elements.\n */\nexport function setupTruncationTooltip(options: TruncationTooltipOptions): () => void {\n  const { hostEl, contentEl, getTooltipText, placement = 'top' } = options;\n\n  injectStyles();\n\n  let portalEl: HTMLElement | null = null;\n  let isHovering = false;\n  let isHoveringPortal = false;\n  let isFocused = false;\n  let hideTimeout: ReturnType<typeof setTimeout> | null = null;\n  let resizeObserver: ResizeObserver | null = null;\n  let resizeDebounce: ReturnType<typeof setTimeout> | null = null;\n\n  // Use ResizeObserver to re-evaluate overflow when the element resizes\n  // Debounced to prevent performance issues during rapid window resizing\n  if (typeof ResizeObserver !== 'undefined') {\n    resizeObserver = new ResizeObserver(() => {\n      if (resizeDebounce) {\n        clearTimeout(resizeDebounce);\n      }\n      resizeDebounce = setTimeout(() => {\n        resizeDebounce = null;\n        // If tooltip is showing but text no longer overflows, hide it\n        if (portalEl && portalEl.isConnected && !isOverflowing(contentEl)) {\n          hideTooltip();\n        }\n      }, 100);\n    });\n    resizeObserver.observe(contentEl);\n  }\n\n  function createPortal(): void {\n    if (portalEl) return;\n\n    const text = getTooltipText();\n    if (!text || text.trim() === '') return;\n\n    portalEl = document.createElement('div');\n    portalEl.className = TOOLTIP_CLASS;\n    portalEl.setAttribute('role', 'tooltip');\n    portalEl.setAttribute('aria-hidden', 'false');\n\n    const contentDiv = document.createElement('div');\n    contentDiv.className = `${TOOLTIP_CLASS}__content`;\n    contentDiv.textContent = text.trim();\n\n    portalEl.appendChild(contentDiv);\n    document.body.appendChild(portalEl);\n\n    // Allow the user to hover into the tooltip to select/copy text\n    portalEl.addEventListener('mouseenter', handlePortalMouseEnter);\n    portalEl.addEventListener('mouseleave', handlePortalMouseLeave);\n\n    positionTooltip().then(() => {\n      if (portalEl) {\n        portalEl.classList.add(`${TOOLTIP_CLASS}--visible`);\n      }\n    });\n  }\n\n  async function positionTooltip(): Promise<void> {\n    if (!portalEl) return;\n\n    try {\n      const { x, y } = await computePosition(hostEl, portalEl, {\n        placement,\n        strategy: 'fixed',\n        middleware: [offset(4), flip(), shift({ padding: 5 })],\n      });\n\n      Object.assign(portalEl.style, {\n        left: `${x}px`,\n        top: `${y}px`,\n      });\n    } catch {\n      // Fallback: position above the element with bounds checking\n      if (portalEl) {\n        const rect = hostEl.getBoundingClientRect();\n        const portalRect = portalEl.getBoundingClientRect();\n        const padding = 5;\n\n        // Ensure tooltip stays within viewport bounds\n        const left = Math.max(padding, Math.min(rect.left, window.innerWidth - portalRect.width - padding));\n        const top = Math.max(padding, rect.top - portalRect.height - 8);\n\n        portalEl.style.left = `${left}px`;\n        portalEl.style.top = `${top}px`;\n      }\n    }\n  }\n\n  function removePortal(): void {\n    if (portalEl) {\n      portalEl.removeEventListener('mouseenter', handlePortalMouseEnter);\n      portalEl.removeEventListener('mouseleave', handlePortalMouseLeave);\n      portalEl.classList.remove(`${TOOLTIP_CLASS}--visible`);\n      // Check if portal is still in the DOM before removing\n      if (portalEl.parentNode && portalEl.isConnected) {\n        try {\n          portalEl.parentNode.removeChild(portalEl);\n        } catch (e) {\n          // Portal was already removed, ignore error\n        }\n      }\n      portalEl = null;\n    }\n  }\n\n  function cancelHideTimeout(): void {\n    if (hideTimeout !== null) {\n      clearTimeout(hideTimeout);\n      hideTimeout = null;\n    }\n  }\n\n  function showTooltip(): void {\n    cancelHideTimeout();\n    if (!isOverflowing(contentEl)) return;\n    createPortal();\n  }\n\n  function hideTooltip(): void {\n    if (isHovering || isHoveringPortal || isFocused) return;\n    removePortal();\n  }\n\n  /**\n   * Schedules tooltip removal after a short delay.\n   *\n   * The 100ms delay serves two purposes:\n   * 1. Gives users time to move their cursor from the truncated text to the tooltip portal\n   *    without it closing, enabling text selection/copying from the tooltip\n   * 2. Prevents flickering when the user briefly moves the cursor during normal interaction\n   */\n  function scheduleHide(): void {\n    cancelHideTimeout();\n    hideTimeout = setTimeout(() => {\n      hideTimeout = null;\n      hideTooltip();\n    }, 100);\n  }\n\n  function handleMouseEnter(): void {\n    isHovering = true;\n    showTooltip();\n  }\n\n  function handleMouseLeave(): void {\n    isHovering = false;\n    scheduleHide();\n  }\n\n  function handlePortalMouseEnter(): void {\n    isHoveringPortal = true;\n    cancelHideTimeout();\n  }\n\n  function handlePortalMouseLeave(): void {\n    isHoveringPortal = false;\n    scheduleHide();\n  }\n\n  function handleFocusIn(): void {\n    isFocused = true;\n    showTooltip();\n  }\n\n  function handleFocusOut(): void {\n    isFocused = false;\n    scheduleHide();\n  }\n\n  hostEl.addEventListener('mouseenter', handleMouseEnter);\n  hostEl.addEventListener('mouseleave', handleMouseLeave);\n  hostEl.addEventListener('focusin', handleFocusIn);\n  hostEl.addEventListener('focusout', handleFocusOut);\n\n  // Return cleanup function\n  return () => {\n    cancelHideTimeout();\n    if (resizeDebounce) {\n      clearTimeout(resizeDebounce);\n      resizeDebounce = null;\n    }\n    if (resizeObserver) {\n      resizeObserver.disconnect();\n    }\n    hostEl.removeEventListener('mouseenter', handleMouseEnter);\n    hostEl.removeEventListener('mouseleave', handleMouseLeave);\n    hostEl.removeEventListener('focusin', handleFocusIn);\n    hostEl.removeEventListener('focusout', handleFocusOut);\n    removePortal();\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-BNSGedhN.js","sources":["src/utils/truncation-tooltip.ts"],"sourcesContent":["import { PlacementType } from './types';\nimport {\n  computePosition,\n  flip,\n  offset,\n  shift,\n} from '@floating-ui/dom';\n\nexport interface TruncationTooltipOptions {\n  /** The host element (for hover/focus listeners and positioning anchor) */\n  hostEl: HTMLElement;\n  /** The inner element where overflow actually occurs (inside shadow root) */\n  contentEl: HTMLElement;\n  /** Function that returns the full text to display in the tooltip */\n  getTooltipText: () => string;\n  /** Tooltip placement preference (default: 'top') */\n  placement?: PlacementType;\n}\n\n/** CSS class prefix used for truncation tooltip portal elements */\nconst TOOLTIP_CLASS = 'pds-truncation-tooltip';\n\n/**\n * Injects the truncation tooltip styles into the document head.\n * Uses the same design tokens as pds-tooltip for visual consistency.\n * Only injects once — checks the DOM to avoid duplicates.\n *\n * Z-Index Strategy:\n * Uses --pine-z-index-nuclear (9999) to ensure tooltips appear above all other UI elements.\n * This is necessary because tooltips are portaled to document.body and must overlay:\n * - Modal dialogs\n * - Dropdown menus\n * - Other floating UI elements\n * If you encounter z-index conflicts, ensure your overlays use Pine's z-index tokens\n * or adjust --pine-z-index-nuclear in your theme.\n */\nfunction injectStyles(): void {\n  if (document.querySelector('[data-pds-truncation-tooltip]')) return;\n\n  const style = document.createElement('style');\n  style.setAttribute('data-pds-truncation-tooltip', '');\n  style.textContent = `\n    .${TOOLTIP_CLASS} {\n      position: fixed;\n      z-index: var(--pine-z-index-nuclear, 9999);\n    }\n    .${TOOLTIP_CLASS}__content {\n      background-color: var(--pine-color-primary, #1a1a2e);\n      border-radius: calc(var(--pine-dimension-xs, 4px) * 1.25);\n      box-shadow: var(--pine-box-shadow, 0 2px 8px rgba(0,0,0,0.15));\n      color: var(--pine-color-text-primary, #fff);\n      cursor: text;\n      font-family: var(--pine-font-family-body, sans-serif);\n      font-size: var(--pine-font-size-body-sm, 0.875rem);\n      letter-spacing: var(--pine-letter-spacing, normal);\n      line-height: var(--pine-line-height-body, 1.5);\n      max-width: 320px;\n      opacity: 0;\n      padding: var(--pine-dimension-xs, 4px) calc(var(--pine-dimension-md, 12px) / 2);\n      transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;\n      user-select: text;\n      visibility: hidden;\n      width: max-content;\n      word-break: break-word;\n    }\n    .${TOOLTIP_CLASS}--visible .${TOOLTIP_CLASS}__content {\n      opacity: 1;\n      visibility: visible;\n    }\n  `;\n  document.head.appendChild(style);\n}\n\n/**\n * Checks if an element's content is overflowing horizontally (i.e. text is truncated).\n */\nfunction isOverflowing(el: HTMLElement): boolean {\n  return el.scrollWidth > el.clientWidth;\n}\n\n/**\n * Sets up automatic tooltip behavior for a truncated element.\n *\n * When the element's text overflows, hovering or focusing the host element\n * will display a tooltip showing the full text content. The tooltip is\n * rendered as a portal on document.body and positioned with Floating UI.\n *\n * @returns A cleanup function that removes all listeners, observers, and DOM elements.\n */\nexport function setupTruncationTooltip(options: TruncationTooltipOptions): () => void {\n  const { hostEl, contentEl, getTooltipText, placement = 'top' } = options;\n\n  injectStyles();\n\n  let portalEl: HTMLElement | null = null;\n  let isHovering = false;\n  let isHoveringPortal = false;\n  let isFocused = false;\n  let hideTimeout: ReturnType<typeof setTimeout> | null = null;\n  let resizeObserver: ResizeObserver | null = null;\n  let resizeDebounce: ReturnType<typeof setTimeout> | null = null;\n\n  // Use ResizeObserver to re-evaluate overflow when the element resizes\n  // Debounced to prevent performance issues during rapid window resizing\n  if (typeof ResizeObserver !== 'undefined') {\n    resizeObserver = new ResizeObserver(() => {\n      if (resizeDebounce) {\n        clearTimeout(resizeDebounce);\n      }\n      resizeDebounce = setTimeout(() => {\n        resizeDebounce = null;\n        // If tooltip is showing but text no longer overflows, hide it\n        if (portalEl && portalEl.isConnected && !isOverflowing(contentEl)) {\n          hideTooltip();\n        }\n      }, 100);\n    });\n    resizeObserver.observe(contentEl);\n  }\n\n  function createPortal(): void {\n    if (portalEl) return;\n\n    const text = getTooltipText();\n    if (!text || text.trim() === '') return;\n\n    portalEl = document.createElement('div');\n    portalEl.className = TOOLTIP_CLASS;\n    portalEl.setAttribute('role', 'tooltip');\n    portalEl.setAttribute('aria-hidden', 'false');\n\n    const contentDiv = document.createElement('div');\n    contentDiv.className = `${TOOLTIP_CLASS}__content`;\n    contentDiv.textContent = text.trim();\n\n    portalEl.appendChild(contentDiv);\n    document.body.appendChild(portalEl);\n\n    // Allow the user to hover into the tooltip to select/copy text\n    portalEl.addEventListener('mouseenter', handlePortalMouseEnter);\n    portalEl.addEventListener('mouseleave', handlePortalMouseLeave);\n\n    positionTooltip().then(() => {\n      if (portalEl) {\n        portalEl.classList.add(`${TOOLTIP_CLASS}--visible`);\n      }\n    });\n  }\n\n  async function positionTooltip(): Promise<void> {\n    if (!portalEl) return;\n\n    try {\n      const { x, y } = await computePosition(hostEl, portalEl, {\n        placement,\n        strategy: 'fixed',\n        middleware: [offset(4), flip(), shift({ padding: 5 })],\n      });\n\n      Object.assign(portalEl.style, {\n        left: `${x}px`,\n        top: `${y}px`,\n      });\n    } catch {\n      // Fallback: position above the element with bounds checking\n      if (portalEl) {\n        const rect = hostEl.getBoundingClientRect();\n        const portalRect = portalEl.getBoundingClientRect();\n        const padding = 5;\n\n        // Ensure tooltip stays within viewport bounds\n        const left = Math.max(padding, Math.min(rect.left, window.innerWidth - portalRect.width - padding));\n        const top = Math.max(padding, rect.top - portalRect.height - 8);\n\n        portalEl.style.left = `${left}px`;\n        portalEl.style.top = `${top}px`;\n      }\n    }\n  }\n\n  function removePortal(): void {\n    if (portalEl) {\n      portalEl.removeEventListener('mouseenter', handlePortalMouseEnter);\n      portalEl.removeEventListener('mouseleave', handlePortalMouseLeave);\n      portalEl.classList.remove(`${TOOLTIP_CLASS}--visible`);\n      // Check if portal is still in the DOM before removing\n      if (portalEl.parentNode && portalEl.isConnected) {\n        try {\n          portalEl.parentNode.removeChild(portalEl);\n        } catch (e) {\n          // Portal was already removed, ignore error\n        }\n      }\n      portalEl = null;\n    }\n  }\n\n  function cancelHideTimeout(): void {\n    if (hideTimeout !== null) {\n      clearTimeout(hideTimeout);\n      hideTimeout = null;\n    }\n  }\n\n  function showTooltip(): void {\n    cancelHideTimeout();\n    if (!isOverflowing(contentEl)) return;\n    createPortal();\n  }\n\n  function hideTooltip(): void {\n    if (isHovering || isHoveringPortal || isFocused) return;\n    removePortal();\n  }\n\n  /**\n   * Schedules tooltip removal after a short delay.\n   *\n   * The 100ms delay serves two purposes:\n   * 1. Gives users time to move their cursor from the truncated text to the tooltip portal\n   *    without it closing, enabling text selection/copying from the tooltip\n   * 2. Prevents flickering when the user briefly moves the cursor during normal interaction\n   */\n  function scheduleHide(): void {\n    cancelHideTimeout();\n    hideTimeout = setTimeout(() => {\n      hideTimeout = null;\n      hideTooltip();\n    }, 100);\n  }\n\n  function handleMouseEnter(): void {\n    isHovering = true;\n    showTooltip();\n  }\n\n  function handleMouseLeave(): void {\n    isHovering = false;\n    scheduleHide();\n  }\n\n  function handlePortalMouseEnter(): void {\n    isHoveringPortal = true;\n    cancelHideTimeout();\n  }\n\n  function handlePortalMouseLeave(): void {\n    isHoveringPortal = false;\n    scheduleHide();\n  }\n\n  function handleFocusIn(): void {\n    isFocused = true;\n    showTooltip();\n  }\n\n  function handleFocusOut(): void {\n    isFocused = false;\n    scheduleHide();\n  }\n\n  hostEl.addEventListener('mouseenter', handleMouseEnter);\n  hostEl.addEventListener('mouseleave', handleMouseLeave);\n  hostEl.addEventListener('focusin', handleFocusIn);\n  hostEl.addEventListener('focusout', handleFocusOut);\n\n  // Return cleanup function\n  return () => {\n    cancelHideTimeout();\n    if (resizeDebounce) {\n      clearTimeout(resizeDebounce);\n      resizeDebounce = null;\n    }\n    if (resizeObserver) {\n      resizeObserver.disconnect();\n    }\n    hostEl.removeEventListener('mouseenter', handleMouseEnter);\n    hostEl.removeEventListener('mouseleave', handleMouseLeave);\n    hostEl.removeEventListener('focusin', handleFocusIn);\n    hostEl.removeEventListener('focusout', handleFocusOut);\n    removePortal();\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/pine-core/{p-9SGoKSa6.system.js.map → p-BOuxAvbi.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-9SGoKSa6.system.js","sources":["src/global/styles/utils/label.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n  --sizing-check-size: 6px;\n  --sizing-input-size: var(--pine-dimension-sm);\n  --sizing-margin-block-start: 6px;\n\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n  position: relative;\n}\n\n:host(.is-invalid) {\n  // Invalid state only affects error message styling, not the radio itself\n  // This allows radio-group to handle error display without red radios\n  .pds-radio__message--error {\n    color: var(--pine-color-text-message-danger);\n  }\n}\n\n:host(.has-border) {\n  align-items: flex-start;\n  border: var(--pine-border);\n  border-radius: var(--pine-dimension-125);\n  column-gap: var(--pine-dimension-xs);\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  padding: var(--pine-dimension-md);\n\n  // On small screens, ensure full width when in a row layout\n  @media (max-width: 767px) {\n    box-sizing: border-box;\n    flex: 1 1 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  &:hover {\n    border: var(--pine-border-hover);\n  }\n\n  &:has(input:checked) {\n    box-shadow: 0 0 0 2px var(--pine-color-primary-hover);\n  }\n\n  label {\n    color: var(--pine-color-text);\n    font-weight: var(--pine-font-weight-semi-bold);\n\n    &::after {\n      content: \"\";\n      cursor: pointer;\n      height: 100%;\n      left: 0;\n      position: absolute;\n      top: 0;\n      width: 100%;\n      z-index: 1;\n    }\n  }\n\n  // Disabled state for bordered radios\n  &:has(input:disabled) {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    label {\n      color: var(--pine-color-text-label-disabled);\n      cursor: not-allowed;\n    }\n  }\n\n  // Invalid state for bordered radios - no red styling, only error message\n  &.is-invalid {\n    .pds-radio__message--error {\n      color: var(--pine-color-text-message-danger);\n    }\n  }\n}\n\ninput {\n  appearance: none;\n  background: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: var(--pine-border-radius-full);\n  flex: none;\n  height: var(--sizing-input-size);\n  margin: 0;\n  margin-block-start: var(--pine-dimension-025);\n  position: relative;\n  width: var(--sizing-input-size);\n\n  /* stylelint-disable-next-line selector-no-qualifying-type */\n  &.visually-hidden {\n    border: 0;\n    clip: rect(0 0 0 0);\n    clip-path: polygon(0 0, 0 0, 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  &:hover {\n    background: var(--pine-color-background-container-hover);\n    border: var(--pine-border-hover);\n  }\n\n  &:checked {\n    background: var(--pine-color-accent);\n    border-color: var(--pine-color-accent);\n\n    &:hover {\n      background: var(--pine-color-accent-hover);\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n      background: var(--pine-color-white);\n      border-radius: var(--pine-border-radius-full);\n      content: \"\";\n      display: block;\n      height: var(--sizing-check-size);\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      width: var(--sizing-check-size);\n    }\n  }\n\n  &:disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background-color: var(--pine-color-accent-disabled);\n      border-color: var(--pine-color-border-disabled);\n\n      &::after {\n        border-color: var(--pine-color-border-disabled);\n      }\n    }\n\n\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n  }\n\n}\n\nlabel {\n  display: flex;\n  gap: var(--pine-dimension-xs);\n}\n\n// Disabled label styling\nlabel:has(input:disabled) {\n  color: var(--pine-color-text-label-disabled);\n  cursor: not-allowed;\n}\n\n// Disabled message styling\n:host:has(input:disabled) .pds-radio__message {\n  color: var(--pine-color-text-label-disabled);\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.pds-radio__message {\n  color: var(--pine-color-text-message);\n  flex-basis: 100%; // Ensure message wraps to new line in flex container\n  font: var(--pine-typography-body);\n  margin-inline-start: var(--pine-dimension-md);\n  width: 100%;\n}\n\n.pds-radio__message--error {\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n\n  pds-icon {\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n\n// Image-based radio styles - matches bordered layout\n:host(.has-image) {\n  align-items: center;\n  border: var(--pine-border);\n  border-radius: var(--pine-dimension-125);\n  column-gap: var(--pine-dimension-xs);\n  display: flex;\n  flex: 1;\n  padding: var(--pine-dimension-md);\n\n  // On small screens, ensure full width when in a row layout\n  @media (max-width: 767px) {\n    box-sizing: border-box;\n    flex: 1 1 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  &:hover {\n    border: var(--pine-border-hover);\n  }\n\n  &:has(input:checked) {\n    box-shadow: 0 0 0 2px var(--pine-color-primary-hover);\n  }\n\n  label {\n    color: var(--pine-color-text);\n    display: flex;\n    font-weight: var(--pine-font-weight-semi-bold);\n    gap: var(--pine-dimension-xs);\n\n    &::after {\n      content: \"\";\n      cursor: pointer;\n      height: 100%;\n      left: 0;\n      position: absolute;\n      top: 0;\n      width: 100%;\n      z-index: 1;\n    }\n  }\n\n  .pds-radio__image-container {\n    align-items: center;\n    align-self: center;\n    border: var(--pine-border);\n    border-radius: var(--pine-border-radius-full);\n    cursor: pointer;\n    display: flex;\n    flex: none;\n    grid-area: image;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n    transition: all 0.2s ease;\n\n    &:hover {\n      border-color: var(--pine-color-border-hover);\n    }\n\n    .pds-radio__image {\n      height: 100%;\n      object-fit: cover;\n      width: 100%;\n    }\n  }\n\n  .pds-radio__message {\n    grid-area: message;\n    margin-block-start: 0;\n    margin-inline-start: 0;\n  }\n\n  // Disabled state\n  &.is-disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    .pds-radio__image-container {\n      border-color: var(--pine-color-border-disabled);\n      cursor: not-allowed;\n      opacity: 0.5;\n\n      &:hover {\n        border-color: var(--pine-color-border-disabled);\n      }\n    }\n\n    label {\n      color: var(--pine-color-text-label-disabled);\n      cursor: not-allowed;\n    }\n\n    .pds-radio__message {\n      color: var(--pine-color-text-label-disabled);\n    }\n  }\n\n  // Invalid state - no red styling, only error message\n  &.is-invalid {\n    .pds-radio__message--error {\n      color: var(--pine-color-text-message-danger);\n    }\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot image - Custom image content to display instead of the default radio input\n * @part image-container - The container for the image\n */\n@Component({\n  tag: 'pds-radio',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-radio.scss'],\n  scoped: true,\n})\nexport class PdsRadio {\n  private readonly _type = 'radio' as const;\n\n  @Element() el: HTMLPdsRadioElement;\n\n  @State() private _hasImage = false;\n\n  /**\n   * Determines whether or not the radio is checked.\n   * @defaultValue false\n   */\n  @Prop() checked = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines whether or not the radio is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Displays error message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Displays helper message text below radio.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Adds a border around the radio component for better visual separation.\n   * @defaultValue false\n   */\n  @Prop() hasBorder = false;\n\n    /**\n   * Determines whether or not the radio is invalid.\n   * @defaultValue false\n   */\n    @Prop() invalid = false;\n\n  /**\n   * String used for label text next to radio.\n   */\n  @Prop() label: string;\n\n  /**\n   * Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * String used for radio `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines whether or not the radio is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the radio that is submitted with a form.\n   */\n  @Prop() value: string;\n\n\n  /**\n   * Emits a boolean indicating whether the radio is currently checked or unchecked.\n   */\n  @Event() pdsRadioChange: EventEmitter<boolean>;\n\n  private handleRadioChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const isChecked = target.checked;\n\n    // If this radio is inside a pds-radio-group, don't emit the individual event\n    // The group will handle emitting its own event\n    if (this.el.closest('pds-radio-group')) {\n      return;\n    }\n\n    this.pdsRadioChange.emit(isChecked);\n  }\n\n  private hasImageSlot(): boolean {\n    const imageSlot = this.el.querySelector('[slot=\"image\"]');\n    return !!imageSlot;\n  }\n\n  private hasImage(): boolean {\n    return this._hasImage;\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) {\n      classNames.push('is-invalid');\n    }\n    if (this.disabled) {\n      classNames.push('is-disabled');\n    }\n    if (this.hasBorder) {\n      classNames.push('has-border');\n    }\n    if (this.hasImage()) {\n      classNames.push('has-image');\n    }\n\n    return classNames.join(' ');\n  }\n\n  componentWillLoad() {\n    this._hasImage = this.hasImageSlot();\n  }\n\n  connectedCallback() {\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  render() {\n    const renderLabelAndMessages = () => [\n      <label htmlFor={this.componentId} key={`${this.componentId}-label`}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          type=\"radio\"\n          id={this.componentId}\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n          required={this.required}\n          disabled={this.disabled}\n          onChange={this.handleRadioChange}\n          class={this.hasImage() ? 'visually-hidden' : ''}\n        />\n        <span class={this.hideLabel ? 'visually-hidden' : ''}>\n          {this.label}\n        </span>\n      </label>,\n      this.helperMessage && (\n        <div\n          key={`${this.componentId}-helper`}\n          class={'pds-radio__message'}\n          id={messageId(this.componentId, 'helper')}\n        >\n          {this.helperMessage}\n        </div>\n      ),\n      this.errorMessage && (\n        <div\n          key={`${this.componentId}-error`}\n          class={`pds-radio__message pds-radio__message--error`}\n          id={messageId(this.componentId, 'error')}\n          aria-live=\"assertive\"\n        >\n          <pds-icon icon={danger} size=\"small\" />\n          {this.errorMessage}\n        </div>\n      )\n    ];\n\n    return (\n      <Host class={this.classNames()}>\n        {this.hasImage() && (\n          <div class=\"pds-radio__image-container\" part=\"image-container\">\n            <slot name=\"image\" onSlotchange={() => (this._hasImage = this.hasImageSlot())} />\n          </div>\n        )}\n        {this.hasImage() ? (\n          <div class=\"pds-radio__content-wrapper\">\n            {renderLabelAndMessages()}\n          </div>\n        ) : (\n          renderLabelAndMessages()\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-BOuxAvbi.system.js","sources":["src/global/styles/utils/label.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n  --sizing-check-size: 6px;\n  --sizing-input-size: var(--pine-dimension-sm);\n  --sizing-margin-block-start: 6px;\n\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n  position: relative;\n}\n\n:host(.is-invalid) {\n  // Invalid state only affects error message styling, not the radio itself\n  // This allows radio-group to handle error display without red radios\n  .pds-radio__message--error {\n    color: var(--pine-color-text-message-danger);\n  }\n}\n\n:host(.has-border) {\n  align-items: flex-start;\n  border: var(--pine-border);\n  border-radius: var(--pine-dimension-125);\n  column-gap: var(--pine-dimension-xs);\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  padding: var(--pine-dimension-md);\n\n  // On small screens, ensure full width when in a row layout\n  @media (max-width: 767px) {\n    box-sizing: border-box;\n    flex: 1 1 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  &:hover {\n    border: var(--pine-border-hover);\n  }\n\n  &:has(input:checked) {\n    box-shadow: 0 0 0 2px var(--pine-color-primary-hover);\n  }\n\n  label {\n    color: var(--pine-color-text);\n    font-weight: var(--pine-font-weight-semi-bold);\n\n    &::after {\n      content: \"\";\n      cursor: pointer;\n      height: 100%;\n      left: 0;\n      position: absolute;\n      top: 0;\n      width: 100%;\n      z-index: 1;\n    }\n  }\n\n  // Disabled state for bordered radios\n  &:has(input:disabled) {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    label {\n      color: var(--pine-color-text-label-disabled);\n      cursor: not-allowed;\n    }\n  }\n\n  // Invalid state for bordered radios - no red styling, only error message\n  &.is-invalid {\n    .pds-radio__message--error {\n      color: var(--pine-color-text-message-danger);\n    }\n  }\n}\n\ninput {\n  appearance: none;\n  background: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: var(--pine-border-radius-full);\n  flex: none;\n  height: var(--sizing-input-size);\n  margin: 0;\n  margin-block-start: var(--pine-dimension-025);\n  position: relative;\n  width: var(--sizing-input-size);\n\n  /* stylelint-disable-next-line selector-no-qualifying-type */\n  &.visually-hidden {\n    border: 0;\n    clip: rect(0 0 0 0);\n    clip-path: polygon(0 0, 0 0, 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  &:hover {\n    background: var(--pine-color-background-container-hover);\n    border: var(--pine-border-hover);\n  }\n\n  &:checked {\n    background: var(--pine-color-accent);\n    border-color: var(--pine-color-accent);\n\n    &:hover {\n      background: var(--pine-color-accent-hover);\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n      background: var(--pine-color-white);\n      border-radius: var(--pine-border-radius-full);\n      content: \"\";\n      display: block;\n      height: var(--sizing-check-size);\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      width: var(--sizing-check-size);\n    }\n  }\n\n  &:disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background-color: var(--pine-color-accent-disabled);\n      border-color: var(--pine-color-border-disabled);\n\n      &::after {\n        border-color: var(--pine-color-border-disabled);\n      }\n    }\n\n\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n  }\n\n}\n\nlabel {\n  display: flex;\n  gap: var(--pine-dimension-xs);\n}\n\n// Disabled label styling\nlabel:has(input:disabled) {\n  color: var(--pine-color-text-label-disabled);\n  cursor: not-allowed;\n}\n\n// Disabled message styling\n:host:has(input:disabled) .pds-radio__message {\n  color: var(--pine-color-text-label-disabled);\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.pds-radio__message {\n  color: var(--pine-color-text-message);\n  flex-basis: 100%; // Ensure message wraps to new line in flex container\n  font: var(--pine-typography-body);\n  margin-inline-start: var(--pine-dimension-md);\n  width: 100%;\n}\n\n.pds-radio__message--error {\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n\n  pds-icon {\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n\n// Image-based radio styles - matches bordered layout\n:host(.has-image) {\n  align-items: center;\n  border: var(--pine-border);\n  border-radius: var(--pine-dimension-125);\n  column-gap: var(--pine-dimension-xs);\n  display: flex;\n  flex: 1;\n  padding: var(--pine-dimension-md);\n\n  // On small screens, ensure full width when in a row layout\n  @media (max-width: 767px) {\n    box-sizing: border-box;\n    flex: 1 1 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  &:hover {\n    border: var(--pine-border-hover);\n  }\n\n  &:has(input:checked) {\n    box-shadow: 0 0 0 2px var(--pine-color-primary-hover);\n  }\n\n  label {\n    color: var(--pine-color-text);\n    display: flex;\n    font-weight: var(--pine-font-weight-semi-bold);\n    gap: var(--pine-dimension-xs);\n\n    &::after {\n      content: \"\";\n      cursor: pointer;\n      height: 100%;\n      left: 0;\n      position: absolute;\n      top: 0;\n      width: 100%;\n      z-index: 1;\n    }\n  }\n\n  .pds-radio__image-container {\n    align-items: center;\n    align-self: center;\n    border: var(--pine-border);\n    border-radius: var(--pine-border-radius-full);\n    cursor: pointer;\n    display: flex;\n    flex: none;\n    grid-area: image;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n    transition: all 0.2s ease;\n\n    &:hover {\n      border-color: var(--pine-color-border-hover);\n    }\n\n    .pds-radio__image {\n      height: 100%;\n      object-fit: cover;\n      width: 100%;\n    }\n  }\n\n  .pds-radio__message {\n    grid-area: message;\n    margin-block-start: 0;\n    margin-inline-start: 0;\n  }\n\n  // Disabled state\n  &.is-disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    .pds-radio__image-container {\n      border-color: var(--pine-color-border-disabled);\n      cursor: not-allowed;\n      opacity: 0.5;\n\n      &:hover {\n        border-color: var(--pine-color-border-disabled);\n      }\n    }\n\n    label {\n      color: var(--pine-color-text-label-disabled);\n      cursor: not-allowed;\n    }\n\n    .pds-radio__message {\n      color: var(--pine-color-text-label-disabled);\n    }\n  }\n\n  // Invalid state - no red styling, only error message\n  &.is-invalid {\n    .pds-radio__message--error {\n      color: var(--pine-color-text-message-danger);\n    }\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot image - Custom image content to display instead of the default radio input\n * @part image-container - The container for the image\n */\n@Component({\n  tag: 'pds-radio',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-radio.scss'],\n  scoped: true,\n})\nexport class PdsRadio {\n  private readonly _type = 'radio' as const;\n\n  @Element() el: HTMLPdsRadioElement;\n\n  @State() private _hasImage = false;\n\n  /**\n   * Determines whether or not the radio is checked.\n   * @defaultValue false\n   */\n  @Prop() checked = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines whether or not the radio is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Displays error message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Displays helper message text below radio.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Adds a border around the radio component for better visual separation.\n   * @defaultValue false\n   */\n  @Prop() hasBorder = false;\n\n    /**\n   * Determines whether or not the radio is invalid.\n   * @defaultValue false\n   */\n    @Prop() invalid = false;\n\n  /**\n   * String used for label text next to radio.\n   */\n  @Prop() label: string;\n\n  /**\n   * Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * String used for radio `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines whether or not the radio is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the radio that is submitted with a form.\n   */\n  @Prop() value: string;\n\n\n  /**\n   * Emits a boolean indicating whether the radio is currently checked or unchecked.\n   */\n  @Event() pdsRadioChange: EventEmitter<boolean>;\n\n  private handleRadioChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const isChecked = target.checked;\n\n    // If this radio is inside a pds-radio-group, don't emit the individual event\n    // The group will handle emitting its own event\n    if (this.el.closest('pds-radio-group')) {\n      return;\n    }\n\n    this.pdsRadioChange.emit(isChecked);\n  }\n\n  private hasImageSlot(): boolean {\n    const imageSlot = this.el.querySelector('[slot=\"image\"]');\n    return !!imageSlot;\n  }\n\n  private hasImage(): boolean {\n    return this._hasImage;\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) {\n      classNames.push('is-invalid');\n    }\n    if (this.disabled) {\n      classNames.push('is-disabled');\n    }\n    if (this.hasBorder) {\n      classNames.push('has-border');\n    }\n    if (this.hasImage()) {\n      classNames.push('has-image');\n    }\n\n    return classNames.join(' ');\n  }\n\n  componentWillLoad() {\n    this._hasImage = this.hasImageSlot();\n  }\n\n  connectedCallback() {\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  render() {\n    const renderLabelAndMessages = () => [\n      <label htmlFor={this.componentId} key={`${this.componentId}-label`}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          type=\"radio\"\n          id={this.componentId}\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n          required={this.required}\n          disabled={this.disabled}\n          onChange={this.handleRadioChange}\n          class={this.hasImage() ? 'visually-hidden' : ''}\n        />\n        <span class={this.hideLabel ? 'visually-hidden' : ''}>\n          {this.label}\n        </span>\n      </label>,\n      this.helperMessage && (\n        <div\n          key={`${this.componentId}-helper`}\n          class={'pds-radio__message'}\n          id={messageId(this.componentId, 'helper')}\n        >\n          {this.helperMessage}\n        </div>\n      ),\n      this.errorMessage && (\n        <div\n          key={`${this.componentId}-error`}\n          class={`pds-radio__message pds-radio__message--error`}\n          id={messageId(this.componentId, 'error')}\n          aria-live=\"assertive\"\n        >\n          <pds-icon icon={danger} size=\"small\" />\n          {this.errorMessage}\n        </div>\n      )\n    ];\n\n    return (\n      <Host class={this.classNames()}>\n        {this.hasImage() && (\n          <div class=\"pds-radio__image-container\" part=\"image-container\">\n            <slot name=\"image\" onSlotchange={() => (this._hasImage = this.hasImageSlot())} />\n          </div>\n        )}\n        {this.hasImage() ? (\n          <div class=\"pds-radio__content-wrapper\">\n            {renderLabelAndMessages()}\n          </div>\n        ) : (\n          renderLabelAndMessages()\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/pine-core/p-BOuz9091.system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-BOuz9091.system.js","sources":["src/components/pds-toast/pds-toast.scss?tag=pds-toast&encapsulation=shadow","src/components/pds-toast/pds-toast.tsx"],"sourcesContent":[":host {\n  --animation-duration: 0.3s;\n  --animation-timing: cubic-bezier(0.4, 0, 0.2, 1);\n  --padding-inline: var(--pine-dimension-md);\n  --padding-inline-desktop: var(--pine-dimension-2xl);\n  --sizing-height-default: 68px;\n  --sizing-min-width: calc(var(--sizing-total-width) - (var(--padding-inline) * 2));\n  --sizing-min-width-desktop: calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));\n  --sizing-total-width: 350px;\n\n  box-sizing: border-box;\n  display: block;\n  font: var(--pine-typography-body-medium);\n}\n\n.pds-toast {\n  align-items: center;\n  animation: pds-toast-animate-in var(--animation-duration) var(--animation-timing);\n  background-color: var(--pine-color-primary);\n  border-radius: var(--pine-dimension-xs);\n  box-shadow: var(--pine-box-shadow);\n  color: var(--pine-color-text-primary);\n  display: flex;\n  height: var(--sizing-height-default);\n  justify-content: flex-start;\n  margin-block-end: var(--pine-dimension-2xs);\n  max-width: 90vw;\n  min-width: var(--sizing-min-width);\n  padding: 0 var(--padding-inline);\n  position: relative;\n  width: fit-content;\n\n  @media screen and (max-width: 767px) {\n    height: 36px;\n    max-width: calc(100vw - (var(--pine-dimension-2xs) * 2));\n    min-width: auto;\n    padding-inline: var(--pine-dimension-2xs);\n  }\n\n  &--danger {\n    background-color: var(--pine-color-danger);\n  }\n\n  &--loading {\n    .pds-toast__loader {\n      align-items: center;\n      display: flex;\n      justify-content: center;\n      margin-inline-end: var(--pine-dimension-sm);\n      position: relative;\n\n      &-spinner {\n        animation: pds-toast-rotate 2s linear infinite;\n        height: 20px;\n        width: 20px;\n      }\n\n      &-path {\n        animation: pds-toast-dash 1.5s ease-in-out infinite;\n        stroke-dasharray: 1, 200;\n        stroke-dashoffset: 0;\n        stroke-linecap: round;\n      }\n    }\n  }\n}\n\n.pds-toast__icon {\n  color: var(--pine-color-text-primary);\n  display: inline-flex;\n  margin-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-toast__message {\n  font: var(--pine-typography-body-sm-medium);\n  margin-inline-end: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  // Style all slotted links\n  ::slotted(a) {\n    color: var(--pine-color-text-primary);\n    margin-inline-start: var(--pine-dimension-xs);\n    opacity: 0.7;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus-visible {\n      opacity: 1;\n    }\n\n    &:focus-visible {\n      outline: 2px solid var(--pine-color-text-primary);\n      outline-offset: 2px;\n    }\n  }\n}\n\n.pds-toast__button {\n  align-items: center;\n  background: none;\n  border: 0;\n  border-radius: var(--pine-border-radius-full);\n  color: inherit;\n  cursor: pointer;\n  display: inline-flex;\n  margin-inline-start: var(--pine-dimension-md);\n  opacity: 0.7;\n  padding: 0;\n  white-space: nowrap;\n\n  &:hover,\n  &:focus {\n    opacity: 1;\n  }\n\n  &:focus {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-dimension-2xs);\n  }\n}\n\n// Animation keyframes\n@keyframes pds-toast-animate-in {\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes pds-toast-animate-out {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n}\n\n// Loading animation keyframes\n@keyframes pds-toast-rotate {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes pds-toast-dash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35;\n  }\n\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124;\n  }\n}\n\n// Animation for dismissing\n:host([hidden]) .pds-toast,\n.pds-toast--animating-out {\n  animation: pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;\n  pointer-events: none; /* Prevent interaction during animation */\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\n/**\n * @part dismiss\n */\n@Component({\n  tag: 'pds-toast',\n  styleUrl: 'pds-toast.scss',\n  shadow: true,\n})\nexport class PdsToast {\n  // Props\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Whether the toast can be dismissed manually via the close button.\n   * Note: This only controls manual dismissal. Auto-dismissal via duration still applies.\n   * @default true\n   */\n  @Prop() dismissible: boolean = true;\n\n  /**\n   * The duration in milliseconds to show the toast before auto-dismissing.\n   * Set to 0 to disable auto-dismiss.\n   * @default 4500\n   */\n  @Prop() duration: number = 4500;\n\n  /**\n   * The name of the icon to display in the toast.\n   */\n  @Prop() icon?: string;\n\n  /**\n   * The type of toast to display.\n   * - default: Grey background (default)\n   * - danger: Red background\n   * - loading: With spinner animation\n   * @default 'default'\n   */\n  @Prop() type: 'default' | 'danger' | 'loading' = 'default';\n\n  /**\n   * Whether the toast is currently visible.\n   */\n  @State() isVisible: boolean = true;\n\n  /**\n   * Whether the toast is animating out.\n   */\n  @State() isAnimatingOut: boolean = false;\n\n  // Private properties\n  /**\n   * Timer for auto-dismissal\n   */\n  private dismissTimer?: number;\n\n  /**\n   * Event emitted when the toast is dismissed, either manually or automatically.\n   */\n  @Event() pdsToastDismissed: EventEmitter<{ componentId?: string }>;\n\n  componentDidLoad() {\n    if (this.duration > 0) {\n      this.startDismissTimer();\n    }\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n\n  @Watch('duration')\n  handleDurationChange(newDuration: number) {\n    if (this.dismissTimer) {\n      window.clearTimeout(this.dismissTimer);\n      this.dismissTimer = undefined;\n    }\n    if (newDuration > 0) {\n      this.startDismissTimer();\n    }\n  }\n\n  @Method()\n  async dismiss(): Promise<void> {\n    // Start the animation out\n    this.isAnimatingOut = true;\n\n    // Wait for animation to complete before hiding and cleanup\n    await new Promise((resolve) => setTimeout(resolve, 300)); // Match --animation-duration\n\n    this.isVisible = false;\n    this.cleanup();\n    this.pdsToastDismissed.emit({ componentId: this.componentId });\n  }\n\n  // Private methods\n  private cleanup(): void {\n    if (this.dismissTimer) {\n      window.clearTimeout(this.dismissTimer);\n      this.dismissTimer = undefined;\n    }\n  }\n\n  private startDismissTimer(): void {\n    this.dismissTimer = window.setTimeout(() => {\n      this.dismiss();\n    }, this.duration);\n  }\n\n  private renderIcon() {\n    // Loading type takes priority\n    if (this.type === 'loading') {\n      return (\n        <div class=\"pds-toast__loader\">\n          <svg class=\"pds-toast__loader-spinner\" viewBox=\"25 25 50 50\" aria-hidden=\"true\">\n            <circle class=\"pds-toast__loader-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" />\n          </svg>\n        </div>\n      );\n    }\n\n    // Return icon if provided, otherwise undefined (which renders as nothing)\n    return this.icon && <pds-icon name={this.icon} class=\"pds-toast__icon\" />;\n  }\n\n  render() {\n    return (\n      <Host hidden={!this.isVisible}>\n        <div\n          class={{\n            'pds-toast': true,\n            [`pds-toast--${this.type}`]: this.type !== 'default',\n            'pds-toast--animating-out': this.isAnimatingOut\n          }}\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {this.renderIcon()}\n\n          <span class=\"pds-toast__message\">\n            <slot></slot>\n          </span>\n\n          {this.dismissible && (\n            <button\n              type=\"button\"\n              part=\"dismiss\"\n              class=\"pds-toast__button\"\n              onClick={() => {\n                this.dismiss();\n              }}\n              aria-label=\"Dismiss message\"\n            >\n              <pds-icon name=\"remove\" />\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/pine-core/{p-2DR2iuEU.system.js.map → p-BQsz2Ppb.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-2DR2iuEU.system.js","sources":["src/components/pds-tabs/pds-tab/pds-tab.scss?tag=pds-tab","src/components/pds-tabs/pds-tab/pds-tab.tsx"],"sourcesContent":["pds-tab {\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n\n  .pds-tabs--pill & {\n    flex: 1;\n  }\n}\n\n///\n/// Resets base button styles\n///\n@mixin pds-button-style-reset {\n  appearance: none;\n  background-color: transparent;\n  border: var(--pine-border-width-none);\n  box-shadow: none;\n  color: inherit;\n  cursor: pointer;\n  font-family: inherit;\n  padding: var(--pine-dimension-none);\n}\n\n.pds-tab {\n  @include pds-button-style-reset();\n\n  align-items: center;\n  color: var(--pine-color-text-secondary);\n  display: inline-flex;\n  position: relative;\n  text-decoration: none;\n  white-space: nowrap;\n\n  &.is-active,\n  &[aria-selected='true'] {\n    color: var(--pine-color-text);\n\n    .pds-tab__content::after {\n      opacity: 1;\n    }\n  }\n\n  &:hover:not(:disabled) {\n    color: var(--pine-color-text);\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &:disabled,\n  &.is-disabled {\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  .pds-tab__content {\n    font-family: var(--pine-font-family-body);\n    font-size: var(--pine-font-size);\n    font-weight: var(--pine-font-weight-medium);\n    letter-spacing: var(--pine-letter-spacing);\n    line-height: var(--pine-line-height-body);\n    padding-block-end: 11px;\n    position: relative;\n\n    &::after {\n      background-color: var(--pine-color-brand);\n      content: '';\n      height: 3px;\n      inset-block-end: var(--pine-dimension-none);\n      inset-inline-end: var(--pine-dimension-none);\n      inset-inline-start: var(--pine-dimension-none);\n      opacity: 0;\n      position: absolute;\n    }\n  }\n\n  .pds-tab-edge {\n    display: none;\n  }\n}\n\n.pds-tabs--availability {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border-radius: calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);\n    color: var(--pine-color-text-secondary);\n    padding: 8px 16px 13px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-secondary);\n      color: var(--pine-color-text);\n\n      .pds-tab__content::after {\n        opacity: 1;\n      }\n\n      .pds-tab-edge {\n        z-index: var(--pine-z-index-raised);\n      }\n    }\n\n    &:hover:not(.is-active, [aria-selected='true'], :disabled) {\n      --color-background-tab: var(--pine-color-secondary-hover);\n      color: var(--pine-color-text);\n    }\n\n    &:focus-visible {\n      color: var(--pine-color-text-secondary);\n    }\n\n    &:disabled,\n    &.is-disabled {\n      --color-background-tab: transparent;\n      color: var(--pine-color-text-disabled);\n    }\n  }\n\n  .pds-tab__content {\n    padding-block-end: 7px;\n  }\n\n  .pds-tab-edge {\n    bottom: 0;\n    display: block;\n    height: 8px;\n    inset-inline-end: 100%;\n    overflow: hidden;\n    position: absolute;\n    width: 8px;\n\n    &::before {\n      border-radius: 50%;\n      bottom: 0;\n      box-shadow: 4px 4px 0 0 var(--color-background-tab);\n      content: '';\n      display: block;\n      height: 200%;\n      inset-inline-end: 0;\n      position: absolute;\n      width: 200%;\n    }\n  }\n\n  .pds-tab-edge--end {\n    inset-inline-end: unset;\n    inset-inline-start: 100%;\n\n    &::before {\n      box-shadow: -4px 4px 0 0 var(--color-background-tab);\n      inset-inline-end: unset;\n      inset-inline-start: 0;\n    }\n  }\n}\n\n.pds-tabs--filter {\n  .pds-tab {\n    background-color: var(--pine-color-background-muted);\n    border-radius: 50px;\n    color: var(--pine-color-text);\n    padding: 6px 15px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      background-color: var(--pine-color-primary);\n      color: var(--pine-color-text-primary);\n    }\n\n    &.is-active:hover:not(:disabled),\n    &[aria-selected='true']:hover:not(:disabled) {\n      background-color: var(--pine-color-primary-hover);\n    }\n\n    &:hover:not(.is-active, [aria-selected='true'], :disabled) {\n      background-color: var(--pine-color-border-disabled);\n    }\n\n    &:disabled,\n    &.is-disabled {\n      background-color: transparent;\n      color: var(--pine-color-text-disabled);\n\n      &.is-active,\n      &[aria-selected='true'] {\n        background-color: var(--pine-color-primary-disabled);\n      }\n    }\n  }\n\n  .pds-tab__content {\n    padding-block-end: var(--pine-dimension-none);\n\n    &::after {\n      content: unset;\n    }\n  }\n}\n\n.pds-tabs--pill {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border: var(--pine-border-width-thin) solid transparent;\n    border-radius: var(--pine-dimension-xs);\n    color: var(--pine-color-text-muted);\n    flex: 1;\n    height: 34px;\n    justify-content: center;\n\n    .pds-tab__content {\n      align-items: center;\n      display: flex;\n      justify-content: center;\n      padding-block-end: 0;\n    }\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-background-container);\n      border-color: var(--pine-color-border);\n      box-shadow: var(--pine-box-shadow-100);\n      color: var(--pine-color-text-active);\n\n      &:focus-visible {\n        border-color: var(--color-border-focus);\n        outline: var(--pine-outline-focus);\n        outline-offset: var(--pine-border-width);\n      }\n\n      /* stylelint-disable max-nesting-depth */\n      .pds-tab__content {\n        &::after {\n          opacity: 0;\n        }\n      }\n      /* stylelint-enable max-nesting-depth */\n    }\n\n    &:disabled,\n    &.is-disabled {\n      color: var(--pine-color-text-disabled);\n    }\n  }\n}\n","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'pds-tab',\n  styleUrl: 'pds-tab.scss',\n  shadow: false,\n})\nexport class PdsTab {\n  @Element() el: HTMLPdsTabElement;\n\n  /**\n   * Determines the tab's disabled state.\n   * @defaultValue false\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property\n   */\n  @Prop() name!: string;\n\n  /**\n   * Keeps track of the parentComponentId unique id, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() parentComponentId: string;\n\n  /**\n   * Keeps track of if the expected tab variant, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() variant: string;\n\n  /**\n   * Keeps track of if the tab index number, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() index: number;\n\n  /**\n   * Keeps track of the tabpanel selected state, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() selected = false;\n\n  /**\n   * Emits an event upon tab click for `pds-tab` and `pds-tabpanel` to listen for\n   */\n  /** @internal */\n  @Event() pdsTabClick: EventEmitter<object>;\n  private onTabClick(index, parentComponentId) {\n    if (this.disabled) return;\n    this.pdsTabClick.emit([index, parentComponentId]);\n  }\n\n  private classNames() {\n    const classes = [\n      'pds-tab',\n      this.selected && 'is-active',\n      this.disabled && 'is-disabled',\n    ];\n    return classes.filter(Boolean).join(' ');\n  }\n\n  render() {\n    const availabilityTabEdgeInlineStart = (\n      <span class=\"pds-tab-edge\" role=\"presentation\"></span>\n    )\n\n    const availabilityTabEdgeInlineEnd = (\n      <span class=\"pds-tab-edge pds-tab-edge--end\" role=\"presentation\"></span>\n    )\n\n    return (\n      <Host variant={this.variant} slot=\"tabs\" index={this.index}>\n        <button\n          role=\"tab\"\n          id={this.parentComponentId + \"__\" + this.name}\n          aria-controls={this.parentComponentId + \"__\" + this.name + \"-panel\"}\n          tabindex={this.disabled ? \"-1\" : (this.selected ? \"0\" : \"-1\")}\n          aria-selected={this.selected ? \"true\" : \"false\"}\n          aria-disabled={this.disabled ? \"true\" : null}\n          disabled={this.disabled}\n          class={this.classNames()}\n          onClick={this.onTabClick.bind(this, this.index, this.parentComponentId)}\n        >\n          {this.variant === \"availability\" && availabilityTabEdgeInlineStart}\n          {this.variant === \"availability\" && availabilityTabEdgeInlineEnd}\n          <div class=\"pds-tab__content\"><slot/></div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;MAAA,MAAM,SAAS,GAAG,kuMAAkuM;;YCOvuM,MAAM,sBAAA,MAAA;MALnB,IAAA,WAAA,CAAA,OAAA,EAAA;;;MAQE;;;MAGG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAI,KAAK;MAyBzB;;MAEG;;MAEK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;MAkDzB;UA3CS,UAAU,CAAC,KAAK,EAAE,iBAAiB,EAAA;cACzC,IAAI,IAAI,CAAC,QAAQ;kBAAE;cACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;;UAG3C,UAAU,GAAA;MAChB,QAAA,MAAM,OAAO,GAAG;kBACd,SAAS;kBACT,IAAI,CAAC,QAAQ,IAAI,WAAW;kBAC5B,IAAI,CAAC,QAAQ,IAAI,aAAa;eAC/B;cACD,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;;UAG1C,MAAM,GAAA;cACJ,MAAM,8BAA8B,IAClC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,cAAc,EAAA,CAAQ,CACvD;cAED,MAAM,4BAA4B,IAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,gCAAgC,EAAC,IAAI,EAAC,cAAc,EAAA,CAAQ,CACzE;cAED,QACE,CAAC,CAAA,IAAI,qDAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACxD,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,IAAI,CAAC,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,EAC9B,eAAA,EAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,QAAQ,EACnE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,EAAA,eAAA,EAC9C,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA,eAAA,EAChC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,IAAI,EAC5C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EACxB,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAA,EAEtE,IAAI,CAAC,OAAO,KAAK,cAAc,IAAI,8BAA8B,EACjE,IAAI,CAAC,OAAO,KAAK,cAAc,IAAI,4BAA4B,EAChE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAAC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CAAM,CACpC,CACJ;;;;;;;;;;;;"}
+{"version":3,"file":"p-BQsz2Ppb.system.js","sources":["src/components/pds-tabs/pds-tab/pds-tab.scss?tag=pds-tab","src/components/pds-tabs/pds-tab/pds-tab.tsx"],"sourcesContent":["pds-tab {\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n\n  .pds-tabs--pill & {\n    flex: 1;\n  }\n}\n\n///\n/// Resets base button styles\n///\n@mixin pds-button-style-reset {\n  appearance: none;\n  background-color: transparent;\n  border: var(--pine-border-width-none);\n  box-shadow: none;\n  color: inherit;\n  cursor: pointer;\n  font-family: inherit;\n  padding: var(--pine-dimension-none);\n}\n\n.pds-tab {\n  @include pds-button-style-reset();\n\n  align-items: center;\n  color: var(--pine-color-text-secondary);\n  display: inline-flex;\n  position: relative;\n  text-decoration: none;\n  white-space: nowrap;\n\n  &.is-active,\n  &[aria-selected='true'] {\n    color: var(--pine-color-text);\n\n    .pds-tab__content::after {\n      opacity: 1;\n    }\n  }\n\n  &:hover:not(:disabled) {\n    color: var(--pine-color-text);\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &:disabled,\n  &.is-disabled {\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  .pds-tab__content {\n    font-family: var(--pine-font-family-body);\n    font-size: var(--pine-font-size);\n    font-weight: var(--pine-font-weight-medium);\n    letter-spacing: var(--pine-letter-spacing);\n    line-height: var(--pine-line-height-body);\n    padding-block-end: 11px;\n    position: relative;\n\n    &::after {\n      background-color: var(--pine-color-brand);\n      content: '';\n      height: 3px;\n      inset-block-end: var(--pine-dimension-none);\n      inset-inline-end: var(--pine-dimension-none);\n      inset-inline-start: var(--pine-dimension-none);\n      opacity: 0;\n      position: absolute;\n    }\n  }\n\n  .pds-tab-edge {\n    display: none;\n  }\n}\n\n.pds-tabs--availability {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border-radius: calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);\n    color: var(--pine-color-text-secondary);\n    padding: 8px 16px 13px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-secondary);\n      color: var(--pine-color-text);\n\n      .pds-tab__content::after {\n        opacity: 1;\n      }\n\n      .pds-tab-edge {\n        z-index: var(--pine-z-index-raised);\n      }\n    }\n\n    &:hover:not(.is-active, [aria-selected='true'], :disabled) {\n      --color-background-tab: var(--pine-color-secondary-hover);\n      color: var(--pine-color-text);\n    }\n\n    &:focus-visible {\n      color: var(--pine-color-text-secondary);\n    }\n\n    &:disabled,\n    &.is-disabled {\n      --color-background-tab: transparent;\n      color: var(--pine-color-text-disabled);\n    }\n  }\n\n  .pds-tab__content {\n    padding-block-end: 7px;\n  }\n\n  .pds-tab-edge {\n    bottom: 0;\n    display: block;\n    height: 8px;\n    inset-inline-end: 100%;\n    overflow: hidden;\n    position: absolute;\n    width: 8px;\n\n    &::before {\n      border-radius: 50%;\n      bottom: 0;\n      box-shadow: 4px 4px 0 0 var(--color-background-tab);\n      content: '';\n      display: block;\n      height: 200%;\n      inset-inline-end: 0;\n      position: absolute;\n      width: 200%;\n    }\n  }\n\n  .pds-tab-edge--end {\n    inset-inline-end: unset;\n    inset-inline-start: 100%;\n\n    &::before {\n      box-shadow: -4px 4px 0 0 var(--color-background-tab);\n      inset-inline-end: unset;\n      inset-inline-start: 0;\n    }\n  }\n}\n\n.pds-tabs--filter {\n  .pds-tab {\n    background-color: var(--pine-color-background-muted);\n    border-radius: 50px;\n    color: var(--pine-color-text);\n    padding: 6px 15px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      background-color: var(--pine-color-primary);\n      color: var(--pine-color-text-primary);\n    }\n\n    &.is-active:hover:not(:disabled),\n    &[aria-selected='true']:hover:not(:disabled) {\n      background-color: var(--pine-color-primary-hover);\n    }\n\n    &:hover:not(.is-active, [aria-selected='true'], :disabled) {\n      background-color: var(--pine-color-border-disabled);\n    }\n\n    &:disabled,\n    &.is-disabled {\n      background-color: transparent;\n      color: var(--pine-color-text-disabled);\n\n      &.is-active,\n      &[aria-selected='true'] {\n        background-color: var(--pine-color-primary-disabled);\n      }\n    }\n  }\n\n  .pds-tab__content {\n    padding-block-end: var(--pine-dimension-none);\n\n    &::after {\n      content: unset;\n    }\n  }\n}\n\n.pds-tabs--pill {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border: var(--pine-border-width-thin) solid transparent;\n    border-radius: var(--pine-dimension-xs);\n    color: var(--pine-color-text-muted);\n    flex: 1;\n    height: 34px;\n    justify-content: center;\n\n    .pds-tab__content {\n      align-items: center;\n      display: flex;\n      justify-content: center;\n      padding-block-end: 0;\n    }\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-background-container);\n      border-color: var(--pine-color-border);\n      box-shadow: var(--pine-box-shadow-100);\n      color: var(--pine-color-text-active);\n\n      &:focus-visible {\n        border-color: var(--color-border-focus);\n        outline: var(--pine-outline-focus);\n        outline-offset: var(--pine-border-width);\n      }\n\n      /* stylelint-disable max-nesting-depth */\n      .pds-tab__content {\n        &::after {\n          opacity: 0;\n        }\n      }\n      /* stylelint-enable max-nesting-depth */\n    }\n\n    &:disabled,\n    &.is-disabled {\n      color: var(--pine-color-text-disabled);\n    }\n  }\n}\n","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'pds-tab',\n  styleUrl: 'pds-tab.scss',\n  shadow: false,\n})\nexport class PdsTab {\n  @Element() el: HTMLPdsTabElement;\n\n  /**\n   * Determines the tab's disabled state.\n   * @defaultValue false\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property\n   */\n  @Prop() name!: string;\n\n  /**\n   * Keeps track of the parentComponentId unique id, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() parentComponentId: string;\n\n  /**\n   * Keeps track of if the expected tab variant, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() variant: string;\n\n  /**\n   * Keeps track of if the tab index number, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() index: number;\n\n  /**\n   * Keeps track of the tabpanel selected state, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() selected = false;\n\n  /**\n   * Emits an event upon tab click for `pds-tab` and `pds-tabpanel` to listen for\n   */\n  /** @internal */\n  @Event() pdsTabClick: EventEmitter<object>;\n  private onTabClick(index, parentComponentId) {\n    if (this.disabled) return;\n    this.pdsTabClick.emit([index, parentComponentId]);\n  }\n\n  private classNames() {\n    const classes = [\n      'pds-tab',\n      this.selected && 'is-active',\n      this.disabled && 'is-disabled',\n    ];\n    return classes.filter(Boolean).join(' ');\n  }\n\n  render() {\n    const availabilityTabEdgeInlineStart = (\n      <span class=\"pds-tab-edge\" role=\"presentation\"></span>\n    )\n\n    const availabilityTabEdgeInlineEnd = (\n      <span class=\"pds-tab-edge pds-tab-edge--end\" role=\"presentation\"></span>\n    )\n\n    return (\n      <Host variant={this.variant} slot=\"tabs\" index={this.index}>\n        <button\n          role=\"tab\"\n          id={this.parentComponentId + \"__\" + this.name}\n          aria-controls={this.parentComponentId + \"__\" + this.name + \"-panel\"}\n          tabindex={this.disabled ? \"-1\" : (this.selected ? \"0\" : \"-1\")}\n          aria-selected={this.selected ? \"true\" : \"false\"}\n          aria-disabled={this.disabled ? \"true\" : null}\n          disabled={this.disabled}\n          class={this.classNames()}\n          onClick={this.onTabClick.bind(this, this.index, this.parentComponentId)}\n        >\n          {this.variant === \"availability\" && availabilityTabEdgeInlineStart}\n          {this.variant === \"availability\" && availabilityTabEdgeInlineEnd}\n          <div class=\"pds-tab__content\"><slot/></div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;MAAA,MAAM,SAAS,GAAG,kuMAAkuM;;YCOvuM,MAAM,sBAAA,MAAA;MALnB,IAAA,WAAA,CAAA,OAAA,EAAA;;;MAQE;;;MAGG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAI,KAAK;MAyBzB;;MAEG;;MAEK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;MAkDzB;UA3CS,UAAU,CAAC,KAAK,EAAE,iBAAiB,EAAA;cACzC,IAAI,IAAI,CAAC,QAAQ;kBAAE;cACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;;UAG3C,UAAU,GAAA;MAChB,QAAA,MAAM,OAAO,GAAG;kBACd,SAAS;kBACT,IAAI,CAAC,QAAQ,IAAI,WAAW;kBAC5B,IAAI,CAAC,QAAQ,IAAI,aAAa;eAC/B;cACD,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;;UAG1C,MAAM,GAAA;cACJ,MAAM,8BAA8B,IAClC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,cAAc,EAAA,CAAQ,CACvD;cAED,MAAM,4BAA4B,IAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,gCAAgC,EAAC,IAAI,EAAC,cAAc,EAAA,CAAQ,CACzE;cAED,QACE,CAAC,CAAA,IAAI,qDAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACxD,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,IAAI,CAAC,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,EAC9B,eAAA,EAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,QAAQ,EACnE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,EAAA,eAAA,EAC9C,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA,eAAA,EAChC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,IAAI,EAC5C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EACxB,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAA,EAEtE,IAAI,CAAC,OAAO,KAAK,cAAc,IAAI,8BAA8B,EACjE,IAAI,CAAC,OAAO,KAAK,cAAc,IAAI,4BAA4B,EAChE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAAC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CAAM,CACpC,CACJ;;;;;;;;;;;;"}

package/dist/pine-core/{p-Bsen6aos.system.js.map → p-BR1tCsTx.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-Bsen6aos.system.js","sources":["src/components/pds-modal/pds-modal.scss?tag=pds-modal","src/components/pds-modal/pds-modal.tsx"],"sourcesContent":[".pds-modal__backdrop {\n  align-items: flex-start;\n  /* stylelint-disable-next-line pine-design-system/no-hardcoded-colors */\n  background-color: rgba(0, 0, 0, 0.4);\n  border: 0;\n  display: flex;\n  height: 100%;\n  inset: 0;\n  justify-content: center;\n  margin: 0;\n  max-height: 100%;\n  max-width: 100%;\n  opacity: 0;\n  padding: 0;\n  position: fixed;\n  transition: opacity 0.2s ease, visibility 0.2s ease;\n  visibility: hidden;\n  width: 100%;\n  z-index: var(--pine-z-index-modal);\n\n  @supports (backdrop-filter: blur(3px)) {\n    backdrop-filter: blur(3px);\n  }\n\n  // Increase z-index for nested modals\n  pds-modal & {\n    z-index: var(--pine-z-index-priority);\n  }\n\n  &::backdrop {\n    background: transparent;\n  }\n\n  &.open {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n.pds-modal {\n  background: var(--pine-color-background-container);\n  border-radius: var(--pine-dimension-sm);\n  box-shadow: var(--pine-box-shadow-400);\n  display: flex;\n  flex-direction: column;\n  margin: var(--pine-dimension-md);\n  max-height: none;\n  width: 100%;\n\n  &.pds-modal--scrollable {\n    max-height: calc(100vh - (calc(5vh + 96px)));\n\n    @supports (height: 100dvh) {\n      max-height: calc(100dvh - (calc(5dvh + 96px)));\n    }\n  }\n\n  @media (min-width: 992px) {\n    margin-block-start: 6vh;\n\n    @supports (height: 100dvh) {\n      margin-block-start: 6dvh;\n    }\n  }\n\n  @media (min-width: 1200px) {\n    margin-block-start: 8vh;\n\n    @supports (height: 100dvh) {\n      margin-block-start: 8dvh;\n    }\n  }\n}\n\n.pds-modal--sm {\n  max-width: 520px;\n}\n\n.pds-modal--md {\n  max-width: 700px;\n}\n\n.pds-modal--lg {\n  max-width: 900px;\n}\n\n.pds-modal--fullscreen {\n  border-radius: 0;\n  height: 100%;\n  margin: 0;\n  max-height: 100vh;\n  max-width: 100%;\n\n  @supports (height: 100dvh) {\n    max-height: 100dvh;\n  }\n\n  &.pds-modal--scrollable {\n    max-height: 100vh;\n\n    @supports (height: 100dvh) {\n      max-height: 100dvh;\n    }\n  }\n}\n\n.pds-modal-content {\n  .pds-modal--fullscreen & {\n    flex: 1;\n  }\n}\n\n// Scrollable modal styles (default behavior)\n.pds-modal--scrollable {\n  pds-modal-content {\n    border-block-end: 1px solid transparent;\n    border-block-start: 1px solid transparent;\n    overflow-y: auto;\n  }\n}\n\n// Non-scrollable modal styles\n.pds-modal:not(.pds-modal--scrollable) {\n  pds-modal-content {\n    overflow-y: visible;\n  }\n}\n\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'pds-modal',\n  styleUrl: 'pds-modal.scss',\n  shadow: false\n})\nexport class PdsModal {\n  private modalRef: HTMLDialogElement;\n  private previousActiveElement: HTMLElement;\n  private focusableElements: HTMLElement[] = [];\n\n  @Element() el: HTMLPdsModalElement;\n\n  /**\n   * Whether the modal can be dismissed by clicking the backdrop\n   * @default true\n   */\n  @Prop() backdropDismiss = true;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Whether the modal is open\n   * @default false\n   */\n  @Prop({ mutable: true }) open = false;\n\n  /**\n   * The size of the modal\n   * @default 'md'\n   */\n  @Prop() size: 'sm' | 'md' | 'lg' | 'fullscreen' = 'md';\n\n  /**\n   * Whether the modal content should be scrollable\n   * @default true\n   */\n  @Prop() scrollable = true;\n\n  /**\n   * Emitted when the modal is opened\n   */\n  @Event() pdsModalOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when the modal is closed\n   */\n  @Event() pdsModalClose: EventEmitter<void>;\n\n  /**\n   * Stores the list of focusable elements in the modal\n   */\n  @State() focusableElementsArray: HTMLElement[] = [];\n\n  componentDidLoad() {\n    this.modalRef = this.el.querySelector('.pds-modal__backdrop') as HTMLDialogElement;\n    // Add keyboard event listener\n    document.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  disconnectedCallback() {\n    // Clean up event listener\n    document.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  @Watch('open')\n  handleOpenChange(newValue: boolean) {\n    if (newValue) {\n      this.showModal();\n    } else {\n      this.hideModal();\n    }\n  }\n\n  /**\n   * Updates the list of focusable elements in the modal\n   */\n  private updateFocusableElements() {\n    if (!this.modalRef) return;\n\n    // Get all focusable elements within the modal\n    const selector = [\n      'a[href]',\n      'button:not([disabled])',\n      'input:not([disabled])',\n      'select:not([disabled])',\n      'textarea:not([disabled])',\n      '[tabindex]:not([tabindex=\"-1\"])',\n      'pds-button:not([disabled])',\n      'pds-link:not([disabled])',\n      'pds-input:not([disabled])',\n      'pds-checkbox:not([disabled])',\n      'pds-radio:not([disabled])',\n      'pds-switch:not([disabled])',\n      'pds-select:not([disabled])',\n    ].join(',');\n\n    this.focusableElements = Array.from(\n      this.modalRef.querySelectorAll(selector)\n    ) as HTMLElement[];\n\n    // Filter out elements with display: none or visibility: hidden\n    this.focusableElements = this.focusableElements.filter(el => {\n      const style = window.getComputedStyle(el);\n      return style.display !== 'none' && style.visibility !== 'hidden';\n    });\n  }\n\n  /**\n   * Sets focus to the first focusable element in the modal\n   */\n  private setInitialFocus() {\n    if (this.focusableElements.length === 0) return;\n\n    // Focus the first focusable element\n    const firstElement = this.focusableElements[0];\n\n    // For web components, we need to ensure they're properly focused\n    this.focusElement(firstElement);\n  }\n\n  /**\n   * Helper method to focus an element, with special handling for web components\n   */\n  private focusElement(element: HTMLElement) {\n    if (!element) return;\n\n    try {\n      // Try standard focus first\n      element.focus();\n\n      // Check if focus worked\n      setTimeout(() => {\n        if (document.activeElement !== element) {\n          // For web components, try to find a focusable element inside\n          if (element.shadowRoot) {\n            const focusableInShadow = element.shadowRoot.querySelector(\n              'button, [tabindex], input, a[href]'\n            ) as HTMLElement;\n\n            if (focusableInShadow) {\n              focusableInShadow.focus();\n            }\n          }\n        }\n      }, 0);\n    } catch (error) {\n      console.error('Error focusing element:', error);\n    }\n  }\n\n  /**\n   * Opens the modal\n   */\n  @Method()\n  async showModal() {\n    if (this.modalRef) {\n      try {\n        // Store the currently focused element to restore focus when modal closes\n        this.previousActiveElement = document.activeElement as HTMLElement;\n\n        // Use native dialog showModal method which makes the rest of the page inert\n        this.modalRef.showModal();\n        this.open = true;\n\n        // Update focusable elements and set initial focus\n        // Using a longer timeout to ensure all components are fully rendered\n        setTimeout(() => {\n          this.updateFocusableElements();\n          this.setInitialFocus();\n          this.pdsModalOpen.emit();\n        }, 100);\n      } catch (error) {\n        console.error('Failed to show modal:', error);\n      }\n    }\n  }\n\n  /**\n   * Closes the modal\n   */\n  @Method()\n  async hideModal() {\n    if (this.modalRef) {\n      try {\n        this.modalRef.close();\n        this.open = false;\n\n        // Restore focus to the element that was focused before the modal was opened\n        if (this.previousActiveElement && typeof this.previousActiveElement.focus === 'function') {\n          this.previousActiveElement.focus();\n        }\n\n        this.pdsModalClose.emit();\n      } catch (error) {\n        console.error('Failed to hide modal:', error);\n      }\n    }\n  }\n\n  private handleBackdropClick = (e: MouseEvent) => {\n    if (!this.backdropDismiss || !this.open) return;\n\n    if ((e.target as HTMLElement).classList.contains('pds-modal__backdrop')) {\n      e.stopPropagation();\n\n      // Only close if this is the innermost modal\n      if (this.isInnermostModal()) {\n        this.hideModal();\n      }\n    }\n  };\n\n  /**\n   * Gets the z-index of a modal's backdrop element\n   */\n  private getBackdropZIndex(modal: Element): number {\n    const backdrop = modal.querySelector('.pds-modal__backdrop');\n    return backdrop ? parseInt(getComputedStyle(backdrop).zIndex, 10) : -1;\n  }\n\n  /**\n   * Checks if this modal is the innermost (highest z-index) modal\n   */\n  private isInnermostModal(): boolean {\n    // Find all open modals\n    const openModals = Array.from(document.querySelectorAll('pds-modal')).filter(\n      modal => modal.open\n    );\n\n    if (openModals.length === 0) return false;\n\n    // Get this modal's backdrop element\n    const thisBackdrop = this.el.querySelector('.pds-modal__backdrop');\n    if (!thisBackdrop) return false;\n\n    // Get computed z-index of all open modal backdrops\n    const modalZIndexes = openModals.map(modal => this.getBackdropZIndex(modal));\n\n    // Get the highest z-index\n    const maxZIndex = Math.max(...modalZIndexes);\n\n    // Check if this modal's backdrop has the highest z-index\n    const thisZIndex = this.getBackdropZIndex(this.el);\n    return thisZIndex === maxZIndex;\n  }\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    // If the modal is not open, don't handle any keyboard events\n    if (!this.open) return;\n\n    // Handle Escape key to close the modal\n    if (e.key === 'Escape') {\n      // Always prevent native dialog close behavior\n      e.preventDefault();\n      // Only close if backdropDismiss is enabled and this is the innermost modal\n      if (this.backdropDismiss && this.isInnermostModal()) {\n        this.hideModal();\n      }\n      return;\n    }\n\n    // Handle Tab key for focus trapping\n    if (e.key === 'Tab') {\n      // If there are no focusable elements, do nothing\n      if (this.focusableElements.length === 0) return;\n\n      // Get the first and last focusable elements\n      const firstFocusableElement = this.focusableElements[0];\n      const lastFocusableElement = this.focusableElements[this.focusableElements.length - 1];\n\n      // Get the current active element\n      const activeElement = document.activeElement;\n\n      // Check if we need to wrap focus\n      const isFirstElement = activeElement === firstFocusableElement ||\n                            firstFocusableElement.contains(activeElement as Node);\n\n      const isLastElement = activeElement === lastFocusableElement ||\n                           lastFocusableElement.contains(activeElement as Node);\n\n      // If shift + tab is pressed and focus is on the first element, move to the last element\n      if (e.shiftKey && isFirstElement) {\n        e.preventDefault();\n        this.focusElement(lastFocusableElement);\n      }\n      // If tab is pressed and focus is on the last element, move to the first element\n      else if (!e.shiftKey && isLastElement) {\n        e.preventDefault();\n        this.focusElement(firstFocusableElement);\n      }\n    }\n  };\n\n  render() {\n    return (\n      <dialog\n        class={{\n          'pds-modal__backdrop': true,\n          'open': this.open\n        }}\n        aria-modal=\"true\"\n        aria-labelledby={`${this.componentId}-heading`}\n        onClick={this.handleBackdropClick}\n      >\n        <div\n          class={{\n            'pds-modal': true,\n            [`pds-modal--${this.size}`]: true,\n            'pds-modal--scrollable': this.scrollable\n          }}\n          part=\"modal\"\n        >\n          <slot></slot>\n        </div>\n      </dialog>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-BR1tCsTx.system.js","sources":["src/components/pds-modal/pds-modal.scss?tag=pds-modal","src/components/pds-modal/pds-modal.tsx"],"sourcesContent":[".pds-modal__backdrop {\n  align-items: flex-start;\n  /* stylelint-disable-next-line pine-design-system/no-hardcoded-colors */\n  background-color: rgba(0, 0, 0, 0.4);\n  border: 0;\n  display: flex;\n  height: 100%;\n  inset: 0;\n  justify-content: center;\n  margin: 0;\n  max-height: 100%;\n  max-width: 100%;\n  opacity: 0;\n  padding: 0;\n  position: fixed;\n  transition: opacity 0.2s ease, visibility 0.2s ease;\n  visibility: hidden;\n  width: 100%;\n  z-index: var(--pine-z-index-modal);\n\n  @supports (backdrop-filter: blur(3px)) {\n    backdrop-filter: blur(3px);\n  }\n\n  // Increase z-index for nested modals\n  pds-modal & {\n    z-index: var(--pine-z-index-priority);\n  }\n\n  &::backdrop {\n    background: transparent;\n  }\n\n  &.open {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n.pds-modal {\n  background: var(--pine-color-background-container);\n  border-radius: var(--pine-dimension-sm);\n  box-shadow: var(--pine-box-shadow-400);\n  display: flex;\n  flex-direction: column;\n  margin: var(--pine-dimension-md);\n  max-height: none;\n  width: 100%;\n\n  &.pds-modal--scrollable {\n    max-height: calc(100vh - (calc(5vh + 96px)));\n\n    @supports (height: 100dvh) {\n      max-height: calc(100dvh - (calc(5dvh + 96px)));\n    }\n  }\n\n  @media (min-width: 992px) {\n    margin-block-start: 6vh;\n\n    @supports (height: 100dvh) {\n      margin-block-start: 6dvh;\n    }\n  }\n\n  @media (min-width: 1200px) {\n    margin-block-start: 8vh;\n\n    @supports (height: 100dvh) {\n      margin-block-start: 8dvh;\n    }\n  }\n}\n\n.pds-modal--sm {\n  max-width: 520px;\n}\n\n.pds-modal--md {\n  max-width: 700px;\n}\n\n.pds-modal--lg {\n  max-width: 900px;\n}\n\n.pds-modal--fullscreen {\n  border-radius: 0;\n  height: 100%;\n  margin: 0;\n  max-height: 100vh;\n  max-width: 100%;\n\n  @supports (height: 100dvh) {\n    max-height: 100dvh;\n  }\n\n  &.pds-modal--scrollable {\n    max-height: 100vh;\n\n    @supports (height: 100dvh) {\n      max-height: 100dvh;\n    }\n  }\n}\n\n.pds-modal-content {\n  .pds-modal--fullscreen & {\n    flex: 1;\n  }\n}\n\n// Scrollable modal styles (default behavior)\n.pds-modal--scrollable {\n  pds-modal-content {\n    border-block-end: 1px solid transparent;\n    border-block-start: 1px solid transparent;\n    overflow-y: auto;\n  }\n}\n\n// Non-scrollable modal styles\n.pds-modal:not(.pds-modal--scrollable) {\n  pds-modal-content {\n    overflow-y: visible;\n  }\n}\n\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'pds-modal',\n  styleUrl: 'pds-modal.scss',\n  shadow: false\n})\nexport class PdsModal {\n  private modalRef: HTMLDialogElement;\n  private previousActiveElement: HTMLElement;\n  private focusableElements: HTMLElement[] = [];\n\n  @Element() el: HTMLPdsModalElement;\n\n  /**\n   * Whether the modal can be dismissed by clicking the backdrop\n   * @default true\n   */\n  @Prop() backdropDismiss = true;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Whether the modal is open\n   * @default false\n   */\n  @Prop({ mutable: true }) open = false;\n\n  /**\n   * The size of the modal\n   * @default 'md'\n   */\n  @Prop() size: 'sm' | 'md' | 'lg' | 'fullscreen' = 'md';\n\n  /**\n   * Whether the modal content should be scrollable\n   * @default true\n   */\n  @Prop() scrollable = true;\n\n  /**\n   * Emitted when the modal is opened\n   */\n  @Event() pdsModalOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when the modal is closed\n   */\n  @Event() pdsModalClose: EventEmitter<void>;\n\n  /**\n   * Stores the list of focusable elements in the modal\n   */\n  @State() focusableElementsArray: HTMLElement[] = [];\n\n  componentDidLoad() {\n    this.modalRef = this.el.querySelector('.pds-modal__backdrop') as HTMLDialogElement;\n    // Add keyboard event listener\n    document.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  disconnectedCallback() {\n    // Clean up event listener\n    document.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  @Watch('open')\n  handleOpenChange(newValue: boolean) {\n    if (newValue) {\n      this.showModal();\n    } else {\n      this.hideModal();\n    }\n  }\n\n  /**\n   * Updates the list of focusable elements in the modal\n   */\n  private updateFocusableElements() {\n    if (!this.modalRef) return;\n\n    // Get all focusable elements within the modal\n    const selector = [\n      'a[href]',\n      'button:not([disabled])',\n      'input:not([disabled])',\n      'select:not([disabled])',\n      'textarea:not([disabled])',\n      '[tabindex]:not([tabindex=\"-1\"])',\n      'pds-button:not([disabled])',\n      'pds-link:not([disabled])',\n      'pds-input:not([disabled])',\n      'pds-checkbox:not([disabled])',\n      'pds-radio:not([disabled])',\n      'pds-switch:not([disabled])',\n      'pds-select:not([disabled])',\n    ].join(',');\n\n    this.focusableElements = Array.from(\n      this.modalRef.querySelectorAll(selector)\n    ) as HTMLElement[];\n\n    // Filter out elements with display: none or visibility: hidden\n    this.focusableElements = this.focusableElements.filter(el => {\n      const style = window.getComputedStyle(el);\n      return style.display !== 'none' && style.visibility !== 'hidden';\n    });\n  }\n\n  /**\n   * Sets focus to the first focusable element in the modal\n   */\n  private setInitialFocus() {\n    if (this.focusableElements.length === 0) return;\n\n    // Focus the first focusable element\n    const firstElement = this.focusableElements[0];\n\n    // For web components, we need to ensure they're properly focused\n    this.focusElement(firstElement);\n  }\n\n  /**\n   * Helper method to focus an element, with special handling for web components\n   */\n  private focusElement(element: HTMLElement) {\n    if (!element) return;\n\n    try {\n      // Try standard focus first\n      element.focus();\n\n      // Check if focus worked\n      setTimeout(() => {\n        if (document.activeElement !== element) {\n          // For web components, try to find a focusable element inside\n          if (element.shadowRoot) {\n            const focusableInShadow = element.shadowRoot.querySelector(\n              'button, [tabindex], input, a[href]'\n            ) as HTMLElement;\n\n            if (focusableInShadow) {\n              focusableInShadow.focus();\n            }\n          }\n        }\n      }, 0);\n    } catch (error) {\n      console.error('Error focusing element:', error);\n    }\n  }\n\n  /**\n   * Opens the modal\n   */\n  @Method()\n  async showModal() {\n    if (this.modalRef) {\n      try {\n        // Store the currently focused element to restore focus when modal closes\n        this.previousActiveElement = document.activeElement as HTMLElement;\n\n        // Use native dialog showModal method which makes the rest of the page inert\n        this.modalRef.showModal();\n        this.open = true;\n\n        // Update focusable elements and set initial focus\n        // Using a longer timeout to ensure all components are fully rendered\n        setTimeout(() => {\n          this.updateFocusableElements();\n          this.setInitialFocus();\n          this.pdsModalOpen.emit();\n        }, 100);\n      } catch (error) {\n        console.error('Failed to show modal:', error);\n      }\n    }\n  }\n\n  /**\n   * Closes the modal\n   */\n  @Method()\n  async hideModal() {\n    if (this.modalRef) {\n      try {\n        this.modalRef.close();\n        this.open = false;\n\n        // Restore focus to the element that was focused before the modal was opened\n        if (this.previousActiveElement && typeof this.previousActiveElement.focus === 'function') {\n          this.previousActiveElement.focus();\n        }\n\n        this.pdsModalClose.emit();\n      } catch (error) {\n        console.error('Failed to hide modal:', error);\n      }\n    }\n  }\n\n  private handleBackdropClick = (e: MouseEvent) => {\n    if (!this.backdropDismiss || !this.open) return;\n\n    if ((e.target as HTMLElement).classList.contains('pds-modal__backdrop')) {\n      e.stopPropagation();\n\n      // Only close if this is the innermost modal\n      if (this.isInnermostModal()) {\n        this.hideModal();\n      }\n    }\n  };\n\n  /**\n   * Gets the z-index of a modal's backdrop element\n   */\n  private getBackdropZIndex(modal: Element): number {\n    const backdrop = modal.querySelector('.pds-modal__backdrop');\n    return backdrop ? parseInt(getComputedStyle(backdrop).zIndex, 10) : -1;\n  }\n\n  /**\n   * Checks if this modal is the innermost (highest z-index) modal\n   */\n  private isInnermostModal(): boolean {\n    // Find all open modals\n    const openModals = Array.from(document.querySelectorAll('pds-modal')).filter(\n      modal => modal.open\n    );\n\n    if (openModals.length === 0) return false;\n\n    // Get this modal's backdrop element\n    const thisBackdrop = this.el.querySelector('.pds-modal__backdrop');\n    if (!thisBackdrop) return false;\n\n    // Get computed z-index of all open modal backdrops\n    const modalZIndexes = openModals.map(modal => this.getBackdropZIndex(modal));\n\n    // Get the highest z-index\n    const maxZIndex = Math.max(...modalZIndexes);\n\n    // Check if this modal's backdrop has the highest z-index\n    const thisZIndex = this.getBackdropZIndex(this.el);\n    return thisZIndex === maxZIndex;\n  }\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    // If the modal is not open, don't handle any keyboard events\n    if (!this.open) return;\n\n    // Handle Escape key to close the modal\n    if (e.key === 'Escape') {\n      // Always prevent native dialog close behavior\n      e.preventDefault();\n      // Only close if backdropDismiss is enabled and this is the innermost modal\n      if (this.backdropDismiss && this.isInnermostModal()) {\n        this.hideModal();\n      }\n      return;\n    }\n\n    // Handle Tab key for focus trapping\n    if (e.key === 'Tab') {\n      // If there are no focusable elements, do nothing\n      if (this.focusableElements.length === 0) return;\n\n      // Get the first and last focusable elements\n      const firstFocusableElement = this.focusableElements[0];\n      const lastFocusableElement = this.focusableElements[this.focusableElements.length - 1];\n\n      // Get the current active element\n      const activeElement = document.activeElement;\n\n      // Check if we need to wrap focus\n      const isFirstElement = activeElement === firstFocusableElement ||\n                            firstFocusableElement.contains(activeElement as Node);\n\n      const isLastElement = activeElement === lastFocusableElement ||\n                           lastFocusableElement.contains(activeElement as Node);\n\n      // If shift + tab is pressed and focus is on the first element, move to the last element\n      if (e.shiftKey && isFirstElement) {\n        e.preventDefault();\n        this.focusElement(lastFocusableElement);\n      }\n      // If tab is pressed and focus is on the last element, move to the first element\n      else if (!e.shiftKey && isLastElement) {\n        e.preventDefault();\n        this.focusElement(firstFocusableElement);\n      }\n    }\n  };\n\n  render() {\n    return (\n      <dialog\n        class={{\n          'pds-modal__backdrop': true,\n          'open': this.open\n        }}\n        aria-modal=\"true\"\n        aria-labelledby={`${this.componentId}-heading`}\n        onClick={this.handleBackdropClick}\n      >\n        <div\n          class={{\n            'pds-modal': true,\n            [`pds-modal--${this.size}`]: true,\n            'pds-modal--scrollable': this.scrollable\n          }}\n          part=\"modal\"\n        >\n          <slot></slot>\n        </div>\n      </dialog>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/pine-core/{p-sgZDP7ET.system.js.map → p-BR9D7jOC.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-sgZDP7ET.system.js","sources":["src/components/pds-image/pds-image.scss?tag=pds-image&encapsulation=shadow","src/components/pds-image/pds-image.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --dimension-aspect-ratio: The image's aspect ratio.\n  */\n\n  --dimension-aspect-ratio: auto;\n  display: inline-block;\n}\n\nimg {\n  aspect-ratio: var(--dimension-aspect-ratio);\n  display: block;\n  height: auto;\n  max-width: 100%;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-image',\n  styleUrls: ['pds-image.scss'],\n  shadow: true,\n})\nexport class PdsImage {\n  /**\n   * The image's alt tag. If none is provided,\n   * it will default to an empty string, which is desired for\n   * decorative images.\n   * @defaultValue ''\n   */\n  @Prop() alt? = '';\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * The height of the image in pixels. Setting this will\n   * devote space in the layout to prevent layout\n   * shifts when the image is loaded.\n   */\n  @Prop() height?: number;\n\n  /**\n   * Indicates how the browser should load the image.\n   * @defaultValue eager\n   */\n  @Prop() loading?: 'eager' | 'lazy' = 'eager';\n\n  /**\n   * Determines the intended display size of an image\n   * within certain breakpoints. Has no effect if `srcset`\n   * is not set or value has no width descriptor.\n   */\n  @Prop() sizes?: string;\n\n  /**\n   * The image's source.\n   */\n  @Prop() src: string;\n\n  /**\n   * A set of image sources for the browser to use\n   * for responsiveness.\n   */\n  @Prop() srcset?: string\n\n  /**\n   * The width of the image in pixels. Setting this will\n   * devote space in the layout to prevent layout\n   * shifts when the image is loaded.\n   */\n  @Prop() width?: number;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'pds-image': true,\n        }}\n        id={this.componentId}\n      >\n        <img\n          alt={this.alt}\n          height={this.height}\n          loading={this.loading}\n          sizes={this.sizes}\n          src={this.src}\n          srcset={this.srcset}\n          width={this.width}\n        />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,WAAW,GAAG,mJAAmJ;;YCO1J,QAAQ,wBAAA,MAAA;MALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAME;;;;;MAKG;MACK,QAAA,IAAG,CAAA,GAAA,GAAI,EAAE;MAcjB;;;MAGG;MACK,QAAA,IAAO,CAAA,OAAA,GAAsB,OAAO;MA+C7C;UApBC,MAAM,GAAA;cACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;MACL,gBAAA,WAAW,EAAE,IAAI;MAClB,aAAA,EACD,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EAEpB,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,CAAA,CACG;;;;;;;;;;;"}
+{"version":3,"file":"p-BR9D7jOC.system.js","sources":["src/components/pds-image/pds-image.scss?tag=pds-image&encapsulation=shadow","src/components/pds-image/pds-image.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --dimension-aspect-ratio: The image's aspect ratio.\n  */\n\n  --dimension-aspect-ratio: auto;\n  display: inline-block;\n}\n\nimg {\n  aspect-ratio: var(--dimension-aspect-ratio);\n  display: block;\n  height: auto;\n  max-width: 100%;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-image',\n  styleUrls: ['pds-image.scss'],\n  shadow: true,\n})\nexport class PdsImage {\n  /**\n   * The image's alt tag. If none is provided,\n   * it will default to an empty string, which is desired for\n   * decorative images.\n   * @defaultValue ''\n   */\n  @Prop() alt? = '';\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * The height of the image in pixels. Setting this will\n   * devote space in the layout to prevent layout\n   * shifts when the image is loaded.\n   */\n  @Prop() height?: number;\n\n  /**\n   * Indicates how the browser should load the image.\n   * @defaultValue eager\n   */\n  @Prop() loading?: 'eager' | 'lazy' = 'eager';\n\n  /**\n   * Determines the intended display size of an image\n   * within certain breakpoints. Has no effect if `srcset`\n   * is not set or value has no width descriptor.\n   */\n  @Prop() sizes?: string;\n\n  /**\n   * The image's source.\n   */\n  @Prop() src: string;\n\n  /**\n   * A set of image sources for the browser to use\n   * for responsiveness.\n   */\n  @Prop() srcset?: string\n\n  /**\n   * The width of the image in pixels. Setting this will\n   * devote space in the layout to prevent layout\n   * shifts when the image is loaded.\n   */\n  @Prop() width?: number;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'pds-image': true,\n        }}\n        id={this.componentId}\n      >\n        <img\n          alt={this.alt}\n          height={this.height}\n          loading={this.loading}\n          sizes={this.sizes}\n          src={this.src}\n          srcset={this.srcset}\n          width={this.width}\n        />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,WAAW,GAAG,mJAAmJ;;YCO1J,QAAQ,wBAAA,MAAA;MALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAME;;;;;MAKG;MACK,QAAA,IAAG,CAAA,GAAA,GAAI,EAAE;MAcjB;;;MAGG;MACK,QAAA,IAAO,CAAA,OAAA,GAAsB,OAAO;MA+C7C;UApBC,MAAM,GAAA;cACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;MACL,gBAAA,WAAW,EAAE,IAAI;MAClB,aAAA,EACD,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EAEpB,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,CAAA,CACG;;;;;;;;;;;"}