@pine-ds/core 2.1.1 → 2.1.2

package/dist/pine-core/{p-e4a1b3f5.system.entry.js → p-08c4f190.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-4c0c0b2d.system.js","./p-6bcd89dc.system.js"],(function(r){"use strict";var e,a,o,n,t;return{setters:[function(r){e=r.r;a=r.h;o=r.H},function(r){n=r.c;t=r.u}],execute:function(){var i=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";var s=i;var d=":host{display:inline-block}div{--color-background-container:var(--pine-color-mercury-050);--color-background-badge:var(--pine-color-white);--color-border-badge:var(--pine-color-white);--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--border-radius-round:var(--pine-border-radius-round);--border-radius-none:var(--pine-border-radius-0);--spacing-none:var(--pine-spacing-0);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--border-radius-round));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-spacing-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{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--border-radius-round:var(--pine-border-radius-round);-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--border-radius-none);border-radius:var(--border-radius-round);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--spacing-none)}.pds-avatar__button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-avatar__badge{background-color:var(--color-background-badge);border:var(--border-default);border-color:var(--color-border-badge);border-radius:var(--border-radius-round);bottom:var(--spacing-none);position:absolute;right:var(--spacing-none)}img{border-radius:var(--border-radius-admin-round, var(--border-radius-round));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}";var p=d;var c=r("pds_avatar",function(){function r(r){var o=this;e(this,r);this.renderAssetWrapper=function(){var r={height:o.avatarSize(),width:o.avatarSize()};return a("div",{style:r,part:"asset-wrapper"},o.renderIconOrImage(),o.renderBadge())};this.renderAvatar=function(){return o.dropdown?a("button",{class:"pds-avatar__button",type:"button","aria-label":"Avatar dropdown trigger"},o.renderAssetWrapper()):o.renderAssetWrapper()};this.renderBadge=function(){return o.badge&&a("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:n,size:"33.53%"})};this.renderIconOrImage=function(){return o.image?a("img",{alt:o.alt,src:o.image}):a("pds-icon",{color:"var(--pine-color-mercury-500)",icon:t,size:"33.53%"})};this.classNames=function(){var r;return r={"pds-avatar":true},r["pds-avatar--has-image"]=o.image!==""&&o.image!==null,r["pds-avatar--".concat(o.variant)]=o.variant==="admin",r};this.alt=null;this.badge=false;this.componentId=undefined;this.dropdown=false;this.image=null;this.size="lg";this.variant="customer"}r.prototype.avatarSize=function(){var r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}};r.prototype.render=function(){return a(o,{key:"0b753aa7cb61c88a3808684a67eb1ee84898822c",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())};return r}());c.style=s+p}}}));
-//# sourceMappingURL=p-e4a1b3f5.system.entry.js.map
+System.register(["./p-45cf2585.system.js","./p-e90b2c75.system.js"],(function(r){"use strict";var e,a,o,n,t;return{setters:[function(r){e=r.r;a=r.h;o=r.H},function(r){n=r.c;t=r.u}],execute:function(){var i=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";var s=i;var d=":host{display:inline-block}div{--color-background-container:var(--pine-color-mercury-050);--color-background-badge:var(--pine-color-white);--color-border-badge:var(--pine-color-white);--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--border-radius-round:var(--pine-border-radius-round);--border-radius-none:var(--pine-border-radius-0);--spacing-none:var(--pine-spacing-0);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--border-radius-round));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-spacing-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{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--border-radius-round:var(--pine-border-radius-round);-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--border-radius-none);border-radius:var(--border-radius-round);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--spacing-none)}.pds-avatar__button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-avatar__badge{background-color:var(--color-background-badge);border:var(--border-default);border-color:var(--color-border-badge);border-radius:var(--border-radius-round);bottom:var(--spacing-none);position:absolute;right:var(--spacing-none)}img{border-radius:var(--border-radius-admin-round, var(--border-radius-round));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}";var p=d;var c=r("pds_avatar",function(){function r(r){var o=this;e(this,r);this.renderAssetWrapper=function(){var r={height:o.avatarSize(),width:o.avatarSize()};return a("div",{style:r,part:"asset-wrapper"},o.renderIconOrImage(),o.renderBadge())};this.renderAvatar=function(){return o.dropdown?a("button",{class:"pds-avatar__button",type:"button","aria-label":"Avatar dropdown trigger"},o.renderAssetWrapper()):o.renderAssetWrapper()};this.renderBadge=function(){return o.badge&&a("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:n,size:"33.53%"})};this.renderIconOrImage=function(){return o.image?a("img",{alt:o.alt,src:o.image}):a("pds-icon",{color:"var(--pine-color-mercury-500)",icon:t,size:"33.53%"})};this.classNames=function(){var r;return r={"pds-avatar":true},r["pds-avatar--has-image"]=o.image!==""&&o.image!==null,r["pds-avatar--".concat(o.variant)]=o.variant==="admin",r};this.alt=null;this.badge=false;this.componentId=undefined;this.dropdown=false;this.image=null;this.size="lg";this.variant="customer"}r.prototype.avatarSize=function(){var r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}};r.prototype.render=function(){return a(o,{key:"0b753aa7cb61c88a3808684a67eb1ee84898822c",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())};return r}());c.style=s+p}}}));
+//# sourceMappingURL=p-08c4f190.system.entry.js.map

package/dist/pine-core/{p-de0beb45.system.entry.js → p-09d83447.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-4c0c0b2d.system.js"],(function(e){"use strict";var i,a,r;return{setters:[function(e){i=e.r;a=e.h;r=e.H}],execute:function(){var s=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";var n=s;var t=":host{--color-background-default:var(--pine-color-grey-200);--spacing-offset-xxs:var(--pine-spacing-050);--spacing-offset-xs:var(--pine-spacing-100);--spacing-offset-sm:var(--pine-spacing-200);--spacing-offset-md:var(--pine-spacing-300);--spacing-offset-lg:var(--pine-spacing-450);--spacing-offset-xxl:var(--pine-spacing-800)}.pds-divider{background:var(--color-background-default);border:0;display:-ms-flexbox;display:flex;height:1px;margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--spacing-offset-xxs) * -1);padding:0 var(--spacing-offset-xxs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--spacing-offset-xxs) * -1) 0;padding:var(--spacing-offset-xxs) 0}.pds-divider--offset-xs{margin:0 calc(var(--spacing-offset-xs) * -1);padding:0 var(--spacing-offset-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--spacing-offset-xs) * -1) 0;padding:var(--spacing-offset-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--spacing-offset-sm) * -1);padding:0 var(--spacing-offset-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--spacing-offset-sm) * -1) 0;padding:var(--spacing-offset-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--spacing-offset-md) * -1);padding:0 var(--spacing-offset-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--spacing-offset-md) * -1) 0;padding:var(--spacing-offset-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--spacing-offset-lg) * -1);padding:0 var(--spacing-offset-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--spacing-offset-lg) * -1) 0;padding:var(--spacing-offset-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--spacing-offset-xl) * -1);padding:0 var(--spacing-offset-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--spacing-offset-xl) * -1) 0;padding:var(--spacing-offset-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--spacing-offset-xxl) * -1);padding:0 var(--spacing-offset-xxl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--spacing-offset-xxl) * -1) 0;padding:var(--spacing-offset-xxl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";var d=t;var o=e("pds_divider",function(){function e(e){i(this,e);this.componentId=undefined;this.offset=undefined;this.vertical=false}e.prototype.classNames=function(){var e=["pds-divider"];if(this.vertical){e.push("pds-divider--vertical")}if(this.offset){var i="pds-divider--offset-"+this.offset;e.push(i)}return e.join(" ")};e.prototype.render=function(){return a(r,{key:"03b43edbf300af791cb86d11991507f1449981f7",id:this.componentId},a("hr",{key:"3385a8497632540187d3c5f16716032d37d5c036",class:this.classNames()}))};return e}());o.style=n+d}}}));
-//# sourceMappingURL=p-de0beb45.system.entry.js.map
+System.register(["./p-45cf2585.system.js"],(function(e){"use strict";var i,a,r;return{setters:[function(e){i=e.r;a=e.h;r=e.H}],execute:function(){var s=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";var n=s;var t=":host{--color-background-default:var(--pine-color-grey-200);--spacing-offset-xxs:var(--pine-spacing-050);--spacing-offset-xs:var(--pine-spacing-100);--spacing-offset-sm:var(--pine-spacing-200);--spacing-offset-md:var(--pine-spacing-300);--spacing-offset-lg:var(--pine-spacing-450);--spacing-offset-xxl:var(--pine-spacing-800)}.pds-divider{background:var(--color-background-default);border:0;display:-ms-flexbox;display:flex;height:1px;margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--spacing-offset-xxs) * -1);padding:0 var(--spacing-offset-xxs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--spacing-offset-xxs) * -1) 0;padding:var(--spacing-offset-xxs) 0}.pds-divider--offset-xs{margin:0 calc(var(--spacing-offset-xs) * -1);padding:0 var(--spacing-offset-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--spacing-offset-xs) * -1) 0;padding:var(--spacing-offset-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--spacing-offset-sm) * -1);padding:0 var(--spacing-offset-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--spacing-offset-sm) * -1) 0;padding:var(--spacing-offset-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--spacing-offset-md) * -1);padding:0 var(--spacing-offset-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--spacing-offset-md) * -1) 0;padding:var(--spacing-offset-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--spacing-offset-lg) * -1);padding:0 var(--spacing-offset-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--spacing-offset-lg) * -1) 0;padding:var(--spacing-offset-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--spacing-offset-xl) * -1);padding:0 var(--spacing-offset-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--spacing-offset-xl) * -1) 0;padding:var(--spacing-offset-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--spacing-offset-xxl) * -1);padding:0 var(--spacing-offset-xxl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--spacing-offset-xxl) * -1) 0;padding:var(--spacing-offset-xxl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";var d=t;var o=e("pds_divider",function(){function e(e){i(this,e);this.componentId=undefined;this.offset=undefined;this.vertical=false}e.prototype.classNames=function(){var e=["pds-divider"];if(this.vertical){e.push("pds-divider--vertical")}if(this.offset){var i="pds-divider--offset-"+this.offset;e.push(i)}return e.join(" ")};e.prototype.render=function(){return a(r,{key:"cb64d56832d159848ac7d45959b5f1d9874715d7",id:this.componentId},a("hr",{key:"10a7b11448b031b24174fe9278ac05504cf8523c",class:this.classNames()}))};return e}());o.style=n+d}}}));
+//# sourceMappingURL=p-09d83447.system.entry.js.map

package/dist/pine-core/{p-de0beb45.system.entry.js.map → p-09d83447.system.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["baseCss","PdsDividerStyle0","pdsDividerCss","PdsDividerStyle1","PdsDivider","exports","class_1","prototype","classNames","this","vertical","push","offset","offsetClassName","join","render","h","Host","key","id","componentId","class"],"sources":["src/global/styles/base.scss?tag=pds-divider&encapsulation=shadow","src/components/pds-divider/pds-divider.scss?tag=pds-divider&encapsulation=shadow","src/components/pds-divider/pds-divider.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n  color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host {\n  --color-background-default: var(--pine-color-grey-200);\n  --spacing-offset-xxs: var(--pine-spacing-050);\n  --spacing-offset-xs: var(--pine-spacing-100);\n  --spacing-offset-sm: var(--pine-spacing-200);\n  --spacing-offset-md: var(--pine-spacing-300);\n  --spacing-offset-lg: var(--pine-spacing-450);\n  --spacing-offset-xxl: var(--pine-spacing-800);\n}\n\n$pds-divider-offsets: (\n  xxs: var(--spacing-offset-xxs),\n  xs: var(--spacing-offset-xs),\n  sm: var(--spacing-offset-sm),\n  md: var(--spacing-offset-md),\n  lg: var(--spacing-offset-lg),\n  xl: var(--spacing-offset-xl),\n  xxl: var(--spacing-offset-xxl),\n);\n\n.pds-divider {\n  background: var(--color-background-default);\n  border: 0;\n  display: flex;\n  height: 1px;\n  margin: 0;\n  width: 100%;\n}\n\n.pds-divider--vertical {\n  height: 100%;\n  width: 1px;\n}\n\n@each $offset, $value in $pds-divider-offsets {\n  .pds-divider--offset-#{$offset} {\n    margin: 0 calc($value * -1);\n    padding: 0 $value;\n\n    &.pds-divider--vertical {\n      margin: calc($value * -1) 0;\n      padding: $value 0;\n    }\n  }\n}\n\n@media (max-width: 767px) {\n  .pds-divider--vertical {\n    display: none;\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-divider',\n  styleUrls: ['../../global/styles/base.scss', 'pds-divider.scss'],\n  shadow: true,\n})\nexport class PdsDivider {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Adds offset margin/padding to expand the width (horizontal) or the height (vertical) of divider.\n   */\n  @Prop() offset: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';\n\n  /**\n   * Sets divider to display vertically\n   * @defaultValue false\n   */\n  @Prop() vertical = false;\n\n  private classNames() {\n    const classNames = ['pds-divider'];\n\n    if (this.vertical) {\n      classNames.push('pds-divider--vertical');\n    }\n\n    if (this.offset) {\n      const offsetClassName = 'pds-divider--offset-' + this.offset;\n      classNames.push(offsetClassName);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <hr class={this.classNames()} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAU,yrDAChB,IAAAC,EAAeD,ECDf,IAAME,EAAgB,4oEACtB,IAAAC,EAAeD,E,ICMFE,EAAUC,EAAA,yB,uFAeF,K,CAEXC,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,eAEpB,GAAIC,KAAKC,SAAU,CACjBF,EAAWG,KAAK,wB,CAGlB,GAAIF,KAAKG,OAAQ,CACf,IAAMC,EAAkB,uBAAyBJ,KAAKG,OACtDJ,EAAWG,KAAKE,E,CAGlB,OAAOL,EAAWM,KAAK,I,EAGzBR,EAAAC,UAAAQ,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,GAAIV,KAAKW,aACbJ,EAAA,MAAAE,IAAA,2CAAIG,MAAOZ,KAAKD,e,WAnCD,I","ignoreList":[]}
+{"version":3,"names":["baseCss","PdsDividerStyle0","pdsDividerCss","PdsDividerStyle1","PdsDivider","exports","class_1","prototype","classNames","this","vertical","push","offset","offsetClassName","join","render","h","Host","key","id","componentId","class"],"sources":["src/global/styles/base.scss?tag=pds-divider&encapsulation=shadow","src/components/pds-divider/pds-divider.scss?tag=pds-divider&encapsulation=shadow","src/components/pds-divider/pds-divider.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n  color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host {\n  --color-background-default: var(--pine-color-grey-200);\n  --spacing-offset-xxs: var(--pine-spacing-050);\n  --spacing-offset-xs: var(--pine-spacing-100);\n  --spacing-offset-sm: var(--pine-spacing-200);\n  --spacing-offset-md: var(--pine-spacing-300);\n  --spacing-offset-lg: var(--pine-spacing-450);\n  --spacing-offset-xxl: var(--pine-spacing-800);\n}\n\n$pds-divider-offsets: (\n  xxs: var(--spacing-offset-xxs),\n  xs: var(--spacing-offset-xs),\n  sm: var(--spacing-offset-sm),\n  md: var(--spacing-offset-md),\n  lg: var(--spacing-offset-lg),\n  xl: var(--spacing-offset-xl),\n  xxl: var(--spacing-offset-xxl),\n);\n\n.pds-divider {\n  background: var(--color-background-default);\n  border: 0;\n  display: flex;\n  height: 1px;\n  margin: 0;\n  width: 100%;\n}\n\n.pds-divider--vertical {\n  height: 100%;\n  width: 1px;\n}\n\n@each $offset, $value in $pds-divider-offsets {\n  .pds-divider--offset-#{$offset} {\n    margin: 0 calc($value * -1);\n    padding: 0 $value;\n\n    &.pds-divider--vertical {\n      margin: calc($value * -1) 0;\n      padding: $value 0;\n    }\n  }\n}\n\n@media (max-width: 767px) {\n  .pds-divider--vertical {\n    display: none;\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-divider',\n  styleUrls: ['../../global/styles/base.scss', 'pds-divider.scss'],\n  shadow: true,\n})\nexport class PdsDivider {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Adds offset margin/padding to expand the width (horizontal) or the height (vertical) of divider.\n   */\n  @Prop() offset: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';\n\n  /**\n   * Sets divider to display vertically.\n   * @defaultValue false\n   */\n  @Prop() vertical = false;\n\n  private classNames() {\n    const classNames = ['pds-divider'];\n\n    if (this.vertical) {\n      classNames.push('pds-divider--vertical');\n    }\n\n    if (this.offset) {\n      const offsetClassName = 'pds-divider--offset-' + this.offset;\n      classNames.push(offsetClassName);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <hr class={this.classNames()} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAU,yrDAChB,IAAAC,EAAeD,ECDf,IAAME,EAAgB,4oEACtB,IAAAC,EAAeD,E,ICMFE,EAAUC,EAAA,yB,uFAeF,K,CAEXC,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,eAEpB,GAAIC,KAAKC,SAAU,CACjBF,EAAWG,KAAK,wB,CAGlB,GAAIF,KAAKG,OAAQ,CACf,IAAMC,EAAkB,uBAAyBJ,KAAKG,OACtDJ,EAAWG,KAAKE,E,CAGlB,OAAOL,EAAWM,KAAK,I,EAGzBR,EAAAC,UAAAQ,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,GAAIV,KAAKW,aACbJ,EAAA,MAAAE,IAAA,2CAAIG,MAAOZ,KAAKD,e,WAnCD,I","ignoreList":[]}

package/dist/pine-core/{p-d464f04f.entry.js → p-0ac04129.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as i,H as a}from"./p-4e6e2052.js";const r=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";const s=r;const n=":host{--color-background-default:var(--pine-color-grey-200);--spacing-offset-xxs:var(--pine-spacing-050);--spacing-offset-xs:var(--pine-spacing-100);--spacing-offset-sm:var(--pine-spacing-200);--spacing-offset-md:var(--pine-spacing-300);--spacing-offset-lg:var(--pine-spacing-450);--spacing-offset-xxl:var(--pine-spacing-800)}.pds-divider{background:var(--color-background-default);border:0;display:-ms-flexbox;display:flex;height:1px;margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--spacing-offset-xxs) * -1);padding:0 var(--spacing-offset-xxs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--spacing-offset-xxs) * -1) 0;padding:var(--spacing-offset-xxs) 0}.pds-divider--offset-xs{margin:0 calc(var(--spacing-offset-xs) * -1);padding:0 var(--spacing-offset-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--spacing-offset-xs) * -1) 0;padding:var(--spacing-offset-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--spacing-offset-sm) * -1);padding:0 var(--spacing-offset-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--spacing-offset-sm) * -1) 0;padding:var(--spacing-offset-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--spacing-offset-md) * -1);padding:0 var(--spacing-offset-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--spacing-offset-md) * -1) 0;padding:var(--spacing-offset-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--spacing-offset-lg) * -1);padding:0 var(--spacing-offset-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--spacing-offset-lg) * -1) 0;padding:var(--spacing-offset-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--spacing-offset-xl) * -1);padding:0 var(--spacing-offset-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--spacing-offset-xl) * -1) 0;padding:var(--spacing-offset-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--spacing-offset-xxl) * -1);padding:0 var(--spacing-offset-xxl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--spacing-offset-xxl) * -1) 0;padding:var(--spacing-offset-xxl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";const t=n;const d=class{constructor(i){e(this,i);this.componentId=undefined;this.offset=undefined;this.vertical=false}classNames(){const e=["pds-divider"];if(this.vertical){e.push("pds-divider--vertical")}if(this.offset){const i="pds-divider--offset-"+this.offset;e.push(i)}return e.join(" ")}render(){return i(a,{key:"03b43edbf300af791cb86d11991507f1449981f7",id:this.componentId},i("hr",{key:"3385a8497632540187d3c5f16716032d37d5c036",class:this.classNames()}))}};d.style=s+t;export{d as pds_divider};
-//# sourceMappingURL=p-d464f04f.entry.js.map
+import{r as e,h as i,H as a}from"./p-87fe352f.js";const r=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";const s=r;const n=":host{--color-background-default:var(--pine-color-grey-200);--spacing-offset-xxs:var(--pine-spacing-050);--spacing-offset-xs:var(--pine-spacing-100);--spacing-offset-sm:var(--pine-spacing-200);--spacing-offset-md:var(--pine-spacing-300);--spacing-offset-lg:var(--pine-spacing-450);--spacing-offset-xxl:var(--pine-spacing-800)}.pds-divider{background:var(--color-background-default);border:0;display:-ms-flexbox;display:flex;height:1px;margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--spacing-offset-xxs) * -1);padding:0 var(--spacing-offset-xxs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--spacing-offset-xxs) * -1) 0;padding:var(--spacing-offset-xxs) 0}.pds-divider--offset-xs{margin:0 calc(var(--spacing-offset-xs) * -1);padding:0 var(--spacing-offset-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--spacing-offset-xs) * -1) 0;padding:var(--spacing-offset-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--spacing-offset-sm) * -1);padding:0 var(--spacing-offset-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--spacing-offset-sm) * -1) 0;padding:var(--spacing-offset-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--spacing-offset-md) * -1);padding:0 var(--spacing-offset-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--spacing-offset-md) * -1) 0;padding:var(--spacing-offset-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--spacing-offset-lg) * -1);padding:0 var(--spacing-offset-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--spacing-offset-lg) * -1) 0;padding:var(--spacing-offset-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--spacing-offset-xl) * -1);padding:0 var(--spacing-offset-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--spacing-offset-xl) * -1) 0;padding:var(--spacing-offset-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--spacing-offset-xxl) * -1);padding:0 var(--spacing-offset-xxl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--spacing-offset-xxl) * -1) 0;padding:var(--spacing-offset-xxl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";const t=n;const d=class{constructor(i){e(this,i);this.componentId=undefined;this.offset=undefined;this.vertical=false}classNames(){const e=["pds-divider"];if(this.vertical){e.push("pds-divider--vertical")}if(this.offset){const i="pds-divider--offset-"+this.offset;e.push(i)}return e.join(" ")}render(){return i(a,{key:"cb64d56832d159848ac7d45959b5f1d9874715d7",id:this.componentId},i("hr",{key:"10a7b11448b031b24174fe9278ac05504cf8523c",class:this.classNames()}))}};d.style=s+t;export{d as pds_divider};
+//# sourceMappingURL=p-0ac04129.entry.js.map

package/dist/pine-core/{p-d464f04f.entry.js.map → p-0ac04129.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["baseCss","PdsDividerStyle0","pdsDividerCss","PdsDividerStyle1","PdsDivider","classNames","this","vertical","push","offset","offsetClassName","join","render","h","Host","key","id","componentId","class"],"sources":["src/global/styles/base.scss?tag=pds-divider&encapsulation=shadow","src/components/pds-divider/pds-divider.scss?tag=pds-divider&encapsulation=shadow","src/components/pds-divider/pds-divider.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n  color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host {\n  --color-background-default: var(--pine-color-grey-200);\n  --spacing-offset-xxs: var(--pine-spacing-050);\n  --spacing-offset-xs: var(--pine-spacing-100);\n  --spacing-offset-sm: var(--pine-spacing-200);\n  --spacing-offset-md: var(--pine-spacing-300);\n  --spacing-offset-lg: var(--pine-spacing-450);\n  --spacing-offset-xxl: var(--pine-spacing-800);\n}\n\n$pds-divider-offsets: (\n  xxs: var(--spacing-offset-xxs),\n  xs: var(--spacing-offset-xs),\n  sm: var(--spacing-offset-sm),\n  md: var(--spacing-offset-md),\n  lg: var(--spacing-offset-lg),\n  xl: var(--spacing-offset-xl),\n  xxl: var(--spacing-offset-xxl),\n);\n\n.pds-divider {\n  background: var(--color-background-default);\n  border: 0;\n  display: flex;\n  height: 1px;\n  margin: 0;\n  width: 100%;\n}\n\n.pds-divider--vertical {\n  height: 100%;\n  width: 1px;\n}\n\n@each $offset, $value in $pds-divider-offsets {\n  .pds-divider--offset-#{$offset} {\n    margin: 0 calc($value * -1);\n    padding: 0 $value;\n\n    &.pds-divider--vertical {\n      margin: calc($value * -1) 0;\n      padding: $value 0;\n    }\n  }\n}\n\n@media (max-width: 767px) {\n  .pds-divider--vertical {\n    display: none;\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-divider',\n  styleUrls: ['../../global/styles/base.scss', 'pds-divider.scss'],\n  shadow: true,\n})\nexport class PdsDivider {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Adds offset margin/padding to expand the width (horizontal) or the height (vertical) of divider.\n   */\n  @Prop() offset: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';\n\n  /**\n   * Sets divider to display vertically\n   * @defaultValue false\n   */\n  @Prop() vertical = false;\n\n  private classNames() {\n    const classNames = ['pds-divider'];\n\n    if (this.vertical) {\n      classNames.push('pds-divider--vertical');\n    }\n\n    if (this.offset) {\n      const offsetClassName = 'pds-divider--offset-' + this.offset;\n      classNames.push(offsetClassName);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <hr class={this.classNames()} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,yrDAChB,MAAAC,EAAeD,ECDf,MAAME,EAAgB,4oEACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,wFAeF,K,CAEX,UAAAC,GACN,MAAMA,EAAa,CAAC,eAEpB,GAAIC,KAAKC,SAAU,CACjBF,EAAWG,KAAK,wB,CAGlB,GAAIF,KAAKG,OAAQ,CACf,MAAMC,EAAkB,uBAAyBJ,KAAKG,OACtDJ,EAAWG,KAAKE,E,CAGlB,OAAOL,EAAWM,KAAK,I,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,GAAIV,KAAKW,aACbJ,EAAA,MAAAE,IAAA,2CAAIG,MAAOZ,KAAKD,e","ignoreList":[]}
+{"version":3,"names":["baseCss","PdsDividerStyle0","pdsDividerCss","PdsDividerStyle1","PdsDivider","classNames","this","vertical","push","offset","offsetClassName","join","render","h","Host","key","id","componentId","class"],"sources":["src/global/styles/base.scss?tag=pds-divider&encapsulation=shadow","src/components/pds-divider/pds-divider.scss?tag=pds-divider&encapsulation=shadow","src/components/pds-divider/pds-divider.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n  color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host {\n  --color-background-default: var(--pine-color-grey-200);\n  --spacing-offset-xxs: var(--pine-spacing-050);\n  --spacing-offset-xs: var(--pine-spacing-100);\n  --spacing-offset-sm: var(--pine-spacing-200);\n  --spacing-offset-md: var(--pine-spacing-300);\n  --spacing-offset-lg: var(--pine-spacing-450);\n  --spacing-offset-xxl: var(--pine-spacing-800);\n}\n\n$pds-divider-offsets: (\n  xxs: var(--spacing-offset-xxs),\n  xs: var(--spacing-offset-xs),\n  sm: var(--spacing-offset-sm),\n  md: var(--spacing-offset-md),\n  lg: var(--spacing-offset-lg),\n  xl: var(--spacing-offset-xl),\n  xxl: var(--spacing-offset-xxl),\n);\n\n.pds-divider {\n  background: var(--color-background-default);\n  border: 0;\n  display: flex;\n  height: 1px;\n  margin: 0;\n  width: 100%;\n}\n\n.pds-divider--vertical {\n  height: 100%;\n  width: 1px;\n}\n\n@each $offset, $value in $pds-divider-offsets {\n  .pds-divider--offset-#{$offset} {\n    margin: 0 calc($value * -1);\n    padding: 0 $value;\n\n    &.pds-divider--vertical {\n      margin: calc($value * -1) 0;\n      padding: $value 0;\n    }\n  }\n}\n\n@media (max-width: 767px) {\n  .pds-divider--vertical {\n    display: none;\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-divider',\n  styleUrls: ['../../global/styles/base.scss', 'pds-divider.scss'],\n  shadow: true,\n})\nexport class PdsDivider {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Adds offset margin/padding to expand the width (horizontal) or the height (vertical) of divider.\n   */\n  @Prop() offset: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';\n\n  /**\n   * Sets divider to display vertically.\n   * @defaultValue false\n   */\n  @Prop() vertical = false;\n\n  private classNames() {\n    const classNames = ['pds-divider'];\n\n    if (this.vertical) {\n      classNames.push('pds-divider--vertical');\n    }\n\n    if (this.offset) {\n      const offsetClassName = 'pds-divider--offset-' + this.offset;\n      classNames.push(offsetClassName);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <hr class={this.classNames()} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,yrDAChB,MAAAC,EAAeD,ECDf,MAAME,EAAgB,4oEACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,wFAeF,K,CAEX,UAAAC,GACN,MAAMA,EAAa,CAAC,eAEpB,GAAIC,KAAKC,SAAU,CACjBF,EAAWG,KAAK,wB,CAGlB,GAAIF,KAAKG,OAAQ,CACf,MAAMC,EAAkB,uBAAyBJ,KAAKG,OACtDJ,EAAWG,KAAKE,E,CAGlB,OAAOL,EAAWM,KAAK,I,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,GAAIV,KAAKW,aACbJ,EAAA,MAAAE,IAAA,2CAAIG,MAAOZ,KAAKD,e","ignoreList":[]}

package/dist/pine-core/{p-b78b3492.entry.js → p-0ff89cf4.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as i}from"./p-4e6e2052.js";import{l as n}from"./p-3e0449c5.js";const t=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";const r=t;const o=":host{--border-outline:4px solid var(--pine-color-blue-200);--border-radius:var(--pine-border-radius-075);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--color-text-default:var(--pine-color-text-default);--color-text-hover:var(--pine-color-grey-900);--font-size-default:var(--pine-font-size-body-md);--font-size-sm:var(--pine-font-size-body-sm);--font-size-xs:var(--pine-font-size-body-xs);--font-weight:var(--pine-font-weight-body-medium);--spacing-inline-start-margin:var(--pine-spacing-050);--sizing-svg-lg:var(--font-size-default);--sizing-svg-md:var(--font-size-sm);--sizing-svg-sm:var(--font-size-xs);display:inline}:host pds-icon{-webkit-margin-start:var(--spacing-inline-start-margin);margin-inline-start:var(--spacing-inline-start-margin)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--color-text);display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--font-weight)}.pds-link:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none;position:relative}.pds-link--sm{font-size:var(--font-size-xs)}.pds-link--sm pds-icon{height:var(--sizing-svg-sm);width:var(--sizing-svg-sm)}.pds-link--md{font-size:var(--font-size-sm)}.pds-link--md pds-icon{height:var(--sizing-svg-md);width:var(--sizing-svg-md)}.pds-link--lg{font-size:var(--font-size-default)}.pds-link--lg pds-icon{height:var(--sizing-svg-lg);width:var(--sizing-svg-lg)}.pds-link--plain{text-decoration:none}.pds-link--plain:hover{color:var(--color-text-hover);text-decoration:underline}.pds-link--default{text-decoration:underline}.pds-link--default:hover{color:var(--color-text-hover);text-decoration:none}";const s=o;const a=class{constructor(i){e(this,i);this.componentId=undefined;this.external=false;this.variant="inline";this.fontSize="lg";this.href=undefined}classNames(){const e=["pds-link"];if(this.fontSize){e.push("pds-link--"+this.fontSize)}if(this.variant){e.push("pds-link--"+this.variant)}return e.join(" ")}render(){return i("a",{key:"48d18c76dabdf7848cb28406ca41bcb319046f15",class:this.classNames(),href:this.href,id:this.componentId,target:this.external?"_blank":undefined,part:"link"},i("slot",{key:"d1300abecf3a94cbeb0dd0203e0938496499750b"},this.href),this.external&&i("pds-icon",{key:"353ee581e0060669910e0e9220f3e85d2c46e41b",icon:n,size:this.fontSize}))}};a.style=r+s;export{a as pds_link};
-//# sourceMappingURL=p-b78b3492.entry.js.map
+import{r as e,h as i}from"./p-87fe352f.js";import{l as n}from"./p-dc4a6d88.js";const t=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";const r=t;const o=":host{--border-outline:4px solid var(--pine-color-blue-200);--border-radius:var(--pine-border-radius-075);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--color-text-default:var(--pine-color-text-default);--color-text-hover:var(--pine-color-grey-900);--font-size-default:var(--pine-font-size-body-md);--font-size-sm:var(--pine-font-size-body-sm);--font-size-xs:var(--pine-font-size-body-xs);--font-weight:var(--pine-font-weight-body-medium);--spacing-inline-start-margin:var(--pine-spacing-050);--sizing-svg-lg:var(--font-size-default);--sizing-svg-md:var(--font-size-sm);--sizing-svg-sm:var(--font-size-xs);display:inline}:host pds-icon{-webkit-margin-start:var(--spacing-inline-start-margin);margin-inline-start:var(--spacing-inline-start-margin)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--color-text);display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--font-weight)}.pds-link:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none;position:relative}.pds-link--sm{font-size:var(--font-size-xs)}.pds-link--sm pds-icon{height:var(--sizing-svg-sm);width:var(--sizing-svg-sm)}.pds-link--md{font-size:var(--font-size-sm)}.pds-link--md pds-icon{height:var(--sizing-svg-md);width:var(--sizing-svg-md)}.pds-link--lg{font-size:var(--font-size-default)}.pds-link--lg pds-icon{height:var(--sizing-svg-lg);width:var(--sizing-svg-lg)}.pds-link--plain{text-decoration:none}.pds-link--plain:hover{color:var(--color-text-hover);text-decoration:underline}.pds-link--default{text-decoration:underline}.pds-link--default:hover{color:var(--color-text-hover);text-decoration:none}";const s=o;const a=class{constructor(i){e(this,i);this.componentId=undefined;this.external=false;this.variant="inline";this.fontSize="lg";this.href=undefined}classNames(){const e=["pds-link"];if(this.fontSize){e.push("pds-link--"+this.fontSize)}if(this.variant){e.push("pds-link--"+this.variant)}return e.join(" ")}render(){return i("a",{key:"0301c40c5571d5713ff50262c9cd288b476bfb02",class:this.classNames(),href:this.href,id:this.componentId,target:this.external?"_blank":undefined,part:"link"},i("slot",{key:"dae97a17d38c0308d74f75b859d704d0d28d789d"},this.href),this.external&&i("pds-icon",{key:"5c242186e0080db10ede73c232fd83643b54df03",icon:n,size:this.fontSize}))}};a.style=r+s;export{a as pds_link};
+//# sourceMappingURL=p-0ff89cf4.entry.js.map

package/dist/pine-core/{p-b78b3492.entry.js.map → p-0ff89cf4.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["baseCss","PdsLinkStyle0","pdsLinkCss","PdsLinkStyle1","PdsLink","classNames","this","fontSize","push","variant","join","render","h","key","class","href","id","componentId","target","external","undefined","part","icon","launch","size"],"sources":["src/global/styles/base.scss?tag=pds-link&encapsulation=shadow","src/components/pds-link/pds-link.scss?tag=pds-link&encapsulation=shadow","src/components/pds-link/pds-link.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n  color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host {\n\n  --border-outline: 4px solid var(--pine-color-blue-200);\n  --border-radius: var(--pine-border-radius-075);\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n\n  --color-text-default: var(--pine-color-text-default);\n  --color-text-hover: var(--pine-color-grey-900);\n\n  --font-size-default: var(--pine-font-size-body-md);\n  --font-size-sm: var(--pine-font-size-body-sm);\n  --font-size-xs: var(--pine-font-size-body-xs);\n  --font-weight: var(--pine-font-weight-body-medium);\n\n  --spacing-inline-start-margin: var(--pine-spacing-050);\n  --sizing-svg-lg: var(--font-size-default);\n  --sizing-svg-md: var(--font-size-sm);\n  --sizing-svg-sm: var(--font-size-xs);\n\n  display: inline;\n\n  pds-icon {\n    margin-inline-start: var(--spacing-inline-start-margin);\n  }\n}\n\n.pds-link {\n  align-items: center;\n  color: var(--color-text);\n  display: inline-flex;\n  font-weight: var(--font-weight);\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n    position: relative;\n  }\n}\n\n// We have a small consensus stating that\n// fonts will be REMs, box-model will be\n// discussed later px or (r)em's\n.pds-link--sm {\n  font-size: var(--font-size-xs);\n\n  pds-icon {\n    height: var(--sizing-svg-sm);\n    width: var(--sizing-svg-sm);\n  }\n}\n\n.pds-link--md {\n  font-size: var(--font-size-sm);\n\n  pds-icon {\n    height: var(--sizing-svg-md);\n    width: var(--sizing-svg-md);\n  }\n}\n\n.pds-link--lg {\n  font-size: var(--font-size-default);\n\n  pds-icon {\n    height: var(--sizing-svg-lg);\n    width: var(--sizing-svg-lg);\n  }\n}\n\n.pds-link--plain {\n  text-decoration: none;\n\n  &:hover {\n    color: var(--color-text-hover);\n    text-decoration: underline;\n  }\n}\n\n// Default = inline link\n.pds-link--default {\n  text-decoration: underline;\n\n  &:hover {\n    color: var(--color-text-hover);\n    text-decoration: none;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\nimport { launch } from '@pine-ds/icons/icons';\n\n/**\n * @part link - The main link element that represents the link component.\n * @slot - Content is placed between the opening closing tags.\n */\n@Component({\n  tag: 'pds-link',\n  styleUrls: ['../../global/styles/base.scss', 'pds-link.scss'],\n  shadow: true,\n})\nexport class PdsLink {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * When enabled, opens link in a new tab.\n   * @defaultValue false\n   */\n  @Prop() external = false;\n\n  /**\n   *\n   * Modifies the look of the link\n   */\n  @Prop() variant: 'inline' | 'plain' = 'inline';\n\n  /**\n   *\n   * The Font size follows t-shirt model\n   * sm: 12px\n   * md: 14px\n   * lg: 16px\n   * @defaultValue lg\n   */\n  @Prop() fontSize: 'sm' | 'md' | 'lg' = 'lg';\n\n  /**\n   * The URL that the hyperlink points to.\n   */\n  @Prop() href!: string;\n\n  private classNames() {\n    const classNames = ['pds-link'];\n\n    if (this.fontSize) {\n      classNames.push('pds-link--' + this.fontSize);\n    }\n\n    if (this.variant) {\n      classNames.push('pds-link--' + this.variant);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n\n    return (\n      <a\n        class={this.classNames()}\n        href={this.href}\n        id={this.componentId}\n        target={this.external ? '_blank' : undefined}\n        part=\"link\"\n      >\n        <slot>{this.href}</slot>\n        {this.external &&\n          <pds-icon icon={launch} size={this.fontSize}></pds-icon>\n        }\n      </a>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAU,yrDAChB,MAAAC,EAAeD,ECDf,MAAME,EAAa,6oDACnB,MAAAC,EAAeD,E,MCYFE,EAAO,M,kEAUC,M,aAMmB,S,cAUC,K,oBAO/B,UAAAC,GACN,MAAMA,EAAa,CAAC,YAEpB,GAAIC,KAAKC,SAAU,CACjBF,EAAWG,KAAK,aAAeF,KAAKC,S,CAGtC,GAAID,KAAKG,QAAS,CAChBJ,EAAWG,KAAK,aAAeF,KAAKG,Q,CAGtC,OAAOJ,EAAWK,KAAK,I,CAGzB,MAAAC,GAEE,OACEC,EAAA,KAAAC,IAAA,2CACEC,MAAOR,KAAKD,aACZU,KAAMT,KAAKS,KACXC,GAAIV,KAAKW,YACTC,OAAQZ,KAAKa,SAAW,SAAWC,UACnCC,KAAK,QAELT,EAAA,QAAAC,IAAA,4CAAOP,KAAKS,MACXT,KAAKa,UACJP,EAAA,YAAAC,IAAA,2CAAUS,KAAMC,EAAQC,KAAMlB,KAAKC,W","ignoreList":[]}
+{"version":3,"names":["baseCss","PdsLinkStyle0","pdsLinkCss","PdsLinkStyle1","PdsLink","classNames","this","fontSize","push","variant","join","render","h","key","class","href","id","componentId","target","external","undefined","part","icon","launch","size"],"sources":["src/global/styles/base.scss?tag=pds-link&encapsulation=shadow","src/components/pds-link/pds-link.scss?tag=pds-link&encapsulation=shadow","src/components/pds-link/pds-link.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n  color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host {\n\n  --border-outline: 4px solid var(--pine-color-blue-200);\n  --border-radius: var(--pine-border-radius-075);\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n\n  --color-text-default: var(--pine-color-text-default);\n  --color-text-hover: var(--pine-color-grey-900);\n\n  --font-size-default: var(--pine-font-size-body-md);\n  --font-size-sm: var(--pine-font-size-body-sm);\n  --font-size-xs: var(--pine-font-size-body-xs);\n  --font-weight: var(--pine-font-weight-body-medium);\n\n  --spacing-inline-start-margin: var(--pine-spacing-050);\n  --sizing-svg-lg: var(--font-size-default);\n  --sizing-svg-md: var(--font-size-sm);\n  --sizing-svg-sm: var(--font-size-xs);\n\n  display: inline;\n\n  pds-icon {\n    margin-inline-start: var(--spacing-inline-start-margin);\n  }\n}\n\n.pds-link {\n  align-items: center;\n  color: var(--color-text);\n  display: inline-flex;\n  font-weight: var(--font-weight);\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n    position: relative;\n  }\n}\n\n// We have a small consensus stating that\n// fonts will be REMs, box-model will be\n// discussed later px or (r)em's\n.pds-link--sm {\n  font-size: var(--font-size-xs);\n\n  pds-icon {\n    height: var(--sizing-svg-sm);\n    width: var(--sizing-svg-sm);\n  }\n}\n\n.pds-link--md {\n  font-size: var(--font-size-sm);\n\n  pds-icon {\n    height: var(--sizing-svg-md);\n    width: var(--sizing-svg-md);\n  }\n}\n\n.pds-link--lg {\n  font-size: var(--font-size-default);\n\n  pds-icon {\n    height: var(--sizing-svg-lg);\n    width: var(--sizing-svg-lg);\n  }\n}\n\n.pds-link--plain {\n  text-decoration: none;\n\n  &:hover {\n    color: var(--color-text-hover);\n    text-decoration: underline;\n  }\n}\n\n// Default = inline link\n.pds-link--default {\n  text-decoration: underline;\n\n  &:hover {\n    color: var(--color-text-hover);\n    text-decoration: none;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\nimport { launch } from '@pine-ds/icons/icons';\n\n/**\n * @part link - Link element styles.\n * @slot (default) - Text content placed between the opening and closing tags. If no text is provided, the **href** will be used as a fallback.\n */\n@Component({\n  tag: 'pds-link',\n  styleUrls: ['../../global/styles/base.scss', 'pds-link.scss'],\n  shadow: true,\n})\nexport class PdsLink {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether the link should open in a new tab.\n   * @defaultValue false\n   */\n  @Prop() external = false;\n\n  /**\n   * Sets the link variant styles.\n   * @defaultValue inline\n   */\n  @Prop() variant: 'inline' | 'plain' = 'inline';\n\n  /**\n   * The font size of the link's text.\n   * @defaultValue lg\n   */\n  @Prop() fontSize: 'sm' | 'md' | 'lg' = 'lg';\n\n  /**\n   * The hyperlink's destination URL. If no text is provided in the custom slot, the href will be used.\n   */\n  @Prop() href!: string;\n\n  private classNames() {\n    const classNames = ['pds-link'];\n\n    if (this.fontSize) {\n      classNames.push('pds-link--' + this.fontSize);\n    }\n\n    if (this.variant) {\n      classNames.push('pds-link--' + this.variant);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n\n    return (\n      <a\n        class={this.classNames()}\n        href={this.href}\n        id={this.componentId}\n        target={this.external ? '_blank' : undefined}\n        part=\"link\"\n      >\n        <slot>{this.href}</slot>\n        {this.external &&\n          <pds-icon icon={launch} size={this.fontSize}></pds-icon>\n        }\n      </a>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAU,yrDAChB,MAAAC,EAAeD,ECDf,MAAME,EAAa,6oDACnB,MAAAC,EAAeD,E,MCYFE,EAAO,M,kEAUC,M,aAMmB,S,cAMC,K,oBAO/B,UAAAC,GACN,MAAMA,EAAa,CAAC,YAEpB,GAAIC,KAAKC,SAAU,CACjBF,EAAWG,KAAK,aAAeF,KAAKC,S,CAGtC,GAAID,KAAKG,QAAS,CAChBJ,EAAWG,KAAK,aAAeF,KAAKG,Q,CAGtC,OAAOJ,EAAWK,KAAK,I,CAGzB,MAAAC,GAEE,OACEC,EAAA,KAAAC,IAAA,2CACEC,MAAOR,KAAKD,aACZU,KAAMT,KAAKS,KACXC,GAAIV,KAAKW,YACTC,OAAQZ,KAAKa,SAAW,SAAWC,UACnCC,KAAK,QAELT,EAAA,QAAAC,IAAA,4CAAOP,KAAKS,MACXT,KAAKa,UACJP,EAAA,YAAAC,IAAA,2CAAUS,KAAMC,EAAQC,KAAMlB,KAAKC,W","ignoreList":[]}

package/dist/pine-core/p-1010d12b.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-45cf2585.system.js","./p-e3fab4be.system.js","./p-e90b2c75.system.js"],(function(e){"use strict";var r,a,o,i,t,l,n,s,d,c;return{setters:[function(e){r=e.r;a=e.c;o=e.h;i=e.H;t=e.g},function(e){l=e.i;n=e.P;s=e.a;d=e.m},function(e){c=e.b}],execute:function(){var p=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";var h=p;var f=":host{--border-interactive-default:var(--pine-border-interactive-default);--border-interactive-hover:var(--pine-border-interactive-hover);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--color-focus-visible-outline);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--color-focus-visible-outline-error);--color-background-default:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-100);--color-background-hover:var(--pine-color-grey-050);--color-background-error-default:var(--pine-color-red-050);--color-border-error-default:var(--pine-color-red-600);--color-border-focus-visible:var(--pine-color-grey-400);--color-border-hover:var(--pine-color-grey-400);--color-focus-visible-outline:var(--pine-color-purple-300);--color-focus-visible-outline-error:var(--pine-color-red-300);--color-text-disabled-default:var(--pine-color-grey-400);--color-text-message-error-default:var(--pine-color-red-600);--color-text-placeholder-default:var(--pine-color-grey-600);--color-text-placeholder-disabled:var(--pine-color-grey-400);--font-weight-label-default:var(--pine-font-weight-body-medium);--spacing-margin-block-end-label:var(--pine-spacing-100);--spacing-margin-block-start-helper-message:var(--pine-spacing-100);--spacing-padding-block-field:var(--pine-spacing-100);--spacing-padding-inline-field:var(--pine-spacing-200);--spacing-icon-error-message:var(--pine-spacing-050);--typography-message-default:var(--pine-typography-body-sm-default);display:inline}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{display:block;font-weight:var(--font-weight-label-default);-webkit-margin-after:var(--spacing-margin-block-end-label);margin-block-end:var(--spacing-margin-block-end-label)}.pds-textarea__field{background-color:var(--color-background-default);border:var(--border-interactive-default);border-radius:var(--pine-border-radius-100);padding:var(--spacing-padding-block-field) var(--spacing-padding-inline-field)}.pds-textarea__field:hover:not(:disabled,.is-invalid){border:var(--border-interactive-hover)}.pds-textarea__field:disabled{background-color:var(--color-background-disabled);color:var(--color-text-disabled-default);cursor:not-allowed}.pds-textarea__field:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-textarea__field::-webkit-input-placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field::-moz-placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field:-ms-input-placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field::-ms-input-placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field::placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field.is-invalid{border-color:var(--color-border-error-default)}.pds-textarea__field.is-invalid:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error)}.pds-textarea__error-message,.pds-textarea__helper-message{font:var(--typography-message-default);-webkit-margin-before:var(--spacing-margin-block-start-helper-message);margin-block-start:var(--spacing-margin-block-start-helper-message)}.pds-textarea__error-message{-ms-flex-align:center;align-items:center;color:var(--color-text-message-error-default);display:-ms-flexbox;display:flex;gap:var(--spacing-icon-error-message)}";var b=f;var g=e("pds_textarea",function(){function e(e){var o=this;r(this,e);this.pdsTextareaChange=a(this,"pdsTextareaChange",7);this.onTextareaChange=function(e){var r=e.target;l(r,o);if(r){o.value=r.value}o.pdsTextareaChange.emit({value:o.value,event:e})};this.autocomplete=undefined;this.componentId=undefined;this.disabled=false;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=false;this.label=undefined;this.name=this.componentId;this.placeholder=undefined;this.readonly=false;this.required=false;this.rows=undefined;this.value=undefined}e.prototype.textareaClassNames=function(){var e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join("  ")};e.prototype.render=function(){return o(i,{key:"d3cec920aa6de1d10734cf532441b7cd33262f03","aria-disabled":this.disabled?"true":null},o("div",{key:"66865515eeeb7c68887135e82a4d99e0f63011ca",class:"pds-textarea"},this.label&&o(n,{key:"390b6073cc628fba80754e27785045b927559406",htmlFor:this.componentId,text:this.label}),o("textarea",{key:"6a9232804406c1a92ea1a4b792c69f2c116728b8","aria-describedby":s(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,class:this.textareaClassNames(),disabled:this.disabled,id:this.componentId,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,rows:this.rows,onChange:this.onTextareaChange},this.value),this.helperMessage&&o("p",{key:"066c5533e0f18c1536bd05aecca1e0ed82a7a115",class:"pds-textarea__helper-message",id:d(this.componentId,"helper")},this.helperMessage),this.invalid&&o("p",{key:"bb18f8d1f229e48b6039244559a06b0de607f582","aria-live":"assertive",class:"pds-textarea__error-message",id:d(this.componentId,"error")},o("pds-icon",{key:"f619f844ca95981f6986a1f29f1a60774c4281f5",icon:c,size:"small"}),this.errorMessage)))};Object.defineProperty(e.prototype,"el",{get:function(){return t(this)},enumerable:false,configurable:true});return e}());g.style=h+b}}}));
+//# sourceMappingURL=p-1010d12b.system.entry.js.map

package/dist/pine-core/p-1010d12b.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["baseCss","PdsTextareaStyle0","pdsTextareaCss","PdsTextareaStyle1","PdsTextarea","exports","this","onTextareaChange","ev","textarea","target","isRequired","_this","value","pdsTextareaChange","emit","event","componentId","class_1","prototype","textareaClassNames","classNames","invalid","push","join","render","h","Host","key","disabled","class","label","PdsLabel","htmlFor","text","assignDescription","helperMessage","undefined","autocomplete","id","name","placeholder","readOnly","readonly","required","rows","onChange","messageId","icon","danger","size","errorMessage"],"sources":["src/global/styles/base.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n  color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host {\n  --border-interactive-default: var(--pine-border-interactive-default);\n  --border-interactive-hover: var(--pine-border-interactive-hover);\n\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--color-focus-visible-outline);\n  --box-shadow-focus-error: 0 0 0 1px #ffffff, 0 0 0 3px var(--color-focus-visible-outline-error);\n\n  --color-background-default: var(--pine-color-white);\n  --color-background-disabled: var(--pine-color-grey-100);\n  --color-background-hover: var(--pine-color-grey-050);\n  --color-background-error-default: var(--pine-color-red-050);\n  --color-border-error-default: var(--pine-color-red-600);\n  --color-border-focus-visible: var(--pine-color-grey-400);\n  --color-border-hover: var(--pine-color-grey-400);\n  --color-focus-visible-outline: var(--pine-color-purple-300);\n  --color-focus-visible-outline-error: var(--pine-color-red-300);\n  --color-text-disabled-default: var(--pine-color-grey-400);\n  --color-text-message-error-default: var(--pine-color-red-600);\n  --color-text-placeholder-default: var(--pine-color-grey-600);\n  --color-text-placeholder-disabled: var(--pine-color-grey-400);\n\n  --font-weight-label-default: var(--pine-font-weight-body-medium);\n\n  --spacing-margin-block-end-label: var(--pine-spacing-100);\n  --spacing-margin-block-start-helper-message: var(--pine-spacing-100);\n  --spacing-padding-block-field: var(--pine-spacing-100);\n  --spacing-padding-inline-field: var(--pine-spacing-200);\n  --spacing-icon-error-message: var(--pine-spacing-050);\n\n  --typography-message-default: var(--pine-typography-body-sm-default);\n\n  display: inline;\n}\n\n.pds-textarea {\n  display: flex;\n  flex-direction: column;\n}\n\nlabel {\n  display: block;\n  font-weight: var(--font-weight-label-default);\n  margin-block-end: var(--spacing-margin-block-end-label);\n}\n\n.pds-textarea__field {\n  background-color: var(--color-background-default);\n  border: var(--border-interactive-default);\n  border-radius: var(--pine-border-radius-100);\n  padding: var(--spacing-padding-block-field) var(--spacing-padding-inline-field);\n\n  &:hover:not(:disabled, .is-invalid) {\n    border: var(--border-interactive-hover);\n  }\n\n  &:disabled {\n    background-color: var(--color-background-disabled);\n    color: var(--color-text-disabled-default);\n    cursor: not-allowed;\n  }\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n\n  &::placeholder {\n    color: var(--color-text-placeholder-default);\n  }\n\n  &.is-invalid {\n    border-color: var(--color-border-error-default);\n\n    &:focus-visible {\n      box-shadow: var(--box-shadow-focus-error);\n    }\n  }\n}\n\n.pds-textarea__error-message,\n.pds-textarea__helper-message {\n  font: var(--typography-message-default);\n  margin-block-start: var(--spacing-margin-block-start-helper-message);\n}\n\n.pds-textarea__error-message {\n  align-items: center;\n  color: var(--color-text-message-error-default);\n  display: flex;\n  gap: var(--spacing-icon-error-message);\n}\n","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { assignDescription, isRequired, messageId } from '../../utils/form';\nimport { TextareaChangeEventDetail } from './textarea-interface';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\nimport { danger } from '@pine-ds/icons/icons';\n\n@Component({\n  tag: 'pds-textarea',\n  styleUrls: ['../../global/styles/base.scss', 'pds-textarea.scss'],\n  shadow: true,\n})\nexport class PdsTextarea {\n  @Element() el: HTMLPdsTextareaElement;\n\n  /**\n   * Specifies if and how the browser provides `autocomplete` assistance for the field.\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Indicates whether or not the textarea is disabled\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Specifies the error text and provides an error-themed treatment to the field\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a hint or description of the textarea\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Indicates whether or not the textarea is invalid or throws an error\n   * @defaultValue false\n   */\n  @Prop({mutable: true}) invalid = false;       // eslint-disable-line @stencil-community/strict-mutable\n\n  /**\n   * Text to be displayed as the textarea label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name, submitted with the form name/value pair. This value will mirror the componentId\n   */\n  @Prop() name: string = this.componentId;\n\n  /**\n   * Specifies a short hint that describes the expected value of the textarea\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Indicates whether or not the textarea is readonly\n   * @defaultValue false\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Indicates whether or not the textarea is required\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * Sets number of rows of text visible without needing to scroll in the textarea\n   */\n  @Prop() rows?: number;\n\n  /**\n   * The value of the textarea\n   */\n  @Prop({mutable: true}) value?: string;\n\n  /**\n   * Event emitted whenever the value of the textarea changes\n   */\n  @Event() pdsTextareaChange: EventEmitter<TextareaChangeEventDetail>;\n\n  private onTextareaChange = (ev: Event) => {\n    const textarea = ev.target as HTMLTextAreaElement;\n    isRequired(textarea, this);\n\n    if (textarea) {\n      this.value = textarea.value;\n    }\n\n    this.pdsTextareaChange.emit({value: this.value, event: ev});\n  };\n\n  private textareaClassNames() {\n    const classNames = ['pds-textarea__field'];\n\n    if (this.invalid && this.invalid === true) {\n      classNames.push('is-invalid');\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n        <div class=\"pds-textarea\">\n          {this.label &&\n            <PdsLabel htmlFor={this.componentId} text={this.label} />\n          }\n          <textarea\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            autocomplete={this.autocomplete}\n            class={this.textareaClassNames()}\n            disabled={this.disabled}\n            id={this.componentId}\n            name={this.name}\n            placeholder={this.placeholder}\n            readOnly={this.readonly}\n            required={this.required}\n            rows={this.rows}\n            onChange={this.onTextareaChange}\n          >{this.value}</textarea>\n          {this.helperMessage &&\n            <p\n              class=\"pds-textarea__helper-message\"\n              id={messageId(this.componentId, 'helper')}\n            >\n              {this.helperMessage}\n            </p>\n          }\n          {this.invalid &&\n            <p\n              aria-live=\"assertive\"\n              class=\"pds-textarea__error-message\"\n              id={messageId(this.componentId, 'error')}\n            >\n              <pds-icon icon={danger} size=\"small\" />\n              {this.errorMessage}\n            </p>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sRAAA,IAAMA,EAAU,yrDAChB,IAAAC,EAAeD,ECDf,IAAME,EAAiB,+1GACvB,IAAAC,EAAeD,E,ICUFE,EAAWC,EAAA,0B,wFA6EdC,KAAAC,iBAAmB,SAACC,GAC1B,IAAMC,EAAWD,EAAGE,OACpBC,EAAWF,EAAUG,GAErB,GAAIH,EAAU,CACZG,EAAKC,MAAQJ,EAASI,K,CAGxBD,EAAKE,kBAAkBC,KAAK,CAACF,MAAOD,EAAKC,MAAOG,MAAOR,G,uEApEtC,M,sEAgBc,M,+BAUVF,KAAKW,Y,yCAWT,M,cAMA,M,yCA4BXC,EAAAC,UAAAC,mBAAA,WACN,IAAMC,EAAa,CAAC,uBAEpB,GAAIf,KAAKgB,SAAWhB,KAAKgB,UAAY,KAAM,CACzCD,EAAWE,KAAK,a,CAGlB,OAAOF,EAAWG,KAAK,K,EAGzBN,EAAAC,UAAAM,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYtB,KAAKuB,SAAW,OAAS,MAExCH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,gBACRxB,KAAKyB,OACJL,EAACM,EAAQ,CAAAJ,IAAA,2CAACK,QAAS3B,KAAKW,YAAaiB,KAAM5B,KAAKyB,QAElDL,EAAA,YAAAE,IAAA,8DACoBO,EAAkB7B,KAAKW,YAAaX,KAAKgB,QAAShB,KAAK8B,eAAc,eACzE9B,KAAKgB,QAAU,OAASe,UACtCC,aAAchC,KAAKgC,aACnBR,MAAOxB,KAAKc,qBACZS,SAAUvB,KAAKuB,SACfU,GAAIjC,KAAKW,YACTuB,KAAMlC,KAAKkC,KACXC,YAAanC,KAAKmC,YAClBC,SAAUpC,KAAKqC,SACfC,SAAUtC,KAAKsC,SACfC,KAAMvC,KAAKuC,KACXC,SAAUxC,KAAKC,kBACfD,KAAKO,OACNP,KAAK8B,eACJV,EAAA,KAAAE,IAAA,2CACEE,MAAM,+BACNS,GAAIQ,EAAUzC,KAAKW,YAAa,WAE/BX,KAAK8B,eAGT9B,KAAKgB,SACJI,EAAA,KAAAE,IAAA,uDACY,YACVE,MAAM,8BACNS,GAAIQ,EAAUzC,KAAKW,YAAa,UAEhCS,EAAA,YAAAE,IAAA,2CAAUoB,KAAMC,EAAQC,KAAK,UAC5B5C,KAAK6C,e,uHAxII,I","ignoreList":[]}

package/dist/pine-core/p-110b2e03.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e}from"./p-87fe352f.js";const i=':host{display:inline}h1{font-family:"GreetStandard";font-size:28px;font-weight:600;letter-spacing:0.26px;line-height:1.25}h2{font-family:"GreetStandard";font-size:26px;font-weight:600;letter-spacing:0.24px;line-height:1.25}h3{font-family:"GreetStandard";font-size:22px;font-weight:600;letter-spacing:0.22px;line-height:1.25}h4{font-family:"GreetStandard";font-size:20px;font-weight:600;letter-spacing:0.2px;line-height:1.25}h5{font-family:"GreetStandard";font-size:18px;font-weight:500;letter-spacing:0.18px;line-height:1.25}h6{font-family:"GreetStandard";font-size:16px;font-weight:500;letter-spacing:0.16px;line-height:1.25}code,em,p,pre,strong{font-family:"Inter";font-size:14px;font-weight:400;letter-spacing:-0.16px;line-height:1.425}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}h1,h2,h3,h4,h5,h6,p,code,pre,em,strong{color:var(--pine-color-text-default);margin:0}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text--color-primary{color:var(--pine-color-white)}.pds-text--color-secondary{color:var(--pine-color-grey-800)}.pds-text--color-neutral{color:var(--pine-color-grey-900)}.pds-text--color-accent{color:var(--pine-color-purple-900)}.pds-text--color-danger{color:var(--pine-color-red-900)}.pds-text--color-info{color:var(--pine-color-blue-900)}.pds-text--color-success{color:var(--pine-color-green-900)}.pds-text--color-warning{color:var(--pine-color-yellow-900)}.pds-text--size-2xl{font-size:20px}.pds-text--size-xl{font-size:18px}.pds-text--size-lg{font-size:16px}.pds-text--size-md{font-size:14px}.pds-text--size-sm{font-size:12px}.pds-text--size-xs{font-size:10px}.pds-text--size-2xs{font-size:8px}.pds-text--weight-extra-light{font-weight:200}.pds-text--weight-light{font-weight:300}.pds-text--weight-regular{font-weight:400}.pds-text--weight-medium{font-weight:500}.pds-text--weight-semibold{font-weight:600}.pds-text--weight-bold{font-weight:700}.pds-text--gutter-2xl{-webkit-margin-after:48px;margin-block-end:48px}.pds-text--gutter-xl{-webkit-margin-after:40px;margin-block-end:40px}.pds-text--gutter-lg{-webkit-margin-after:32px;margin-block-end:32px}.pds-text--gutter-md{-webkit-margin-after:24px;margin-block-end:24px}.pds-text--gutter-sm{-webkit-margin-after:16px;margin-block-end:16px}.pds-text--gutter-xs{-webkit-margin-after:8px;margin-block-end:8px}.pds-text--gutter-2xs{-webkit-margin-after:4px;margin-block-end:4px}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}';const n=i;const s=class{constructor(e){t(this,e);this.align=undefined;this.color=undefined;this.gutter=undefined;this.size=undefined;this.weight=undefined;this.tag="p"}render(){const t=this.tag;const i=`\n      pds-text\n      ${this.align!==undefined&&this.align.trim()!==""?`pds-text--align-${this.align}`:""}\n      ${this.color!==undefined&&this.color.trim()!==""?`pds-text--color-${this.color}`:""}\n      ${this.gutter!==undefined&&this.gutter.trim()!==""?`pds-text--gutter-${this.gutter}`:""}\n      ${this.size!==undefined&&this.size.trim()!==""?`pds-text--size-${this.size}`:""}\n      ${this.weight!==undefined&&this.weight.trim()!==""?`pds-text--weight-${this.weight}`:""}\n    `;return e(t,{key:"3ccf61734e14ed7ea5013bce54717d2846b64f07",class:i},e("slot",{key:"7368685e2042d306006bf8fc83b80ec246ca252d"}))}};s.style=n;export{s as pds_text};
+//# sourceMappingURL=p-110b2e03.entry.js.map

package/dist/pine-core/p-110b2e03.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTextCss","PdsTextStyle0","PdsText","render","Tag","this","tag","typeClasses","align","undefined","trim","color","gutter","size","weight","h","key","class"],"sources":["src/components/pds-text/pds-text.scss?tag=pds-text&encapsulation=shadow","src/components/pds-text/pds-text.tsx"],"sourcesContent":[":host {\n  display: inline;\n}\n\n// TODO: Update all values to match new semantic tokens, if applicable\n\n/* stylelint-disable */\nh1 {\n  font-family: \"GreetStandard\";\n  font-size: 28px;\n  font-weight: 600;\n  letter-spacing: 0.26px;\n  line-height: 1.25;\n}\n\nh2 {\n  font-family: \"GreetStandard\";\n  font-size: 26px;\n  font-weight: 600;\n  letter-spacing: 0.24px;\n  line-height: 1.25;\n}\n\nh3 {\n  font-family: \"GreetStandard\";\n  font-size: 22px;\n  font-weight: 600;\n  letter-spacing: 0.22px;\n  line-height: 1.25;\n}\n\nh4 {\n  font-family: \"GreetStandard\";\n  font-size: 20px;\n  font-weight: 600;\n  letter-spacing: 0.20px;\n  line-height: 1.25;\n}\n\nh5 {\n  font-family: \"GreetStandard\";\n  font-size: 18px;\n  font-weight: 500;\n  letter-spacing: 0.18px;\n  line-height: 1.25;\n}\n\nh6 {\n  font-family: \"GreetStandard\";\n  font-size: 16px;\n  font-weight: 500;\n  letter-spacing: 0.16px;\n  line-height: 1.25;\n}\n\ncode, em, p, pre, strong {\n  font-family: \"Inter\";\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: -0.16px;\n  line-height: 1.425;\n}\n/* stylelint-enable */\n\ncode, pre {\n  font-family: monospace;\n  letter-spacing: 0;\n  line-height: 1;\n}\n\nem {\n  font-style: normal;\n}\n\nstrong {\n  font-weight: bolder;\n}\n\nh1, h2, h3, h4, h5, h6, p, code, pre, em, strong {\n  color: var(--pine-color-text-default);\n  margin: 0;\n}\n\n:host([truncate]) > * {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n:host([italic]) > * {\n  font-style: italic\n}\n\n\n// Colors/Variants/Sentiment\n$type-colors: (\n  primary: var(--pine-color-white),\n  secondary: var(--pine-color-grey-800),\n  neutral: var(--pine-color-grey-900),\n  accent: var(--pine-color-purple-900),\n  danger: var(--pine-color-red-900),\n  info: var(--pine-color-blue-900),\n  success: var(--pine-color-green-900),\n  warning: var(--pine-color-yellow-900),\n);\n\n@mixin generate-type-colors($type-colors) {\n  @each $key, $value in $type-colors {\n    .pds-text--color-#{$key} {\n      color: $value;\n    }\n  }\n}\n\n@include generate-type-colors($type-colors);\n\n// Font Sizes\n$type-sizes: (\n  2xl: 20px,\n  xl: 18px,\n  lg: 16px,\n  md: 14px,\n  sm: 12px,\n  xs: 10px,\n  2xs: 8px,\n);\n\n@mixin generate-type-sizes($type-sizes) {\n  @each $key, $value in $type-sizes {\n    .pds-text--size-#{$key} {\n      font-size: $value;\n    }\n  }\n}\n\n@include generate-type-sizes($type-sizes);\n\n// Font Weights\n$type-weights: (\n  extra-light: 200,\n  light: 300,\n  regular: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n);\n\n@mixin generate-type-weights($type-weights) {\n  @each $key, $value in $type-weights {\n    .pds-text--weight-#{$key} {\n      font-weight: $value;\n    }\n  }\n}\n\n@include generate-type-weights($type-weights);\n\n// Gutter Sizes\n$type-gutters: (\n  2xl: 48px,\n  xl: 40px,\n  lg: 32px,\n  md: 24px,\n  sm: 16px,\n  xs: 8px,\n  2xs: 4px,\n);\n\n@mixin generate-type-gutters($type-gutters) {\n  @each $key, $value in $type-gutters {\n    .pds-text--gutter-#{$key} {\n      margin-block-end: $value;\n    }\n  }\n}\n\n@include generate-type-gutters($type-gutters);\n\n// Text Alignment\n$type-alignments: (\n  start: start,\n  center: center,\n  end: end,\n  justify: justify,\n);\n\n@mixin generate-type-alignments($type-alignments) {\n  @each $key, $value in $type-alignments {\n    .pds-text--align-#{$key} {\n      text-align: $value;\n    }\n  }\n}\n\n@include generate-type-alignments($type-alignments);\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-text',\n  styleUrl: 'pds-text.scss',\n  shadow: true,\n})\nexport class PdsText {\n\n  /**\n   * Sets the text alignment.\n   */\n  @Prop() align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Sets the text color.\n   */\n  @Prop() color?:\n  | 'primary'\n  | 'secondary'\n  | 'neutral'\n  | 'accent'\n  | 'danger'\n  | 'info'\n  | 'success'\n  | 'warning';\n\n  /**\n   * Set the bottom margin for the text.\n   */\n  @Prop() gutter?:\n  | '2xl'\n  | 'xl'\n  | 'lg'\n  | 'md'\n  | 'sm'\n  | 'xs'\n  | '2xs';\n\n  /**\n   * Sets the font size.\n   */\n  @Prop() size?:\n  | '2xl'\n  | 'xl'\n  | 'lg'\n  | 'md'\n  | 'sm'\n  | 'xs'\n  | '2xs';\n\n  /**\n   * Sets the font weight.\n   */\n  @Prop() weight?:\n  | 'extra-light'\n  | 'light'\n  | 'regular'\n  | 'medium'\n  | 'semibold'\n  | 'bold';\n\n  /**\n   * Determines what semantic text tag to render.\n   */\n  @Prop() tag:\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'p'\n  | 'code'\n  | 'pre'\n  | 'strong'\n  | 'em' = \"p\";\n\n  render() {\n    const Tag = this.tag;\n\n    const typeClasses = `\n      pds-text\n      ${this.align !== undefined && this.align.trim() !== '' ? `pds-text--align-${this.align}` : ''}\n      ${this.color !== undefined && this.color.trim() !== '' ? `pds-text--color-${this.color}` : ''}\n      ${this.gutter !== undefined && this.gutter.trim() !== '' ? `pds-text--gutter-${this.gutter}` : ''}\n      ${this.size !== undefined && this.size.trim() !== '' ? `pds-text--size-${this.size}` : ''}\n      ${this.weight !== undefined && this.weight.trim() !== '' ? `pds-text--weight-${this.weight}` : ''}\n    `;\n\n    return (\n      <Tag class={typeClasses}>\n        <slot />\n      </Tag>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAa,qlFACnB,MAAAC,EAAeD,E,MCMFE,EAAO,M,4IAqET,G,CAET,MAAAC,GACE,MAAMC,EAAMC,KAAKC,IAEjB,MAAMC,EAAc,2BAEhBF,KAAKG,QAAUC,WAAaJ,KAAKG,MAAME,SAAW,GAAK,mBAAmBL,KAAKG,QAAU,aACzFH,KAAKM,QAAUF,WAAaJ,KAAKM,MAAMD,SAAW,GAAK,mBAAmBL,KAAKM,QAAU,aACzFN,KAAKO,SAAWH,WAAaJ,KAAKO,OAAOF,SAAW,GAAK,oBAAoBL,KAAKO,SAAW,aAC7FP,KAAKQ,OAASJ,WAAaJ,KAAKQ,KAAKH,SAAW,GAAK,kBAAkBL,KAAKQ,OAAS,aACrFR,KAAKS,SAAWL,WAAaJ,KAAKS,OAAOJ,SAAW,GAAK,oBAAoBL,KAAKS,SAAW,WAGjG,OACEC,EAACX,EAAG,CAAAY,IAAA,2CAACC,MAAOV,GACVQ,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/pine-core/{p-143bbe94.system.entry.js → p-172464c1.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-4c0c0b2d.system.js","./p-224a435b.system.js"],(function(e){"use strict";var t,r,o,i,n,a;return{setters:[function(e){t=e.r;r=e.c;o=e.h;i=e.H;n=e.g},function(e){a=e.c}],execute:function(){var h=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";var s=h;var l=":host{--color-background-fixed:var(--pine-color-white);--color-background-interactive:var(--pine-color-grey-200);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--color-background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}";var c=l;var d=e("pds_table_row",function(){function e(e){var o=this;t(this,e);this.pdsTableRowSelected=r(this,"pdsTableRowSelected",7);this.handleClick=function(){o.isSelected=!o.isSelected;o.handleSelect(o.isSelected)};this.handleSelect=function(e){o.indeterminate=false;if(!a("pds-table-head",o.hostElement)){var t=Array.from(o.hostElement.parentNode.children).indexOf(o.hostElement);o.pdsTableRowSelected.emit({rowIndex:t,isSelected:e})}};this.generateUniqueId=function(){var e=Math.random().toString(36).substring(2,8);var t=(new Date).toISOString().replace(/[:.]/g,"-");var r="".concat(e,"-").concat(t);return r};this.indeterminate=undefined;this.isSelected=undefined}e.prototype.classNames=function(){var e=[];if(this.isSelected){e.push("is-selected")}return e.join("  ")};e.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){var e=this.hostElement.querySelector("pds-table-cell");e===null||e===void 0?void 0:e.classList.add("is-fixed")}};e.prototype.componentWillLoad=function(){if(this.isSelected){this.handleSelect(this.isSelected)}};e.prototype.render=function(){return o(i,{key:"ccc46bba7ffde3633444f7108b0481eff6e43bb8",class:this.classNames(),role:"row"},this.tableRef&&this.tableRef.selectable&&o("pds-table-cell",{key:"76743fa777e0d12ccb43579783ae4df4386c4b02",part:this.tableRef.fixedColumn?"checkbox-cell":"",class:this.tableRef.selectable?"has-checkbox":""},o("pds-checkbox",{key:"484056e443407c4250098b021484608a4da84f48",componentId:this.generateUniqueId(),onClick:this.handleClick,indeterminate:this.indeterminate,label:"Select Row",labelHidden:true,checked:this.isSelected})),o("slot",{key:"349559a00f291841f7073e6259eb9cffa3a445fd"}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());d.style=s+c}}}));
-//# sourceMappingURL=p-143bbe94.system.entry.js.map
+System.register(["./p-45cf2585.system.js","./p-224a435b.system.js"],(function(e){"use strict";var t,r,o,i,n,a;return{setters:[function(e){t=e.r;r=e.c;o=e.h;i=e.H;n=e.g},function(e){a=e.c}],execute:function(){var h=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";var s=h;var l=":host{--color-background-fixed:var(--pine-color-white);--color-background-interactive:var(--pine-color-grey-200);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--color-background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}";var c=l;var d=e("pds_table_row",function(){function e(e){var o=this;t(this,e);this.pdsTableRowSelected=r(this,"pdsTableRowSelected",7);this.handleClick=function(){o.isSelected=!o.isSelected;o.handleSelect(o.isSelected)};this.handleSelect=function(e){o.indeterminate=false;if(!a("pds-table-head",o.hostElement)){var t=Array.from(o.hostElement.parentNode.children).indexOf(o.hostElement);o.pdsTableRowSelected.emit({rowIndex:t,isSelected:e})}};this.generateUniqueId=function(){var e=Math.random().toString(36).substring(2,8);var t=(new Date).toISOString().replace(/[:.]/g,"-");var r="".concat(e,"-").concat(t);return r};this.indeterminate=undefined;this.isSelected=undefined}e.prototype.classNames=function(){var e=[];if(this.isSelected){e.push("is-selected")}return e.join("  ")};e.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){var e=this.hostElement.querySelector("pds-table-cell");e===null||e===void 0?void 0:e.classList.add("is-fixed")}};e.prototype.componentWillLoad=function(){if(this.isSelected){this.handleSelect(this.isSelected)}};e.prototype.render=function(){return o(i,{key:"510501e1d6c567394bfaba09ac44bb9455a169a1",class:this.classNames(),role:"row"},this.tableRef&&this.tableRef.selectable&&o("pds-table-cell",{key:"14105fd6283f92b9158138bc2da1623b24b7796f",part:this.tableRef.fixedColumn?"checkbox-cell":"",class:this.tableRef.selectable?"has-checkbox":""},o("pds-checkbox",{key:"a70e4fb1a7a08d4126a63328fd75970b4a637f76",componentId:this.generateUniqueId(),onClick:this.handleClick,indeterminate:this.indeterminate,label:"Select Row",labelHidden:true,checked:this.isSelected})),o("slot",{key:"5deb2da8405d0792a43531695ece38afe8fda9b4"}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());d.style=s+c}}}));
+//# sourceMappingURL=p-172464c1.system.entry.js.map

package/dist/pine-core/{p-4e39bbd7.system.entry.js → p-1a1a76ea.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-4c0c0b2d.system.js"],(function(n){"use strict";var i,t,e,r;return{setters:[function(n){i=n.r;t=n.h;e=n.H;r=n.g}],execute:function(){var s=false;var o=function(n){var i;var t=(i=document.head.querySelector("meta[data-pine-asset-path]"))===null||i===void 0?void 0:i.dataset.pineAssetPath;var e=window.__PINE_ASSET_PATH__;var r="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/pds-icons/";var o=t||e||r||"/";if(o.startsWith("https://cdn.jsdelivr.net/npm/")&&!s){s=true;console.warn("\n      Fetching Pine asssets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and setting the path accordingly.\n\nFor more information you read the documentation: \nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n    ")}var a=n;if(n.startsWith("./")){a=n.substring(2)}if(!o.endsWith("/")){a="/"+a}return o+a};var a;var u=function(){if(typeof window==="undefined"){return new Map}else{if(!a){var n=window;n.PdsIcons=n.PdsIcons||{};a=n.PdsIcons.map=n.PdsIcons.map||new Map}return a}};var f=function(n,i){if(!n&&i&&!h(i)){n=i}if(v(n)){n=p(n)}if(!v(n)||n.trim()===""){return null}var t=n.replace(/[a-z]|-|\d/gi,"");if(t!=""){return null}return n};var c=function(n){var i=u().get(n);if(i){return i}return o("svg/".concat(n,".svg"))};var l=function(n){if(v(n)){n=n.trim();if(h(n)){return n}}return null};var d=function(n){var i=l(n.src);if(i){return i}i=f(n.name,n.icon);if(i){return c(i)}if(n.icon){i=l(n.icon);if(i){return i}}return null};var h=function(n){return n.length>0&&/(\/|\.)/.test(n)};var v=function(n){return typeof n==="string"};var p=function(n){return n.toLowerCase()};var m=function(n,i){if(i===void 0){i=[]}var t={};i.forEach((function(i){if(n.hasAttribute(i)){var e=n.getAttribute(i);if(e!==null){t[i]=n.getAttribute(i)}n.removeAttribute(i)}}));return t};var g=function(n){var i=document.createElement("div");i.innerHTML=n;for(var t=i.childNodes.length-1;t>=0;t--){if(i.childNodes[t].nodeName.toLowerCase()!=="svg"){i.removeChild(i.childNodes[t])}}var e=i.firstElementChild;if(e&&e.nodeName.toLowerCase()==="svg"){var r=e.getAttribute("class")||"";e.setAttribute("class",(r+" s-pds-icon").trim());if(w(e)){return i.innerHTML}}return""};var w=function(n){if(n.nodeType===1){if(n.nodeName.toLowerCase()==="script"){return false}for(var i=0;i<n.attributes.length;i++){var t=n.attributes[i].name;if(v(t)&&t.toLowerCase().indexOf("on")===0){return false}}for(var i=0;i<n.childNodes.length;i++){if(!w(n.childNodes[i])){return false}}}return true};var b=function(n){return n.startsWith("data:image/svg+xml")};var y=function(n){return n.indexOf(";utf8,")!==-1};var x=new Map;var j=new Map;var M;var O=function(n,i){if(i===void 0){i=false}var t=j.get(n);if(!t){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(b(n)&&y(n)){if(!M){M=new DOMParser}var e=M.parseFromString(n,"text/html");var r=e.querySelector("svg");if(r){x.set(n,r.outerHTML)}return Promise.resolve()}else{t=fetch(n).then((function(t){if(t.ok){return t.text().then((function(t){if(t&&i!==false){t=g(t)}x.set(n,t||"")}))}x.set(n,"")}));j.set(n,t)}}else{x.set(n,"");return Promise.resolve()}}return t};var P=":host{--dimension-icon-height:16px;--dimension-icon-width:16px;--color-icon-fill:currentColor;contain:strict;display:inline-block;fill:var(--color-icon-fill);height:var(--dimension-icon-height);width:var(--dimension-icon-width)}:host .pdsicon{fill:var(--color-icon-fill)}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}";var D=P;var I=n("pds_icon",function(){function n(n){var t=this;i(this,n);this.inheritedAttributes={};this.hasAriaHidden=function(){var n=t.el;return n.hasAttribute("aria-hidden")&&n.getAttribute("aria-hidden")==="true"};this.ariaLabel=undefined;this.isVisible=false;this.svgContent=undefined;this.color=undefined;this.icon=undefined;this.name=undefined;this.size="regular";this.src=undefined}n.prototype.iconSize=function(){var n={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(n[this.size]){return n[this.size]}else{return this.size}};n.prototype.componentDidLoad=function(){this.setCSSVariables()};n.prototype.componentWillLoad=function(){this.inheritedAttributes=m(this.el,["aria-label"]);this.setCSSVariables()};n.prototype.setCSSVariables=function(){this.el.style.setProperty("--dimension-icon-height",this.iconSize());this.el.style.setProperty("--dimension-icon-width",this.iconSize());this.el.style.setProperty("--color-icon-fill",typeof this.color!=="undefined"?this.color:"currentColor")};n.prototype.connectedCallback=function(){var n=this;this.waitUntilVisible(this.el,"50px",(function(){n.isVisible=true;n.loadIcon()}))};n.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};n.prototype.updateStyles=function(){this.setCSSVariables()};n.prototype.loadIcon=function(){var n=this;if(this.isVisible){var i=d(this);if(i){if(x.has(i)){this.svgContent=x.get(i)}else{O(i).then((function(){return n.svgContent=x.get(i)}))}}}var t=f(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}};n.prototype.render=function(){var n=this,i=n.ariaLabel,r=n.inheritedAttributes;return t(e,Object.assign({key:"4bbc232e2530d43e8b5afefb754486d94ea6538b","aria-label":i!==undefined&&!this.hasAriaHidden()?i:null,alt:"",role:"img",class:Object.assign({},k(this.color))},r),this.svgContent?t("div",{class:"icon-inner",innerHTML:this.svgContent}):t("div",{class:"icon-inner"}))};n.prototype.waitUntilVisible=function(n,i,t){var e=this;if(typeof window!=="undefined"&&window.IntersectionObserver){var r=this.io=new window.IntersectionObserver((function(n){if(n[0].isIntersecting){r.disconnect();e.io=undefined;t()}}),{rootMargin:i});r.observe(n)}else{t()}};Object.defineProperty(n,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{size:["updateStyles"],color:["updateStyles"],name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}},enumerable:false,configurable:true});return n}());var k=function(n){var i;return n?(i={"pds-color":true},i["pds-color-".concat(n)]=true,i):null};I.style=D}}}));
-//# sourceMappingURL=p-4e39bbd7.system.entry.js.map
+System.register(["./p-45cf2585.system.js"],(function(n){"use strict";var i,t,e,r;return{setters:[function(n){i=n.r;t=n.h;e=n.H;r=n.g}],execute:function(){var s=false;var o=function(n){var i;var t=(i=document.head.querySelector("meta[data-pine-asset-path]"))===null||i===void 0?void 0:i.dataset.pineAssetPath;var e=window.__PINE_ASSET_PATH__;var r="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/pds-icons/";var o=t||e||r||"/";if(o.startsWith("https://cdn.jsdelivr.net/npm/")&&!s){s=true;console.warn("\n      Fetching Pine asssets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and setting the path accordingly.\n\nFor more information you read the documentation: \nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n    ")}var a=n;if(n.startsWith("./")){a=n.substring(2)}if(!o.endsWith("/")){a="/"+a}return o+a};var a;var u=function(){if(typeof window==="undefined"){return new Map}else{if(!a){var n=window;n.PdsIcons=n.PdsIcons||{};a=n.PdsIcons.map=n.PdsIcons.map||new Map}return a}};var f=function(n,i){if(!n&&i&&!h(i)){n=i}if(v(n)){n=p(n)}if(!v(n)||n.trim()===""){return null}var t=n.replace(/[a-z]|-|\d/gi,"");if(t!=""){return null}return n};var c=function(n){var i=u().get(n);if(i){return i}return o("svg/".concat(n,".svg"))};var l=function(n){if(v(n)){n=n.trim();if(h(n)){return n}}return null};var d=function(n){var i=l(n.src);if(i){return i}i=f(n.name,n.icon);if(i){return c(i)}if(n.icon){i=l(n.icon);if(i){return i}}return null};var h=function(n){return n.length>0&&/(\/|\.)/.test(n)};var v=function(n){return typeof n==="string"};var p=function(n){return n.toLowerCase()};var m=function(n,i){if(i===void 0){i=[]}var t={};i.forEach((function(i){if(n.hasAttribute(i)){var e=n.getAttribute(i);if(e!==null){t[i]=n.getAttribute(i)}n.removeAttribute(i)}}));return t};var g=function(n){var i=document.createElement("div");i.innerHTML=n;for(var t=i.childNodes.length-1;t>=0;t--){if(i.childNodes[t].nodeName.toLowerCase()!=="svg"){i.removeChild(i.childNodes[t])}}var e=i.firstElementChild;if(e&&e.nodeName.toLowerCase()==="svg"){var r=e.getAttribute("class")||"";e.setAttribute("class",(r+" s-pds-icon").trim());if(w(e)){return i.innerHTML}}return""};var w=function(n){if(n.nodeType===1){if(n.nodeName.toLowerCase()==="script"){return false}for(var i=0;i<n.attributes.length;i++){var t=n.attributes[i].name;if(v(t)&&t.toLowerCase().indexOf("on")===0){return false}}for(var i=0;i<n.childNodes.length;i++){if(!w(n.childNodes[i])){return false}}}return true};var b=function(n){return n.startsWith("data:image/svg+xml")};var y=function(n){return n.indexOf(";utf8,")!==-1};var x=new Map;var j=new Map;var M;var O=function(n,i){if(i===void 0){i=false}var t=j.get(n);if(!t){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(b(n)&&y(n)){if(!M){M=new DOMParser}var e=M.parseFromString(n,"text/html");var r=e.querySelector("svg");if(r){x.set(n,r.outerHTML)}return Promise.resolve()}else{t=fetch(n).then((function(t){if(t.ok){return t.text().then((function(t){if(t&&i!==false){t=g(t)}x.set(n,t||"")}))}x.set(n,"")}));j.set(n,t)}}else{x.set(n,"");return Promise.resolve()}}return t};var P=":host{--dimension-icon-height:16px;--dimension-icon-width:16px;--color-icon-fill:currentColor;contain:strict;display:inline-block;fill:var(--color-icon-fill);height:var(--dimension-icon-height);width:var(--dimension-icon-width)}:host .pdsicon{fill:var(--color-icon-fill)}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}";var D=P;var I=n("pds_icon",function(){function n(n){var t=this;i(this,n);this.inheritedAttributes={};this.hasAriaHidden=function(){var n=t.el;return n.hasAttribute("aria-hidden")&&n.getAttribute("aria-hidden")==="true"};this.ariaLabel=undefined;this.isVisible=false;this.svgContent=undefined;this.color=undefined;this.icon=undefined;this.name=undefined;this.size="regular";this.src=undefined}n.prototype.iconSize=function(){var n={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(n[this.size]){return n[this.size]}else{return this.size}};n.prototype.componentDidLoad=function(){this.setCSSVariables()};n.prototype.componentWillLoad=function(){this.inheritedAttributes=m(this.el,["aria-label"]);this.setCSSVariables()};n.prototype.setCSSVariables=function(){this.el.style.setProperty("--dimension-icon-height",this.iconSize());this.el.style.setProperty("--dimension-icon-width",this.iconSize());this.el.style.setProperty("--color-icon-fill",typeof this.color!=="undefined"?this.color:"currentColor")};n.prototype.connectedCallback=function(){var n=this;this.waitUntilVisible(this.el,"50px",(function(){n.isVisible=true;n.loadIcon()}))};n.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};n.prototype.updateStyles=function(){this.setCSSVariables()};n.prototype.loadIcon=function(){var n=this;if(this.isVisible){var i=d(this);if(i){if(x.has(i)){this.svgContent=x.get(i)}else{O(i).then((function(){return n.svgContent=x.get(i)}))}}}var t=f(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}};n.prototype.render=function(){var n=this,i=n.ariaLabel,r=n.inheritedAttributes;return t(e,Object.assign({key:"4bbc232e2530d43e8b5afefb754486d94ea6538b","aria-label":i!==undefined&&!this.hasAriaHidden()?i:null,alt:"",role:"img",class:Object.assign({},k(this.color))},r),this.svgContent?t("div",{class:"icon-inner",innerHTML:this.svgContent}):t("div",{class:"icon-inner"}))};n.prototype.waitUntilVisible=function(n,i,t){var e=this;if(typeof window!=="undefined"&&window.IntersectionObserver){var r=this.io=new window.IntersectionObserver((function(n){if(n[0].isIntersecting){r.disconnect();e.io=undefined;t()}}),{rootMargin:i});r.observe(n)}else{t()}};Object.defineProperty(n,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{size:["updateStyles"],color:["updateStyles"],name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}},enumerable:false,configurable:true});return n}());var k=function(n){var i;return n?(i={"pds-color":true},i["pds-color-".concat(n)]=true,i):null};I.style=D}}}));
+//# sourceMappingURL=p-1a1a76ea.system.entry.js.map

package/dist/pine-core/{p-89101362.system.entry.js → p-1df1990d.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-4c0c0b2d.system.js"],(function(e){"use strict";var t,i,a,n;return{setters:[function(e){t=e.r;i=e.h;a=e.H;n=e.g}],execute:function(){var r=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";var s=r;var o=":host{--spacing-panel-margin-top:0;--spacing-panel-padding:0;--outline:2px solid var(--pine-color-blue-200);--spacing-gap-availability:var(--pine-spacing-100);--spacing-gap-default:var(--pine-spacing-300);--spacing-gap-filter:var(--pine-spacing-200);display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--spacing-gap-default)}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--spacing-gap-availability)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--spacing-gap-filter)}";var h=o;var p=e("pds_tabs",function(){function e(e){t(this,e);this.tablistLabel=undefined;this.componentId=undefined;this.variant=undefined;this.activeTabName=undefined;this.activeTabIndex=undefined}e.prototype.tabClickHandler=function(e){if(this.componentId===e.detail[1]){this.activeTabIndex=e.detail[0];this.activeTabName=this.tabs[this.activeTabIndex].name}};e.prototype.handleKeyDown=function(e){var t=["ArrowLeft","ArrowRight","Home","End"];if(t.includes(e.key)){e.preventDefault();this.moveActiveTab(e.key)}};e.prototype.moveActiveTab=function(e){var t=0;var i=this.tabs.length-1;var a=null;switch(e){case"ArrowLeft":a=this.activeTabIndex===t?i:this.activeTabIndex+-1;break;case"ArrowRight":a=this.activeTabIndex===i?t:this.activeTabIndex+1;break;case"Home":a=t;break;case"End":a=i;break}this.tabs[a].children[0].focus();this.activeTabName=this.tabs[a].name;this.activeTabIndex=a};e.prototype.findAllChildren=function(){this.tabs=this.el.querySelectorAll("pds-tab");this.tabPanels=this.el.querySelectorAll("pds-tabpanel")};e.prototype.propGeneration=function(e,t){if(t===void 0){t=0}e.parentComponentId=this.componentId.toString();e.variant=this.variant.toString();e.selected=this.activeTabName===e.name?true:false;e["index"]=t};e.prototype.passPropsToChildren=function(){var e=this;this.tabs.forEach((function(t,i){if(e.activeTabName===t.name)e.activeTabIndex=i;e.propGeneration(t,i)}));this.tabPanels.forEach((function(t){e.propGeneration(t)}))};e.prototype.classNames=function(){var e="pds-tabs";if(this.variant&&this.variant!="primary"){var t="pds-tabs--".concat(this.variant);e+=" "+t}return e};e.prototype.componentWillLoad=function(){this.findAllChildren()};e.prototype.componentWillRender=function(){this.passPropsToChildren()};e.prototype.render=function(){return i(a,{key:"590f66c80be5b92b015e6499ee60bef965bbaa1e","active-tab-name":this.activeTabName,class:this.classNames(),id:this.componentId},i("div",{key:"7251690cd8b8ac1425763212883c98826d15fed1",class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel},i("slot",{key:"d07a6f7b621309db9cd7169184c8e7ae0b3b981f",name:"tabs"})),i("slot",{key:"dcc5b2ea9bdf45f33d3cb2b0a75fa4a2885ec00b",name:"tabpanels"}))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());p.style=s+h}}}));
-//# sourceMappingURL=p-89101362.system.entry.js.map
+System.register(["./p-45cf2585.system.js"],(function(e){"use strict";var t,a,i,n;return{setters:[function(e){t=e.r;a=e.h;i=e.H;n=e.g}],execute:function(){var r=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";var s=r;var o=":host{--spacing-panel-margin-top:0;--spacing-panel-padding:0;--outline:2px solid var(--pine-color-blue-200);--spacing-gap-availability:var(--pine-spacing-100);--spacing-gap-default:var(--pine-spacing-300);--spacing-gap-filter:var(--pine-spacing-200);display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--spacing-gap-default)}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--spacing-gap-availability)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--spacing-gap-filter)}";var h=o;var p=e("pds_tabs",function(){function e(e){t(this,e);this.tablistLabel=undefined;this.componentId=undefined;this.variant=undefined;this.activeTabName=undefined;this.activeTabIndex=undefined}e.prototype.tabClickHandler=function(e){if(this.componentId===e.detail[1]){this.activeTabIndex=e.detail[0];this.activeTabName=this.tabs[this.activeTabIndex].name}};e.prototype.handleKeyDown=function(e){var t=["ArrowLeft","ArrowRight","Home","End"];if(t.includes(e.key)){e.preventDefault();this.moveActiveTab(e.key)}};e.prototype.moveActiveTab=function(e){var t=0;var a=this.tabs.length-1;var i=null;switch(e){case"ArrowLeft":i=this.activeTabIndex===t?a:this.activeTabIndex+-1;break;case"ArrowRight":i=this.activeTabIndex===a?t:this.activeTabIndex+1;break;case"Home":i=t;break;case"End":i=a;break}this.tabs[i].children[0].focus();this.activeTabName=this.tabs[i].name;this.activeTabIndex=i};e.prototype.findAllChildren=function(){this.tabs=this.el.querySelectorAll("pds-tab");this.tabPanels=this.el.querySelectorAll("pds-tabpanel")};e.prototype.propGeneration=function(e,t){if(t===void 0){t=0}e.parentComponentId=this.componentId.toString();e.variant=this.variant.toString();e.selected=this.activeTabName===e.name?true:false;e["index"]=t};e.prototype.passPropsToChildren=function(){var e=this;this.tabs.forEach((function(t,a){if(e.activeTabName===t.name)e.activeTabIndex=a;e.propGeneration(t,a)}));this.tabPanels.forEach((function(t){e.propGeneration(t)}))};e.prototype.classNames=function(){var e="pds-tabs";if(this.variant&&this.variant!="primary"){var t="pds-tabs--".concat(this.variant);e+=" "+t}return e};e.prototype.componentWillLoad=function(){this.findAllChildren()};e.prototype.componentWillRender=function(){this.passPropsToChildren()};e.prototype.render=function(){return a(i,{key:"8b7537e2fc9007aaca3c1a6baff0a1c3d6b2cb07","active-tab-name":this.activeTabName,class:this.classNames(),id:this.componentId},a("div",{key:"7afa678022c1170d3912137897a5ece92e7b4394",class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel},a("slot",{key:"e2026e752548b4cdf8f768137e4bb567550ef3cd",name:"tabs"})),a("slot",{key:"c3a3fbbfab88494b45e5d1cc6563877df2017f9f",name:"tabpanels"}))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());p.style=s+h}}}));
+//# sourceMappingURL=p-1df1990d.system.entry.js.map

package/dist/pine-core/{p-1ca76e21.entry.js → p-1e80f274.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as r,H as o,g as e}from"./p-4e6e2052.js";const a=({elem:t,elemPlacement:r,overlay:o,offset:e=8})=>{if(t==undefined)return;const a=t.getBoundingClientRect();const i=o.getBoundingClientRect();if(!r||r=="")return;switch(true){case r.includes("right"):o.style.top="50%";o.style.left=`calc(${a.width}px + ${e}px)`;o.style.transform="translateY(-50%)";if(r.includes("start")){o.style.top="0";o.style.transform="translateY(0)"}if(r.includes("end")){o.style.bottom="0";o.style.top="initial";o.style.transform="translateY(0)"}break;case r.includes("left"):o.style.top="50%";o.style.right=`calc(${a.width}px + ${e}px)`;o.style.transform="translateY(-50%)";if(r.includes("start")){o.style.top="0";o.style.transform="translateY(0)"}if(r.includes("end")){o.style.bottom="0";o.style.top="initial";o.style.transform="translateY(0)"}break;case r.includes("bottom"):o.style.top=`calc(${a.height}px + ${e}px)`;o.style.left="50%";o.style.transform="translateX(-50%)";if(r.includes("start")){o.style.left="0";o.style.transform="translateX(0)"}if(r.includes("end")){o.style.left="initial";o.style.right="0";o.style.transform="translateX(0)"}break;case r.includes("top"):o.style.top=`calc((${i.height}px + ${e}px) * -1)`;o.style.left="50%";o.style.transform="translateX(-50%)";if(r.includes("start")){o.style.left="0";o.style.transform="translateX(0)"}if(r.includes("end")){o.style.left="initial";o.style.right="0";o.style.transform="translateX(0)"}break}};const i=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";const n=i;const l=':host{--border-radius-overlay:var(--pine-border-radius-125);--border-width-arrow-down:var(--sizing-arrow-default) var(--sizing-arrow-default) 0;--border-width-arrow-left:var(--sizing-arrow-default) var(--sizing-arrow-default) var(--sizing-arrow-default) 0;--border-width-arrow-right:var(--sizing-arrow-default) 0 var(--sizing-arrow-default) var(--sizing-arrow-default);--border-width-arrow-up:0 var(--sizing-arrow-default) var(--sizing-arrow-default);--box-shadow-default:var(--pine-box-shadow-200);--color-background-default:var(--pine-color-grey-950);--color-text-default:var(--pine-color-white);--sizing-arrow-default:6px;--sizing-arrow-offset:14px;--sizing-width-default:320px;--spacing-padding-overlay:var(--pine-spacing-100) calc(var(--pine-spacing-300) / 2);display:inline-block;position:relative}:host ::slotted(*){display:-ms-flexbox;display:flex}:host ::slotted([slot=content]){display:block;max-width:var(--sizing-width-default);white-space:normal}.pds-tooltip__content{background-color:var(--color-background-default);border-radius:var(--border-radius-overlay);-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default);color:var(--color-text-default);max-width:var(--sizing-width-default);opacity:0;padding:var(--spacing-padding-overlay);position:absolute;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:1}:host(.pds-tooltip--has-html-content) .pds-tooltip__content{width:auto}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);left:calc(var(--sizing-arrow-default) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);bottom:var(--sizing-arrow-offset);left:calc(var(--sizing-arrow-default) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);left:calc(var(--sizing-arrow-default) * -1);top:var(--sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -1);left:var(--sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -1);left:initial;right:var(--sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);bottom:var(--sizing-arrow-offset);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:var(--sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:50%;top:calc(var(--sizing-arrow-default) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:initial;right:var(--sizing-arrow-offset);top:calc(var(--sizing-arrow-default) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:var(--sizing-arrow-offset);top:calc(var(--sizing-arrow-default) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}';const d=l;const s=class{constructor(r){t(this,r);this.handleHide=()=>{this.hideTooltip()};this.handleShow=()=>{this.showTooltip()};this.isOpen=false;this.content=undefined;this.componentId=undefined;this.hasArrow=true;this.htmlContent=false;this.placement="right";this.maxWidth="352px";this.opened=false}handleOpenToggle(){if(this.opened){this.handleShow()}else{this.handleHide()}}componentWillLoad(){if(this.opened){this.showTooltip()}this.el.addEventListener("blur",this.handleHide,true);this.el.addEventListener("focus",this.handleShow,true)}componentDidUpdate(){if(this.opened){this.showTooltip()}}componentDidRender(){a({elem:this.el,elemPlacement:this.placement,overlay:this.contentEl})}async showTooltip(){this.opened=true}async hideTooltip(){this.opened=false}render(){return r(o,{key:"cd40b8fab6c861456b87390f138ee7b41f4d37a0",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide},r("div",{key:"7aa003d0600cdda1452acec8ab5392cd6dbeeed8",class:`\n            pds-tooltip\n            pds-tooltip--${this.placement}\n            ${this.htmlContent?"pds-tooltip--has-html-content":""}\n            ${this.opened?"pds-tooltip--is-open":""}\n            ${this.hasArrow?"":"pds-tooltip--no-arrow"}\n          `},r("span",{key:"2f83a557860d79c0930390689ce72a9fa5726b3d","aria-describedby":this.componentId,class:"pds-tooltip__trigger"},r("slot",{key:"a78f31dae475a53ab709711a3c59142ed8d14418"})),r("div",{key:"42cabc5b6ef126e054383361531b982a4472953d",class:"pds-tooltip__content","aria-hidden":this.opened?"false":"true","aria-live":this.opened?"polite":"off",id:this.componentId,ref:t=>this.contentEl=t,role:"tooltip",style:{maxWidth:this.maxWidth}},r("slot",{key:"990c5170d5f84863b7eaaeb4781a8ab6eff4b1b8",name:"content"}),this.content)))}get el(){return e(this)}static get watchers(){return{opened:["handleOpenToggle"]}}};s.style=n+d;export{s as pds_tooltip};
-//# sourceMappingURL=p-1ca76e21.entry.js.map
+import{r as t,h as r,H as o,g as e}from"./p-87fe352f.js";const a=({elem:t,elemPlacement:r,overlay:o,offset:e=8})=>{if(t==undefined)return;const a=t.getBoundingClientRect();const i=o.getBoundingClientRect();if(!r||r=="")return;switch(true){case r.includes("right"):o.style.top="50%";o.style.left=`calc(${a.width}px + ${e}px)`;o.style.transform="translateY(-50%)";if(r.includes("start")){o.style.top="0";o.style.transform="translateY(0)"}if(r.includes("end")){o.style.bottom="0";o.style.top="initial";o.style.transform="translateY(0)"}break;case r.includes("left"):o.style.top="50%";o.style.right=`calc(${a.width}px + ${e}px)`;o.style.transform="translateY(-50%)";if(r.includes("start")){o.style.top="0";o.style.transform="translateY(0)"}if(r.includes("end")){o.style.bottom="0";o.style.top="initial";o.style.transform="translateY(0)"}break;case r.includes("bottom"):o.style.top=`calc(${a.height}px + ${e}px)`;o.style.left="50%";o.style.transform="translateX(-50%)";if(r.includes("start")){o.style.left="0";o.style.transform="translateX(0)"}if(r.includes("end")){o.style.left="initial";o.style.right="0";o.style.transform="translateX(0)"}break;case r.includes("top"):o.style.top=`calc((${i.height}px + ${e}px) * -1)`;o.style.left="50%";o.style.transform="translateX(-50%)";if(r.includes("start")){o.style.left="0";o.style.transform="translateX(0)"}if(r.includes("end")){o.style.left="initial";o.style.right="0";o.style.transform="translateX(0)"}break}};const i=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";const n=i;const l=':host{--border-radius-overlay:var(--pine-border-radius-125);--border-width-arrow-down:var(--sizing-arrow-default) var(--sizing-arrow-default) 0;--border-width-arrow-left:var(--sizing-arrow-default) var(--sizing-arrow-default) var(--sizing-arrow-default) 0;--border-width-arrow-right:var(--sizing-arrow-default) 0 var(--sizing-arrow-default) var(--sizing-arrow-default);--border-width-arrow-up:0 var(--sizing-arrow-default) var(--sizing-arrow-default);--box-shadow-default:var(--pine-box-shadow-200);--color-background-default:var(--pine-color-grey-950);--color-text-default:var(--pine-color-white);--sizing-arrow-default:6px;--sizing-arrow-offset:14px;--sizing-width-default:320px;--spacing-padding-overlay:var(--pine-spacing-100) calc(var(--pine-spacing-300) / 2);display:inline-block;position:relative}:host ::slotted(*){display:-ms-flexbox;display:flex}:host ::slotted([slot=content]){display:block;max-width:var(--sizing-width-default);white-space:normal}.pds-tooltip__content{background-color:var(--color-background-default);border-radius:var(--border-radius-overlay);-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default);color:var(--color-text-default);max-width:var(--sizing-width-default);opacity:0;padding:var(--spacing-padding-overlay);position:absolute;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:1}:host(.pds-tooltip--has-html-content) .pds-tooltip__content{width:auto}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);left:calc(var(--sizing-arrow-default) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);bottom:var(--sizing-arrow-offset);left:calc(var(--sizing-arrow-default) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);left:calc(var(--sizing-arrow-default) * -1);top:var(--sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -1);left:var(--sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -1);left:initial;right:var(--sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);bottom:var(--sizing-arrow-offset);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:var(--sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:50%;top:calc(var(--sizing-arrow-default) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:initial;right:var(--sizing-arrow-offset);top:calc(var(--sizing-arrow-default) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:var(--sizing-arrow-offset);top:calc(var(--sizing-arrow-default) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}';const d=l;const s=class{constructor(r){t(this,r);this.handleHide=()=>{this.hideTooltip()};this.handleShow=()=>{this.showTooltip()};this.isOpen=false;this.content=undefined;this.componentId=undefined;this.hasArrow=true;this.htmlContent=false;this.placement="right";this.maxWidth="352px";this.opened=false}handleOpenToggle(){if(this.opened){this.handleShow()}else{this.handleHide()}}componentWillLoad(){if(this.opened){this.showTooltip()}this.el.addEventListener("blur",this.handleHide,true);this.el.addEventListener("focus",this.handleShow,true)}componentDidUpdate(){if(this.opened){this.showTooltip()}}componentDidRender(){a({elem:this.el,elemPlacement:this.placement,overlay:this.contentEl})}async showTooltip(){this.opened=true}async hideTooltip(){this.opened=false}render(){return r(o,{key:"f4a8cd19668e7cc20a70ae13a0f6dcf0f809df65",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide},r("div",{key:"b83498c6ea8e404b2abc25cc75daa95807649dba",class:`\n            pds-tooltip\n            pds-tooltip--${this.placement}\n            ${this.htmlContent?"pds-tooltip--has-html-content":""}\n            ${this.opened?"pds-tooltip--is-open":""}\n            ${this.hasArrow?"":"pds-tooltip--no-arrow"}\n          `},r("span",{key:"47ace7d3f543f0d86987389c76b25da0ad6be9b7","aria-describedby":this.componentId,class:"pds-tooltip__trigger"},r("slot",{key:"45bae92d87b8a67c00608c18f76aa9333d8d82a7"})),r("div",{key:"a745ce513f1563cb8ea5a86bf27ee31f3e0d4392",class:"pds-tooltip__content","aria-hidden":this.opened?"false":"true","aria-live":this.opened?"polite":"off",id:this.componentId,ref:t=>this.contentEl=t,role:"tooltip",style:{maxWidth:this.maxWidth}},r("slot",{key:"8c46fe5951624e2de4128bd0f819e1e55155a7b5",name:"content"}),this.content)))}get el(){return e(this)}static get watchers(){return{opened:["handleOpenToggle"]}}};s.style=n+d;export{s as pds_tooltip};
+//# sourceMappingURL=p-1e80f274.entry.js.map

package/dist/pine-core/{p-3b780711.entry.js → p-239891e6.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as a,H as r}from"./p-4e6e2052.js";import{d as n}from"./p-3e0449c5.js";const i=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";const o=i;const t=":host{display:block}details{--border-radius-default:var(--pine-border-radius-default);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--color-background-default:var(--pine-color-white);--color-background-hover:var(--pine-color-grey-150);--color-text-default:var(--pine-color-text-interactive-default);--color-text-active:var(--pine-color-grey-950);--color-text-hover:var(--pine-color-grey-800);--font-weight-active:var(--pine-font-weight-semi-bold);--number-animation-transform-timing:200ms;--spacing-details-padding-inline:var(--pine-spacing-150);--spacing-details-padding-block-end:calc(var(--pine-spacing-200) + 2);--spacing-summary-padding-block:calc(var(--pine-spacing-150) / 2);--spacing-summary-padding-inline-start:var(--pine-spacing-100);--spacing-summary-padding-inline-end:var(--pine-spacing-050);--typography-default:var(--pine-typography-body-md-medium);border-radius:var(--border-radius-default)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1)}details[open]{background-color:var(--color-background-default)}details[open] summary{color:var(--color-text-active);font-weight:var(--font-weight-active)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1)}summary{background-color:var(--color-background-default);border-radius:var(--border-radius-default);color:var(--color-text-default);font:var(--typography-default);padding-block:var(--spacing-summary-padding-block);-webkit-padding-end:var(--spacing-summary-padding-inline-end);padding-inline-end:var(--spacing-summary-padding-inline-end);-webkit-padding-start:var(--spacing-summary-padding-inline-start);padding-inline-start:var(--spacing-summary-padding-inline-start);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--color-background-hover);color:var(--color-text-hover);cursor:pointer}summary:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none;position:relative}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}.pds-accordion__body{-webkit-padding-after:var(--spacing-details-padding-block-end);padding-block-end:var(--spacing-details-padding-block-end);padding-inline:var(--spacing-details-padding-inline)}";const d=t;const s=class{constructor(a){e(this,a);this.handleToggle=()=>{this.isOpen=this.detailsEl.open};this.getOpenAttribute=()=>{if(this.isOpen!==false){return{open:true}}return""};this.componentId=undefined;this.isOpen=false}handleOpenState(e){this.isOpen=e}componentDidLoad(){this.detailsEl.addEventListener("toggle",this.handleToggle)}render(){return a(r,{key:"9a8c2f915879f63d8a7255cf0f58b55f4b590eed",class:"pds-accordion",id:this.componentId},a("details",Object.assign({key:"f5428c5e340c55750fb94d85dfd7cdbb853c32de"},this.getOpenAttribute(),{ref:e=>this.detailsEl=e}),a("summary",{key:"9255f9c850016e964d468ed35578c01159b7f234",part:"accordion-button"},a("slot",{key:"2b1dba36c97ed9c46b1efe7aac44cae4203e7a50",name:"label"},"Details"),a("pds-icon",{key:"9185cfd595c09a15c57fe1e1d89a2895c461aa46",icon:n})),a("div",{key:"41d030c5ffc2cee2099f141e80695c1f4e6ddcb0",part:"accordion-body",class:"pds-accordion__body"},a("slot",{key:"b10afd83e6bec657dfa88cdf4a73f32f12d46935"}))))}static get watchers(){return{isOpen:["handleOpenState"]}}};s.style=o+d;export{s as pds_accordion};
-//# sourceMappingURL=p-3b780711.entry.js.map
+import{r as e,h as a,H as r}from"./p-87fe352f.js";import{d as n}from"./p-dc4a6d88.js";const i=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";const o=i;const t=":host{display:block}details{--border-radius-default:var(--pine-border-radius-default);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--color-background-default:var(--pine-color-white);--color-background-hover:var(--pine-color-grey-150);--color-text-default:var(--pine-color-text-interactive-default);--color-text-active:var(--pine-color-grey-950);--color-text-hover:var(--pine-color-grey-800);--font-weight-active:var(--pine-font-weight-semi-bold);--number-animation-transform-timing:200ms;--spacing-details-padding-inline:var(--pine-spacing-150);--spacing-details-padding-block-end:calc(var(--pine-spacing-200) + 2);--spacing-summary-padding-block:calc(var(--pine-spacing-150) / 2);--spacing-summary-padding-inline-start:var(--pine-spacing-100);--spacing-summary-padding-inline-end:var(--pine-spacing-050);--typography-default:var(--pine-typography-body-md-medium);border-radius:var(--border-radius-default)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1)}details[open]{background-color:var(--color-background-default)}details[open] summary{color:var(--color-text-active);font-weight:var(--font-weight-active)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1)}summary{background-color:var(--color-background-default);border-radius:var(--border-radius-default);color:var(--color-text-default);font:var(--typography-default);padding-block:var(--spacing-summary-padding-block);-webkit-padding-end:var(--spacing-summary-padding-inline-end);padding-inline-end:var(--spacing-summary-padding-inline-end);-webkit-padding-start:var(--spacing-summary-padding-inline-start);padding-inline-start:var(--spacing-summary-padding-inline-start);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--color-background-hover);color:var(--color-text-hover);cursor:pointer}summary:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none;position:relative}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}.pds-accordion__body{-webkit-padding-after:var(--spacing-details-padding-block-end);padding-block-end:var(--spacing-details-padding-block-end);padding-inline:var(--spacing-details-padding-inline)}";const d=t;const s=class{constructor(a){e(this,a);this.handleToggle=()=>{this.isOpen=this.detailsEl.open};this.getOpenAttribute=()=>{if(this.isOpen!==false){return{open:true}}return""};this.componentId=undefined;this.isOpen=false}handleOpenState(e){this.isOpen=e}componentDidLoad(){this.detailsEl.addEventListener("toggle",this.handleToggle)}render(){return a(r,{key:"9a8c2f915879f63d8a7255cf0f58b55f4b590eed",class:"pds-accordion",id:this.componentId},a("details",Object.assign({key:"f5428c5e340c55750fb94d85dfd7cdbb853c32de"},this.getOpenAttribute(),{ref:e=>this.detailsEl=e}),a("summary",{key:"9255f9c850016e964d468ed35578c01159b7f234",part:"accordion-button"},a("slot",{key:"2b1dba36c97ed9c46b1efe7aac44cae4203e7a50",name:"label"},"Details"),a("pds-icon",{key:"9185cfd595c09a15c57fe1e1d89a2895c461aa46",icon:n})),a("div",{key:"41d030c5ffc2cee2099f141e80695c1f4e6ddcb0",part:"accordion-body",class:"pds-accordion__body"},a("slot",{key:"b10afd83e6bec657dfa88cdf4a73f32f12d46935"}))))}static get watchers(){return{isOpen:["handleOpenState"]}}};s.style=o+d;export{s as pds_accordion};
+//# sourceMappingURL=p-239891e6.entry.js.map

package/dist/pine-core/p-34f84589.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as r,h as i,H as o,g as t}from"./p-87fe352f.js";import{m as a,P as n,a as s}from"./p-a9038f7f.js";import{b as l}from"./p-dc4a6d88.js";const c=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";const d=c;const p=':host{--border-radius-input:var(--pine-border-radius-200);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--color-outline-focus);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--color-outline-focus-error);--box-shadow-input-toggle:0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);--color-background-checked:var(--pine-color-purple-500);--color-background-checked-hover:var(--pine-color-purple-600);--color-background-error:var(--pine-color-red-500);--color-background-input-disabled:var(--pine-color-grey-200);--color-background-input-default:var(--pine-color-grey-300);--color-background-input-hover:var(--pine-color-grey-400);--color-input-toggle-default:var(--pine-color-white);--color-input-toggle-disabled:var(--pine-color-grey-100);--color-message-text:var(--pine-color-grey-700);--color-outline-focus:var(--pine-color-purple-300);--color-outline-focus-error:var(--pine-color-red-200);--color-text-default:var(--pine-color-grey-900);--color-text-disabled:var(--pine-color-grey-500);--color-text-error:var(--pine-color-red-500);--font-weight-label-default:var(--pine-font-weight-body-medium);--dimension-input-height:20px;--dimension-input-width:36px;--sizing-input-toggle-size:calc(var(--dimension-input-height) - (var(--spacing-input-toggle-offset) * 2));--spacing-label-gap-size:var(--pine-spacing-150);--spacing-input-toggle-offset:calc(var(--pine-spacing-050) / 2);--spacing-message-block:calc(var(--pine-spacing-150) / 2);--spacing-message-inline:calc(var(--dimension-input-width) + var(--spacing-label-gap-size));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-margin-after:var(--pine-spacing-md);margin-block-end:var(--pine-spacing-md);position:relative}:host(.pds-switch--error){color:var(--color-text-error)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--color-background-error)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-background-input-default);border:0;border-radius:var(--border-radius-input);cursor:pointer;display:inline-block;height:var(--dimension-input-height);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--dimension-input-width)}input::after{background:var(--color-input-toggle-default);border-radius:50%;-webkit-box-shadow:var(--box-shadow-input-toggle);box-shadow:var(--box-shadow-input-toggle);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--number-transition-timing);transition:-webkit-transform var(--number-transition-timing);transition:transform var(--number-transition-timing);transition:transform var(--number-transition-timing), -webkit-transform var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;font-weight:var(--font-weight-label-default);-webkit-margin-start:var(--spacing-label-gap-size);margin-inline-start:var(--spacing-label-gap-size)}.pds-switch--error label{color:inherit}.pds-switch__message{color:var(--color-message-text);-ms-flex:1 0 100%;flex:1 0 100%;font-size:var(--pine-font-size-body-md);-webkit-margin-before:var(--spacing-message-block);margin-block-start:var(--spacing-message-block);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline)}.pds-switch__message--error{-ms-flex-align:center;align-items:center;color:inherit;display:-ms-flexbox;display:flex;font-size:var(--pine-font-size-085);gap:var(--pine-spacing-050)}input:disabled{background-color:var(--color-background-input-disabled);cursor:not-allowed}input:disabled~label{color:var(--color-text-disabled);cursor:initial}input:disabled:hover::after{background-color:var(--color-input-toggle-disabled)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--color-background-input-hover)}input:focus-visible:not(:disabled){-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}input:checked::after{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}input:checked:not(:disabled){background-color:currentColor;color:var(--color-background-checked)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--color-background-checked-hover)}';const h=p;const g=class{constructor(i){e(this,i);this.pdsSwitchChange=r(this,"pdsSwitchChange",7);this.onSwitchUpdate=e=>{if(this.disabled)return;const r=e.target;this.checked=r.checked;this.pdsSwitchChange.emit(e)};this.switchClassNames=()=>{let e=`pds-switch`;if(this.invalid===true){e+=" pds-switch--error"}if(this.helperMessage!==undefined){e+=" pds-switch--message"}return e};this.componentId=undefined;this.checked=false;this.disabled=false;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=false;this.label=undefined;this.name=undefined;this.required=false;this.value=undefined}render(){return i(o,{key:"752bc5c5fd8d2cac945d6029656954d3f375ec71",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},i("input",{key:"04472c44cf63aa671326c774c9fbf6890db69ddb","aria-describedby":s(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value}),i(n,{key:"8895f0bd3a5eb345a91a9379ecb30cf47637ffe4",classNames:"pds-switch__label",htmlFor:this.componentId,text:this.label}),this.helperMessage&&i("div",{key:"bf29e672c126446faeca4bce2946294e816718f4",class:`pds-switch__message`,id:a(this.componentId,"helper")},this.helperMessage),this.errorMessage&&i("div",{key:"7428daf37dd2c60e6c0416a72a4f56cbb956dd9a",class:`pds-switch__message pds-switch__message--error`,id:a(this.componentId,"error"),"aria-live":"assertive"},i("pds-icon",{key:"9efde77b0156883dd9514c9b2fc6f1234d04a645",icon:l,size:"small"}),this.errorMessage))}get el(){return t(this)}};g.style=d+h;export{g as pds_switch};
+//# sourceMappingURL=p-34f84589.entry.js.map

package/dist/pine-core/p-34f84589.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["baseCss","PdsSwitchStyle0","pdsSwitchCss","PdsSwitchStyle1","PdsSwitch","this","onSwitchUpdate","e","disabled","input","target","checked","pdsSwitchChange","emit","switchClassNames","switchClasses","invalid","helperMessage","undefined","render","h","Host","key","class","assignDescription","componentId","id","name","onChange","required","type","value","PdsLabel","classNames","htmlFor","text","label","messageId","errorMessage","icon","danger","size"],"sources":["src/global/styles/base.scss?tag=pds-switch&encapsulation=shadow","src/components/pds-switch/pds-switch.scss?tag=pds-switch&encapsulation=shadow","src/components/pds-switch/pds-switch.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n  color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host {\n  --border-radius-input: var(--pine-border-radius-200);\n\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--color-outline-focus);\n  --box-shadow-focus-error: 0 0 0 1px #ffffff, 0 0 0 3px var(--color-outline-focus-error);\n  --box-shadow-input-toggle: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);\n\n  --color-background-checked: var(--pine-color-purple-500);\n  --color-background-checked-hover: var(--pine-color-purple-600);\n  --color-background-error: var(--pine-color-red-500);\n  --color-background-input-disabled: var(--pine-color-grey-200);\n  --color-background-input-default: var(--pine-color-grey-300);\n  --color-background-input-hover: var(--pine-color-grey-400);\n  --color-input-toggle-default: var(--pine-color-white);\n  --color-input-toggle-disabled: var(--pine-color-grey-100);\n  --color-message-text: var(--pine-color-grey-700);\n  --color-outline-focus: var(--pine-color-purple-300);\n  --color-outline-focus-error: var(--pine-color-red-200);\n  --color-text-default: var(--pine-color-grey-900);\n  --color-text-disabled: var(--pine-color-grey-500);\n  --color-text-error: var(--pine-color-red-500);\n\n  --font-weight-label-default: var(--pine-font-weight-body-medium);\n\n  --dimension-input-height: 20px;\n  --dimension-input-width: 36px;\n\n  --sizing-input-toggle-size: calc(var(--dimension-input-height) - (var(--spacing-input-toggle-offset) * 2));\n\n  --spacing-label-gap-size: var(--pine-spacing-150);\n  --spacing-input-toggle-offset: calc(var(--pine-spacing-050) / 2);\n  --spacing-message-block: calc(var(--pine-spacing-150) / 2);\n  --spacing-message-inline: calc(var(--dimension-input-width) + var(--spacing-label-gap-size));\n\n  --number-transition-timing: 0.15s ease-out;\n\n\n  align-items: flex-start;\n  color: var(--color-text-default);\n  display: inline-flex;\n  flex-flow: row wrap;\n  margin-block-end: var(--pine-spacing-md);\n  position: relative;\n}\n\n:host(.pds-switch--error) {\n  color: var(--color-text-error);\n\n  input,\n  input:checked,\n  input:hover:not(:disabled):not(:checked) {\n    background-color: var(--color-background-error);\n  }\n\n  input:focus-visible:not(:disabled):not(:checked) {\n    box-shadow: var(--box-shadow-focus-error);\n  }\n\n  label {\n    color: var(--color-text-error);\n  }\n}\n\n// switch container\ninput {\n  appearance: none;\n  background: var(--color-background-input-default);\n  border: 0;\n  border-radius: var(--border-radius-input);\n  cursor: pointer;\n  display: inline-block;\n  height: var(--dimension-input-height);\n  margin: 0;\n  padding: 0;\n  position: relative;\n  transition: var(--number-transition-timing);\n  transition-property: background, border, color;\n  width: var(--dimension-input-width);\n\n  // switch toggle\n  &::after {\n    background: var(--color-input-toggle-default);\n    border-radius: 50%;\n    box-shadow: var(--box-shadow-input-toggle);\n    content: \"\";\n    display: block;\n    height: var(--sizing-input-toggle-size);\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    position: absolute;\n    transform: translate3d(-100%, -50%, 0);\n    transition: transform var(--number-transition-timing);\n    width: var(--sizing-input-toggle-size);\n  }\n}\n\nlabel {\n  cursor: pointer;\n  display: inline-flex;\n  flex-grow: 1;\n  font-weight: var(--font-weight-label-default);\n  margin-inline-start: var(--spacing-label-gap-size);\n\n  .pds-switch--error & {\n    color: inherit;\n  }\n}\n\n// Help and error messages\n.pds-switch__message {\n  color: var(--color-message-text);\n  flex: 1 0 100%;\n  font-size: var(--pine-font-size-body-md);\n  margin-block-start: var(--spacing-message-block);\n  margin-inline-start: var(--spacing-message-inline);\n}\n\n.pds-switch__message--error {\n  align-items: center;\n  color: inherit;\n  display: flex;\n  font-size: var(--pine-font-size-085);\n  gap: var(--pine-spacing-050);\n}\n\n// Disabled state\ninput:disabled {\n  background-color: var(--color-background-input-disabled);\n  cursor: not-allowed;\n\n  ~ label {\n    color: var(--color-text-disabled);\n    cursor: initial;\n  }\n\n  &:hover::after {\n    background-color: var(--color-input-toggle-disabled);\n  }\n\n  .pds-switch__message {\n    color: initial;\n  }\n}\n\n// Hover state\ninput:hover:not(:disabled) {\n  background-color: var(--color-background-input-hover);\n}\n\n // Focus state\ninput:focus-visible:not(:disabled) {\n  box-shadow: var(--box-shadow-focus);\n  outline: none;\n}\n\n// 'Checked' state\n// switch toggle\ninput:checked::after {\n  transform: translate3d(0, -50%, 0);\n}\n\n// switch container\ninput:checked:not(:disabled) {\n  background-color: currentColor;\n  color: var(--color-background-checked);\n\n  &:hover {\n    border-color: currentColor;\n    color: var(--color-background-checked-hover);\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\nimport { danger } from '@pine-ds/icons/icons';\n\n@Component({\n  tag: 'pds-switch',\n  styleUrls: ['../../global/styles/base.scss', 'pds-switch.scss'],\n  shadow: true,\n})\nexport class PdsSwitch {\n  @Element() el: HTMLPdsSwitchElement;\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 the input 'checked' state.\n   */\n  @Prop({ mutable: true }) checked = false;\n\n  /**\n   * Determines the input 'disabled' state, preventing user interaction.\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Displays message text describing an invalid state.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays help text for additional description of an input.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Determines the input 'invalid' state, signifying an error is present.\n   */\n  @Prop() invalid? = false;\n\n  /**\n   * Displays text to describe the input.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Identifies form data and unifies a group of radio inputs for toggling a single property/value.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines the 'required' state of the input.\n   */\n  @Prop() required? = false;\n\n  /**\n   * Provides input with a string submitted in form data.\n   */\n  @Prop() value: string;\n\n  /**\n   * Emits an event on input change.\n   */\n  @Event() pdsSwitchChange: EventEmitter<InputEvent>;\n\n  private onSwitchUpdate = (e: Event) => {\n    if (this.disabled) return;\n\n    const input = e.target as HTMLInputElement;\n    this.checked = input.checked;\n    this.pdsSwitchChange.emit(e as InputEvent);\n  };\n\n  private switchClassNames = () => {\n    let switchClasses = `pds-switch`;\n\n    if (this.invalid === true) {\n      switchClasses += \" pds-switch--error\";\n    }\n    if (this.helperMessage !== undefined) {\n      switchClasses += \" pds-switch--message\";\n    }\n    return switchClasses;\n  };\n\n  render() {\n    return (\n      <Host class={this.switchClassNames()} aria-disabled={this.disabled ? 'true' : null}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          checked={this.checked}\n          class=\"pds-switch__input\"\n          disabled={this.disabled}\n          id={this.componentId}\n          name={this.name ? this.name : this.componentId}\n          onChange={this.onSwitchUpdate}\n          required={this.required}\n          type=\"checkbox\"\n          value={this.value}\n        />\n        <PdsLabel classNames=\"pds-switch__label\" htmlFor={this.componentId} text={this.label} />\n        {this.helperMessage &&\n          <div\n            class={`pds-switch__message`}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-switch__message pds-switch__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      </Host>\n    );\n  }\n}\n"],"mappings":"sJAAA,MAAMA,EAAU,yrDAChB,MAAAC,EAAeD,ECDf,MAAME,EAAe,wgKACrB,MAAAC,EAAeD,E,MCSFE,EAAS,M,0EA0DZC,KAAAC,eAAkBC,IACxB,GAAIF,KAAKG,SAAU,OAEnB,MAAMC,EAAQF,EAAEG,OAChBL,KAAKM,QAAUF,EAAME,QACrBN,KAAKO,gBAAgBC,KAAKN,EAAgB,EAGpCF,KAAAS,iBAAmB,KACzB,IAAIC,EAAgB,aAEpB,GAAIV,KAAKW,UAAY,KAAM,CACzBD,GAAiB,oB,CAEnB,GAAIV,KAAKY,gBAAkBC,UAAW,CACpCH,GAAiB,sB,CAEnB,OAAOA,CAAa,E,wCAhEa,M,cAKf,M,sEAeD,M,uDAeC,M,qBAgCpB,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOlB,KAAKS,mBAAkB,gBAAiBT,KAAKG,SAAW,OAAS,MAC5EY,EAAA,SAAAE,IAAA,8DACoBE,EAAkBnB,KAAKoB,YAAapB,KAAKW,QAASX,KAAKY,eAAc,eACzEZ,KAAKW,QAAU,OAASE,UACtCP,QAASN,KAAKM,QACdY,MAAM,oBACNf,SAAUH,KAAKG,SACfkB,GAAIrB,KAAKoB,YACTE,KAAMtB,KAAKsB,KAAOtB,KAAKsB,KAAOtB,KAAKoB,YACnCG,SAAUvB,KAAKC,eACfuB,SAAUxB,KAAKwB,SACfC,KAAK,WACLC,MAAO1B,KAAK0B,QAEdX,EAACY,EAAQ,CAAAV,IAAA,2CAACW,WAAW,oBAAoBC,QAAS7B,KAAKoB,YAAaU,KAAM9B,KAAK+B,QAC9E/B,KAAKY,eACJG,EAAA,OAAAE,IAAA,2CACEC,MAAO,sBACPG,GAAIW,EAAUhC,KAAKoB,YAAa,WAE/BpB,KAAKY,eAGTZ,KAAKiC,cACJlB,EAAA,OAAAE,IAAA,2CACEC,MAAO,iDACPG,GAAIW,EAAUhC,KAAKoB,YAAa,SAAQ,YAC9B,aAEVL,EAAA,YAAAE,IAAA,2CAAUiB,KAAMC,EAAQC,KAAK,UAC5BpC,KAAKiC,c","ignoreList":[]}

package/dist/pine-core/{p-5fb6ab2f.entry.js → p-3acb18ad.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as t,h as e,H as o,g as i}from"./p-4e6e2052.js";const r='pds-tab{--border-none:var(--pine-border-width-none);--border-radius-availability:var(--pine-border-radius-100);--border-radius-default:var(--pine-border-radius-125);--border-radius-none:var(--pine-border-radius-0);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--color-background-active:var(--pine-color-grey-900);--color-background-availability:var(--pine-color-white);--color-background-default:var(--pine-color-grey-300);--color-background-hover:var(--pine-color-grey-100);--color-indicator-active:var(--pine-color-mercury-500);--color-text-active:var(--pine-color-grey-900);--color-text-active-inverse:var(--pine-color-white);--color-text-default:var(--pine-color-grey-700);--color-text-focus:var(--pine-color-grey-800);--letter-spacing-default:var(--pine-letter-spacing-body-md);--outline:4px solid var(--pine-color-blue-200);--spacing-padding-none:var(--pine-spacing-0);--typography-default:var(--pine-typography-body-md-medium);display:inline-block;position:relative}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--border-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--spacing-padding-none);-ms-flex-align:center;align-items:center;color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--color-text-active)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover{color:var(--color-text-active)}.pds-tab:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-tab .pds-tab__content{font:var(--typography-default);letter-spacing:var(--letter-spacing-default);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:var(--color-indicator-active);bottom:0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:var(--border-radius-availability) var(--border-radius-availability) var(--border-radius-none) var(--border-radius-none);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--color-background-availability)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:1}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--color-background-default)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--color-text-default)}.pds-tabs--availability .pds-tab__content{padding-bottom:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter{--color-background-tab:var(--color-background-active)}.pds-tabs--filter .pds-tab{background-color:var(--color-background-tab);border-radius:50px;color:var(--color-text-active);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{--color-background-tab:var(--color-background-active);color:var(--color-text-active-inverse)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--color-background-hover)}.pds-tabs--filter .pds-tab__content{-webkit-padding-after:0;padding-block-end:0}.pds-tabs--filter .pds-tab__content::after{content:unset}';const d=r;const s=class{constructor(e){a(this,e);this.pdsTabClick=t(this,"pdsTabClick",7);this.name=undefined;this.parentComponentId=undefined;this.variant=undefined;this.index=undefined;this.selected=false}onTabClick(a,t){this.pdsTabClick.emit([a,t])}render(){const a=e("span",{key:"5ea7f20d14e906993c0cfbef0ae9a37b305be9fd",class:"pds-tab-edge",role:"presentation"});const t=e("span",{key:"9fc8287a57fd777472d9f909a451332b7edd8c39",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return e(o,{key:"16d11c4bda123cbb698674c560dc7c826fe653ca",variant:this.variant,slot:"tabs",index:this.index},e("button",{key:"63e18d48cd1206c87e520cbe85c09e7fbd8752f0",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.selected?"0":"-1","aria-selected":this.selected?"true":"false",class:this.selected?"pds-tab is-active":"pds-tab",onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&a,this.variant==="availability"&&t,e("div",{key:"5db0ed6e01b1cfe58f47669b369bb72bd3caa033",class:"pds-tab__content"},e("slot",{key:"1737f4b6a524cf165deb1eb1a2627ae834a76be2"}))))}get el(){return i(this)}};s.style=d;export{s as pds_tab};
-//# sourceMappingURL=p-5fb6ab2f.entry.js.map
+import{r as a,c as t,h as e,H as o,g as i}from"./p-87fe352f.js";const r='pds-tab{--border-none:var(--pine-border-width-none);--border-radius-availability:var(--pine-border-radius-100);--border-radius-default:var(--pine-border-radius-125);--border-radius-none:var(--pine-border-radius-0);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--color-background-active:var(--pine-color-grey-900);--color-background-availability:var(--pine-color-white);--color-background-default:var(--pine-color-grey-300);--color-background-hover:var(--pine-color-grey-100);--color-indicator-active:var(--pine-color-mercury-500);--color-text-active:var(--pine-color-grey-900);--color-text-active-inverse:var(--pine-color-white);--color-text-default:var(--pine-color-grey-700);--color-text-focus:var(--pine-color-grey-800);--letter-spacing-default:var(--pine-letter-spacing-body-md);--outline:4px solid var(--pine-color-blue-200);--spacing-padding-none:var(--pine-spacing-0);--typography-default:var(--pine-typography-body-md-medium);display:inline-block;position:relative}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--border-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--spacing-padding-none);-ms-flex-align:center;align-items:center;color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--color-text-active)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover{color:var(--color-text-active)}.pds-tab:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-tab .pds-tab__content{font:var(--typography-default);letter-spacing:var(--letter-spacing-default);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:var(--color-indicator-active);bottom:0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:var(--border-radius-availability) var(--border-radius-availability) var(--border-radius-none) var(--border-radius-none);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--color-background-availability)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:1}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--color-background-default)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--color-text-default)}.pds-tabs--availability .pds-tab__content{padding-bottom:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter{--color-background-tab:var(--color-background-active)}.pds-tabs--filter .pds-tab{background-color:var(--color-background-tab);border-radius:50px;color:var(--color-text-active);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{--color-background-tab:var(--color-background-active);color:var(--color-text-active-inverse)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--color-background-hover)}.pds-tabs--filter .pds-tab__content{-webkit-padding-after:0;padding-block-end:0}.pds-tabs--filter .pds-tab__content::after{content:unset}';const d=r;const s=class{constructor(e){a(this,e);this.pdsTabClick=t(this,"pdsTabClick",7);this.name=undefined;this.parentComponentId=undefined;this.variant=undefined;this.index=undefined;this.selected=false}onTabClick(a,t){this.pdsTabClick.emit([a,t])}render(){const a=e("span",{key:"d98a922aaa1b9a6023830badc391c3d1d615ec6a",class:"pds-tab-edge",role:"presentation"});const t=e("span",{key:"390da28bb3fd9ab1fa2fddda45569e92d4547fa3",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return e(o,{key:"5996673486d4bd95f98a691b155529a60655e92f",variant:this.variant,slot:"tabs",index:this.index},e("button",{key:"6eded79f9d5aa9093080933aa9aaa2ad88440759",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.selected?"0":"-1","aria-selected":this.selected?"true":"false",class:this.selected?"pds-tab is-active":"pds-tab",onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&a,this.variant==="availability"&&t,e("div",{key:"9f8927d976b6964c22414e9fbb8680b9132370fa",class:"pds-tab__content"},e("slot",{key:"691c6cf5e42bc42c6492276fd5905733c424921c"}))))}get el(){return i(this)}};s.style=d;export{s as pds_tab};
+//# sourceMappingURL=p-3acb18ad.entry.js.map