bth-ui 0.0.0-stage → 0.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/bth-ui/bth-ui.esm.js

@@ -0,0 +1 @@
+import{p as t,b as a}from"./p-svnzPQiH.js";export{s as setNonce}from"./p-svnzPQiH.js";import{g as e}from"./p-DQuL1Twl.js";(()=>{const s=import.meta.url,a={};return""!==s&&(a.resourcesUrl=new URL(".",s).href),t(a)})().then((async t=>(await e(),a([["p-e916e3c7",[[769,"bth-alert",{variant:[513],dismissible:[4],hasIcon:[32],dismissed:[32]}],[257,"bth-alert-description"],[257,"bth-alert-title"],[769,"bth-badge",{variant:[513],color:[513],size:[513]}],[769,"bth-button",{variant:[513],disabled:[516],size:[513],color:[513],type:[1]}],[512,"bth-icon",{name:[1]}]]]],t))));

package/dist/bth-ui/p-DQuL1Twl.js

@@ -0,0 +1 @@
+const o=()=>{};export{o as g}

package/dist/bth-ui/p-e916e3c7.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,g as r,h as a,H as e}from"./p-svnzPQiH.js";function b(t){var o,r,a="";if("string"==typeof t||"number"==typeof t)a+=t;else if("object"==typeof t)if(Array.isArray(t)){var e=t.length;for(o=0;o<e;o++)t[o]&&(r=b(t[o]))&&(a&&(a+=" "),a+=r)}else for(r in t)t[r]&&(a&&(a+=" "),a+=r);return a}function c(){for(var t,o,r=0,a="",e=arguments.length;r<e;r++)(t=arguments[r])&&(o=b(t))&&(a&&(a+=" "),a+=o);return a}const n=class{constructor(r){t(this,r),this.bthDismiss=o(this,"bthDismiss")}get el(){return r(this)}variant="default";dismissible=!1;hasIcon=!1;dismissed=!1;bthDismiss;componentWillLoad(){this.updateHasIcon()}updateHasIcon=()=>{this.hasIcon=!!this.el.querySelector(':scope > [slot="icon"]')};handleDismiss=()=>{this.dismissed=!0,this.bthDismiss.emit()};render(){return a(e,{key:"92b3322ec6586bea380d12b09b6fc9556db26195","data-slot":"alert",hidden:this.dismissed},a("div",{key:"c897cc5ef279ad1420dc6b73a99087a6900af1d2",class:c("alert",this.hasIcon&&"alert--has-icon"),role:"alert",part:"alert"},a("slot",{key:"e87cca48b662e26b04fc486c8f6a2c359de99a15",name:"icon",onSlotchange:this.updateHasIcon}),a("slot",{key:"dca9b4c45e911bb28632ae419c1b446f302d5333"}),this.dismissible&&a("button",{key:"6a044accbc86dcef7f54369e3f8fb7f6071ee918",class:"alert-dismiss",type:"button","aria-label":"Fechar",part:"dismiss",onClick:this.handleDismiss},a("svg",{key:"e3472ad3898665a876270cf92681c05aac2989a2",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","aria-hidden":"true"},a("path",{key:"8a11a9e5a1cdb140894c2fc8af356c4318605fdb",d:"M4 4l8 8M12 4l-8 8"})))))}};n.style=':host{display:block;--bth-alert-bg-color:transparent;--bth-alert-text-color:var(--bth-color-text, #222222);--bth-alert-border-color:var(--bth-color-border, #d1d5db);--bth-alert-accent-color:var(--bth-color-text, #222222)}:host([hidden]){display:none}:host([variant=default]){--bth-alert-bg-color:transparent;--bth-alert-text-color:var(--bth-color-text, #222222);--bth-alert-border-color:var(--bth-color-border, #d1d5db);--bth-alert-accent-color:var(--bth-color-text, #222222)}:host([variant=danger]){--bth-alert-bg-color:var(--bth-color-danger, #df4661);--bth-alert-text-color:var(--bth-color-danger-contrast, #ffffff);--bth-alert-border-color:var(--bth-color-danger, #df4661);--bth-alert-accent-color:var(--bth-color-danger, #df4661)}:host([variant=success]){--bth-alert-bg-color:var(--bth-color-success, #26d07c);--bth-alert-text-color:var(--bth-color-success-contrast, #ffffff);--bth-alert-border-color:var(--bth-color-success, #26d07c);--bth-alert-accent-color:var(--bth-color-success, #26d07c)}:host([variant=warning]){--bth-alert-bg-color:var(--bth-color-warning, #f7b500);--bth-alert-text-color:var(--bth-color-warning-contrast, #ffffff);--bth-alert-border-color:var(--bth-color-warning, #f7b500);--bth-alert-accent-color:var(--bth-color-warning, #f7b500)}:host([variant=info]){--bth-alert-bg-color:var(--bth-color-info, #009cde);--bth-alert-text-color:var(--bth-color-info-contrast, #ffffff);--bth-alert-border-color:var(--bth-color-info, #009cde);--bth-alert-accent-color:var(--bth-color-info, #009cde)}:host([variant]){--bth-alert-bg-color:color-mix(in srgb, var(--bth-alert-accent-color) var(--bth-tint-subtle, 10%), transparent);--bth-alert-text-color:var(--bth-color-text, #222222)}:host([variant=default]){--bth-alert-bg-color:transparent}.alert{display:grid;grid-template-columns:0 1fr auto;align-items:start;box-sizing:border-box;padding:var(--bth-spacing-4x, 16px);border:1px solid var(--bth-alert-border-color);border-radius:var(--bth-radius-md, 10px);background-color:var(--bth-alert-bg-color);color:var(--bth-alert-accent-color);font-family:var(--bth-font-family, "Geist", sans-serif)}.alert--has-icon{grid-template-columns:auto 1fr auto}::slotted([slot=icon]){grid-column:1;grid-row:1/span 2;display:flex;align-items:flex-start;margin-right:var(--bth-spacing-3x, 12px);color:currentColor}.alert-dismiss{grid-column:3;grid-row:1/span 2;display:inline-flex;align-items:center;justify-content:center;width:var(--bth-spacing-6x, 24px);height:var(--bth-spacing-6x, 24px);margin-left:var(--bth-spacing-3x, 12px);padding:0;border:0;border-radius:var(--bth-radius-xs, 6px);background-color:transparent;color:var(--bth-alert-text-color);cursor:pointer;transition:background-color 0.15s ease}.alert-dismiss:hover{background-color:color-mix(in srgb, var(--bth-alert-accent-color) var(--bth-tint-hover, 10%), transparent)}.alert-dismiss:active{background-color:color-mix(in srgb, var(--bth-alert-accent-color) var(--bth-tint-active, 18%), transparent)}.alert-dismiss:focus-visible{outline:2px solid var(--bth-alert-accent-color);outline-offset:2px}';const l=class{constructor(o){t(this,o)}render(){return a(e,{key:"27e9214204ef24ab0e97c1773127d2876430dad5","data-slot":"alert-description"},a("div",{key:"4ccf13a8de497058066c392b141f3a20f113c2e4",class:"alert-description",part:"description"},a("slot",{key:"3229468fe358daa760bd6383c4aff6ed26e6504f"})))}};l.style=':host{display:block;grid-column:2}.alert-description{margin:0;font-family:var(--bth-font-family, "Geist", sans-serif);font-size:var(--bth-font-size-md, 0.875rem);line-height:var(--bth-line-height-normal, 1.45);color:var(--bth-alert-text-color, var(--bth-color-text, #222222))}:host(:not(:first-child)) .alert-description{margin-top:var(--bth-spacing-1x, 4px)}';const s=class{constructor(o){t(this,o)}render(){return a(e,{key:"0c513e02bcbf0ed3e90f855da9e4d93d3b59818f","data-slot":"alert-title"},a("h5",{key:"df92e7dc279675b15e69c4267e32fdd6c417dc8f",class:"alert-title",part:"title"},a("slot",{key:"79fe942452e0d649a5dbe1920aadc0b74fe08e40"})))}};s.style=':host{display:block;grid-column:2}.alert-title{margin:0;font-family:var(--bth-font-family, "Geist", sans-serif);font-size:var(--bth-font-size-lg, 1rem);font-weight:var(--bth-font-weight-semibold, 600);line-height:var(--bth-spacing-6x, 24px);color:var(--bth-alert-accent-color, inherit)}';const h=class{constructor(o){t(this,o)}variant="solid";color="default";size="md";render(){return a(e,{key:"845476bdaa75c6e1e90b97c14e9055b02a1fef60","data-slot":"badge"},a("span",{key:"f18a3a971b47b1a6c80131b71278a5c66cbe39b1",class:"badge",part:"badge"},a("slot",{key:"e296ee90d002f0a25d7bf7fb7aaa3ebfe4952d7f"})))}};h.style=':host{display:inline-block;vertical-align:middle;font-size:var(--bth-badge-font-size);--bth-badge-bg-color:transparent;--bth-badge-text-color:var(--bth-color-text, #222222);--bth-badge-border-color:var(--bth-color-border, #d1d5db);--bth-badge-accent-color:var(--bth-color-text, #222222);--bth-badge-font-size:0.75em}:host([color=default]){--bth-badge-bg-color:transparent;--bth-badge-text-color:var(--bth-color-text, #222222);--bth-badge-border-color:var(--bth-color-border, #d1d5db);--bth-badge-accent-color:var(--bth-color-text, #222222)}:host([color=primary]){--bth-badge-bg-color:var(--bth-color-primary, #0861ff);--bth-badge-text-color:var(--bth-color-primary-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-primary, #0861ff);--bth-badge-accent-color:var(--bth-color-primary, #0861ff)}:host([color=success]){--bth-badge-bg-color:var(--bth-color-success, #26d07c);--bth-badge-text-color:var(--bth-color-success-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-success, #26d07c);--bth-badge-accent-color:var(--bth-color-success, #26d07c)}:host([color=danger]){--bth-badge-bg-color:var(--bth-color-danger, #df4661);--bth-badge-text-color:var(--bth-color-danger-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-danger, #df4661);--bth-badge-accent-color:var(--bth-color-danger, #df4661)}:host([color=warning]){--bth-badge-bg-color:var(--bth-color-warning, #f7b500);--bth-badge-text-color:var(--bth-color-warning-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-warning, #f7b500);--bth-badge-accent-color:var(--bth-color-warning, #f7b500)}:host([color=info]){--bth-badge-bg-color:var(--bth-color-info, #009cde);--bth-badge-text-color:var(--bth-color-info-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-info, #009cde);--bth-badge-accent-color:var(--bth-color-info, #009cde)}:host([color=accent]){--bth-badge-bg-color:var(--bth-color-accent, #7740ff);--bth-badge-text-color:var(--bth-color-accent-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-accent, #7740ff);--bth-badge-accent-color:var(--bth-color-accent, #7740ff)}:host([size=xs]){--bth-badge-font-size:0.55em}:host([size=sm]){--bth-badge-font-size:0.65em}:host([size=md]){--bth-badge-font-size:0.75em}:host([size=lg]){--bth-badge-font-size:0.875em}:host([size=xl]){--bth-badge-font-size:1em}.badge{display:inline-flex;align-items:center;justify-content:center;gap:0.35em;box-sizing:border-box;padding:0.3em 0.7em;border:1px solid var(--bth-badge-border-color);border-radius:0.5em;background-color:var(--bth-badge-bg-color);color:var(--bth-badge-text-color);font-family:var(--bth-font-family, "Geist", sans-serif);font-size:1em;font-weight:var(--bth-font-weight-medium, 500);line-height:var(--bth-line-height-tight, 1.2);letter-spacing:normal;white-space:nowrap}:host([variant=subtle]),:host([variant=outline]){--bth-badge-bg-color:transparent;--bth-badge-text-color:var(--bth-badge-accent-color)}:host([variant=subtle]){--bth-badge-bg-color:color-mix(in srgb, var(--bth-badge-accent-color) var(--bth-tint-subtle, 10%), transparent);--bth-badge-border-color:transparent}';const i=class{constructor(o){t(this,o)}get el(){return r(this)}variant="default";disabled=!1;size="md";color="default";type="button";handleClick=()=>{const t=this.el.closest("form");t&&("submit"===this.type&&t.requestSubmit(),"reset"===this.type&&t.reset())};render(){return a(e,{key:"e9e2ad1c81a5fdb14df799afbd9be974e2425363"},a("button",{key:"6a470817658a809b1c7cc665e5de4e072d25b805",class:"btn",type:this.type,disabled:this.disabled,onClick:this.handleClick},a("slot",{key:"63bc7cf6129a9375dca03f8daa83ef04965b6602"})))}};i.style=':host{display:inline-block;vertical-align:middle;--bth-button-bg-color:transparent;--bth-button-text-color:var(--bth-color-text, #222222);--bth-button-border-color:var(--bth-color-border, #d1d5db);--bth-button-accent-color:var(--bth-color-text, #222222);--bth-button-height:var(--bth-control-height-md, 40px);--bth-button-padding:0 var(--bth-spacing-5x, 20px);--bth-button-font-size:var(--bth-font-size-md, 0.875rem);--bth-button-radius:var(--bth-radius-md, 10px)}:host([color=default]){--bth-button-bg-color:transparent;--bth-button-text-color:var(--bth-color-text, #222222);--bth-button-border-color:var(--bth-color-border, #d1d5db);--bth-button-accent-color:var(--bth-color-text, #222222)}:host([color=primary]){--bth-button-bg-color:var(--bth-color-primary, #0861ff);--bth-button-text-color:var(--bth-color-primary-contrast, #ffffff);--bth-button-border-color:var(--bth-color-primary, #0861ff);--bth-button-accent-color:var(--bth-color-primary, #0861ff)}:host([color=success]){--bth-button-bg-color:var(--bth-color-success, #26d07c);--bth-button-text-color:var(--bth-color-success-contrast, #ffffff);--bth-button-border-color:var(--bth-color-success, #26d07c);--bth-button-accent-color:var(--bth-color-success, #26d07c)}:host([color=danger]){--bth-button-bg-color:var(--bth-color-danger, #df4661);--bth-button-text-color:var(--bth-color-danger-contrast, #ffffff);--bth-button-border-color:var(--bth-color-danger, #df4661);--bth-button-accent-color:var(--bth-color-danger, #df4661)}:host([color=warning]){--bth-button-bg-color:var(--bth-color-warning, #f7b500);--bth-button-text-color:var(--bth-color-warning-contrast, #ffffff);--bth-button-border-color:var(--bth-color-warning, #f7b500);--bth-button-accent-color:var(--bth-color-warning, #f7b500)}:host([color=info]){--bth-button-bg-color:var(--bth-color-info, #009cde);--bth-button-text-color:var(--bth-color-info-contrast, #ffffff);--bth-button-border-color:var(--bth-color-info, #009cde);--bth-button-accent-color:var(--bth-color-info, #009cde)}:host([size=xs]){--bth-button-height:var(--bth-control-height-xs, 24px);--bth-button-padding:0 var(--bth-spacing-2x, 8px);--bth-button-font-size:var(--bth-font-size-xs, 0.75rem);--bth-button-radius:var(--bth-radius-xs, 6px)}:host([size=sm]){--bth-button-height:var(--bth-control-height-sm, 32px);--bth-button-padding:0 var(--bth-spacing-3x, 12px);--bth-button-font-size:var(--bth-font-size-sm, 0.8125rem);--bth-button-radius:var(--bth-radius-sm, 8px)}:host([size=md]){--bth-button-height:var(--bth-control-height-md, 40px);--bth-button-padding:0 var(--bth-spacing-5x, 20px);--bth-button-font-size:var(--bth-font-size-md, 0.875rem);--bth-button-radius:var(--bth-radius-md, 10px)}:host([size=lg]){--bth-button-height:var(--bth-control-height-lg, 48px);--bth-button-padding:0 var(--bth-spacing-6x, 24px);--bth-button-font-size:var(--bth-font-size-lg, 1rem);--bth-button-radius:var(--bth-radius-lg, 12px)}:host([size=xl]){--bth-button-height:var(--bth-control-height-xl, 56px);--bth-button-padding:0 var(--bth-spacing-8x, 32px);--bth-button-font-size:var(--bth-font-size-xl, 1.125rem);--bth-button-radius:var(--bth-radius-xl, 14px)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--bth-spacing-2x, 8px);box-sizing:border-box;width:100%;height:var(--bth-button-height);padding:var(--bth-button-padding);border:1px solid var(--bth-button-border-color);border-radius:var(--bth-button-radius);background-color:var(--bth-button-bg-color);color:var(--bth-button-text-color);font-family:var(--bth-font-family, "Geist", sans-serif);font-size:var(--bth-button-font-size);font-weight:var(--bth-font-weight-medium, 500);line-height:var(--bth-line-height-none, 1);white-space:nowrap;cursor:pointer;user-select:none;transition:background-color 0.15s ease, opacity 0.15s ease}.btn:hover{opacity:var(--bth-opacity-hover, 0.88)}.btn:active{opacity:var(--bth-opacity-active, 0.76)}.btn:focus-visible{outline:2px solid var(--bth-button-accent-color);outline-offset:2px}.btn:disabled{opacity:var(--bth-opacity-disabled, 0.5);cursor:not-allowed}:host([variant=outline]),:host([variant=ghost]){--bth-button-bg-color:transparent;--bth-button-text-color:var(--bth-button-accent-color)}:host([variant=ghost]){--bth-button-border-color:transparent}:host([variant=outline]) .btn:not(:disabled):hover,:host([variant=ghost]) .btn:not(:disabled):hover,:host([color=default]) .btn:not(:disabled):hover,:host(:not([color])) .btn:not(:disabled):hover{opacity:1;background-color:color-mix(in srgb, var(--bth-button-accent-color) var(--bth-tint-hover, 10%), transparent)}:host([variant=outline]) .btn:not(:disabled):active,:host([variant=ghost]) .btn:not(:disabled):active,:host([color=default]) .btn:not(:disabled):active,:host(:not([color])) .btn:not(:disabled):active{opacity:1;background-color:color-mix(in srgb, var(--bth-button-accent-color) var(--bth-tint-active, 18%), transparent)}';const d=class{constructor(o){t(this,o)}name;render(){return a("span",{key:"2263cb4f70dea4e88997ffde9bf9fbeaf92dc50a",class:"material-symbols-outlined"},this.name)}};d.style=":host{display:block}bth-icon{display:inline-block;width:var(--bth-icon-font-size, 24px);height:var(--bth-icon-font-size, 24px)}";export{n as bth_alert,l as bth_alert_description,s as bth_alert_title,h as bth_badge,i as bth_button,d as bth_icon}

package/dist/bth-ui/p-svnzPQiH.js

@@ -0,0 +1,3 @@
+function t(t,e,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,e);if(o&&(!n||o.get))return o;t=Object.getPrototypeOf(t)}}var e,n=(e,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[l]])=>{if(31&l||32&l){const l=e[o],i=t(Object.getPrototypeOf(e),o,!0)||Object.getOwnPropertyDescriptor(e,o);i&&Object.defineProperty(e,o,{get(){return i.get.call(this)},set(t){i.set.call(this,t)},configurable:!0,enumerable:!0}),n.l.has(o)?e[o]=n.l.get(o):void 0!==l&&(e[o]=l)}}))},o=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},l=(t,e)=>{e&&(t.__stencil__getHostRef=()=>e,e.i=t,512&e.o.u&&n(t,e))},i=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),r=new Map,c=new Map,u=new Map,a="undefined"!=typeof window?window:{},f={u:0,h:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},d=t=>Promise.resolve(t),h=(()=>{try{return!!a.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),p=!!h&&(()=>!!a.document&&Object.getOwnPropertyDescriptor(a.document.adoptedStyleSheets,"length").writable)(),m=!1,v=[],b=[],y=()=>{var t;return(null==(t=a.document)?void 0:t.hidden)?setTimeout(g,16):f.raf(g)},w=(t,e)=>n=>{t.push(n),m||(m=!0,e&&4&f.u?j(g):y())},$=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},g=()=>{$(v),$(b),(m=v.length>0)&&y()},j=t=>d().then(t),O=w(b,!0);function S(){const t=this.attachShadow({mode:"open"});void 0===e&&(e=null),e&&(p?t.adoptedStyleSheets.push(e):t.adoptedStyleSheets=[...t.adoptedStyleSheets,e])}function k(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}var M,E=new WeakMap,C=t=>"sc-"+t.p,x=t=>"object"==(t=typeof t)||"function"===t,T=(t,e,...n)=>{let o=null,l=null,i=!1,r=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)if(o=e[n],Array.isArray(o))u(o);else if(null!=o&&"boolean"!=typeof o){if(i="function"!=typeof t&&!x(o))o+="";else if("function"!=typeof t&&void 0===o.u){s("Invalid vNode child");continue}i&&r?c[c.length-1].m+=o:c.push(i?A(null,o):o),r=i}};if(u(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const a=A(t,null);return a.v=e,c.length>0&&(a.$=c),a.j=l,a},A=(t,e)=>({u:0,O:t,m:null!=e?e:null,S:null,$:null,v:null,j:null}),L={},R=(t,e)=>null==t||x(t)?t:4&e?"false"!==t&&(""===t||!!t):1&e?t+"":t,D=t=>{var e;return null==(e=o(t))?void 0:e.$hostElement$},H=(t,e)=>{const n=D(t);return{emit:t=>N(n,e,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},N=(t,e,n)=>{const o=f.ce(e,n);return t.dispatchEvent(o),o},P=(t,e,n,l,s,r)=>{if(n===l)return;let c=i(t,e),u=e.toLowerCase();if("class"===e){const e=t.classList,o=V(n);let i=V(l);{let t=o.filter((t=>t&&!i.includes(t)));e.remove(...t),e.add(...i.filter((t=>t&&!o.includes(t))))}}else if("key"===e);else if(c||"o"!==e[0]||"n"!==e[1]){if("a"===e[0]&&e.startsWith("attr:")){const n=e.slice(5);let i;{const e=o(t);if(e&&e.o&&e.o.t){const t=e.o.t[n];t&&t[1]&&(i=t[1])}}return i||(i=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==l||!1===l?!1===l&&""!==t.getAttribute(i)||t.removeAttribute(i):t.setAttribute(i,!0===l?"":l))}if("p"===e[0]&&e.startsWith("prop:")){const n=e.slice(5);try{t[n]=l}catch(t){}return}{const o=x(l);if((c||o&&null!==l)&&!s)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?c=!1:null!=n&&t[e]===o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}null==l||!1===l?(!1!==l||""===t.getAttribute(e)||4&r&&!W(e))&&t.removeAttribute(e):(!c||4&r||s)&&!o&&1===t.nodeType&&t.setAttribute(e,l=!0===l?"":l)}}else if(e="-"===e[2]?e.slice(3):i(a,u)?u.slice(2):u[2]+e.slice(3),n||l){const o=e.endsWith(q);e=e.replace(F,""),n&&f.rel(t,e,n,o),l&&f.ael(t,e,l,o)}},U=new Set(["draggable","contenteditable","spellcheck"]),W=t=>U.has(t)||t.startsWith("aria-"),z=/\s/,V=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(z):[]),q="Capture",F=RegExp(q+"$"),B=(t,e,n)=>{const o=11===e.S.nodeType&&e.S.host?e.S.host:e.S,l=t&&t.v||{},i=e.v||{};for(const t of G(Object.keys(l)))t in i||P(o,t,l[t],void 0,n,e.u);for(const t of G(Object.keys(i)))P(o,t,l[t],i[t],n,e.u)};function G(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var I=!1,Y=!1,Z=(t,e,n)=>{const o=e.$[n];let l,i,s=0;if(null!=o.m)l=o.S=a.document.createTextNode(o.m);else{if(Y||(Y="svg"===o.O),!a.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=o.S=a.document.createElementNS(Y?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.O),Y&&"foreignObject"===o.O&&(Y=!1),B(null,o,Y),o.$){const e="template"===o.O?l.content:l;for(s=0;s<o.$.length;++s)i=Z(t,o,s),i&&e.appendChild(i)}"svg"===o.O?Y=!1:"foreignObject"===l.tagName&&(Y=!0)}return l["s-hn"]=M,l},_=(t,e,n,o,l,i)=>{let s,r=t;for(r.shadowRoot&&r.tagName===M&&(r=r.shadowRoot),"template"===n.O&&(r=r.content);l<=i;++l)o[l]&&(s=Z(null,n,l),s&&(o[l].S=s,X(r,s,e)))},J=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.S;t&&t.remove()}}},K=(t,e,n=!1)=>t.O===e.O&&(n?(n&&!t.j&&e.j&&(t.j=e.j),!0):t.j===e.j),Q=(t,e,n=!1)=>{const o=e.S=t.S,l=t.$,i=e.$,s=e.O,r=e.m;null==r?(Y="svg"===s||"foreignObject"!==s&&Y,"slot"!==s||I||t.k!==e.k&&(e.S["s-sn"]=e.k||"",(t=>{f.u|=1;const e=t.closest(M.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of n?o.reverse():o)null!=t["s-sh"]&&(X(e,t,null!=n?n:null),t["s-sh"]=void 0)}f.u&=-2})(e.S.parentElement)),B(t,e,Y),null!==l&&null!==i?((t,e,n,o,l=!1)=>{let i,s,r=0,c=0,u=0,a=0,f=e.length-1,d=e[0],h=e[f],p=o.length-1,m=o[0],v=o[p];const b="template"===n.O?t.content:t;for(;r<=f&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(K(d,m,l))Q(d,m,l),d=e[++r],m=o[++c];else if(K(h,v,l))Q(h,v,l),h=e[--f],v=o[--p];else if(K(d,v,l))Q(d,v,l),X(b,d.S,h.S.nextSibling),d=e[++r],v=o[--p];else if(K(h,m,l))Q(h,m,l),X(b,h.S,d.S),h=e[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(e[a]&&null!==e[a].j&&e[a].j===m.j){u=a;break}u>=0?(s=e[u],s.O!==m.O?i=Z(e&&e[c],n,c):(Q(s,m,l),e[u]=void 0,i=s.S),m=o[++c]):(i=Z(e&&e[c],n,c),m=o[++c]),i&&X(d.S.parentNode,i,d.S)}r>f?_(t,null==o[p+1]?null:o[p+1].S,n,o,c,p):c>p&&J(e,r,f)})(o,l,e,i,n):null!==i?(null!==t.m&&(o.textContent=""),_(o,null,e,i,0,i.length-1)):!n&&null!==l&&J(l,0,l.length-1),Y&&"svg"===s&&(Y=!1)):t.m!==r&&(o.data=r)},X=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),tt=(t,e)=>{if(e&&!t.M&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.M=()=>{e["s-p"].splice(n-1,1),o()})))}},et=(t,e)=>{if(t.u|=16,4&t.u)return void(t.u|=512);tt(t,t.C);const n=()=>nt(t,e);if(!e)return O(n);queueMicrotask((()=>{n()}))},nt=(t,e)=>{const n=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return e?(t.T.length&&t.T.forEach((t=>t(n))),l=ut(o,"componentWillLoad",void 0,n)):l=ut(o,"componentWillUpdate",void 0,n),l=ot(l,(()=>ut(o,"componentWillRender",void 0,n))),ot(l,(()=>it(t,o,e)))},ot=(t,e)=>lt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),lt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,it=async(t,e,n)=>{var o;const l=t.$hostElement$,i=l["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.u,l=((t,e)=>{var n,o,l;const i=C(e),s=u.get(i);if(!a.document)return i;if(t=11===t.nodeType?t:a.document,s)if("string"==typeof s){let l,r=E.get(t=t.head||t);if(r||E.set(t,r=new Set),!r.has(i)){l=a.document.createElement("style"),l.textContent=s;const c=null!=(n=f.A)?n:k(a.document);if(null!=c&&l.setAttribute("nonce",c),!(1&e.u))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(h){const e=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(s),p?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=s+e.textContent:t.prepend(l)}else t.append(l);1&e.u&&t.insertBefore(l,null),4&e.u&&(l.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),r&&r.add(i)}}else{let e=E.get(t);if(e||E.set(t,e=new Set),!e.has(i)){const n=null!=(l=t.defaultView)?l:t.ownerDocument.defaultView;let o;if(s.constructor===n.CSSStyleSheet)o=s;else{o=new n.CSSStyleSheet;for(let t=0;t<s.cssRules.length;t++)o.insertRule(s.cssRules[t].cssText,t)}p?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],e.add(i)}}return i})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);st(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>rt(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.u|=4,e.length=0)}},st=(t,e,n,o)=>{try{e=e.render(),t.u&=-17,t.u|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.o,i=t.L||A(null,null),s=(t=>t&&t.O===L)(e)?e:T(null,null,e);if(M=o.tagName,l.R&&(s.v=s.v||{},l.R.forEach((([t,e])=>{s.v[e]=o[t]}))),n&&s.v)for(const t of Object.keys(s.v))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(s.v[t]=o[t]);s.O=null,s.u|=4,t.L=s,s.S=i.S=o.shadowRoot||o,I=!(!(1&l.u)||128&l.u),Q(i,s,n)})(t,e,o)}catch(e){s(e,t.$hostElement$)}return null},rt=t=>{const e=t.$hostElement$,n=t.i,o=t.C;ut(n,"componentDidRender",void 0,e),64&t.u?ut(n,"componentDidUpdate",void 0,e):(t.u|=64,at(e),ut(n,"componentDidLoad",void 0,e),t.D(e),o||ct()),t.M&&(t.M(),t.M=void 0),512&t.u&&j((()=>et(t,!1))),t.u&=-517},ct=()=>{j((()=>N(a,"appload",{detail:{namespace:"bth-ui"}})))},ut=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,o)}},at=t=>t.classList.add("hydrated"),ft=(t,e)=>o(t).l.get(e),dt=(t,e,n,l)=>{const i=o(t);if(!i)return;if(!i)throw Error(`Couldn't find host element for "${l.p}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const s=i.l.get(e),r=i.u,c=i.i;if(n=R(n,l.t[e][0]),(!(8&r)||void 0===s)&&n!==s&&(!Number.isNaN(s)||!Number.isNaN(n))&&(i.l.set(e,n),2&r)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,s,e)&&!(16&r))return;16&r||et(i,!1)}},ht=(e,n,l)=>{var i,s;const r=e.prototype;if(n.t){const c=Object.entries(null!=(i=n.t)?i:{});if(c.map((([e,[i]])=>{if(31&i||2&l&&32&i){const{get:s,set:c}=t(r,e)||{};s&&(n.t[e][0]|=2048),c&&(n.t[e][0]|=4096),(1&l||!s)&&Object.defineProperty(r,e,{get(){{if(!(2048&n.t[e][0]))return ft(this,e);const t=o(this);return t?t.i?t.i[e]:ft(this,e):r[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(r,e,{set(t){const s=o(this);if(s){if(c)return void 0===(32&i?this[e]:s.$hostElement$[e])&&s.l.get(e)&&(t=s.l.get(e)),c.call(this,R(t,i)),void dt(this,e,t=32&i?this[e]:s.$hostElement$[e],n);{if(!(1&l&&4096&n.t[e][0]))return void dt(this,e,t,n);const o=R(t,i);if(s.i){const t=s.i[e];!s.l.get(e)&&t&&s.l.set(e,t),s.i[e]=o,dt(this,e,s.i[e],n)}else s.l.set(e,o)}}}})}})),1&l){const t=new Map;r.attributeChangedCallback=function(e,l,i){f.jmp((()=>{var s;const u=t.get(e),a=o(this);if(this.hasOwnProperty(u)&&(i=this[u],delete this[u]),r.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==i)return;if(null==u){const t=null==a?void 0:a.u;if(a&&t&&!(8&t)&&i!==l){const o=a.i,r=null==(s=n.H)?void 0:s[e];null==r||r.forEach((n=>{const[[s,r]]=Object.entries(n);null!=o[s]&&(128&t||1&r)&&o[s].call(o,i,l,e)}))}return}const f=c.find((([t])=>t===u)),d=f?f[1][0]:0,h=4&d;if(512&d&&8&d&&!x(this[u])&&(t=>null==t||!1===t?null:!0===t?"":t+"")(this[u])===i)return;const p=h&&null===i&&void 0===this[u];h&&(i=null!==i&&"false"!==i);const m=Object.getOwnPropertyDescriptor(r,u);p||i==this[u]||m.get&&!m.set||(this[u]=i)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n.H)?s:{}),...c.filter((([t,e])=>31&e[0])).map((([e,o])=>{var l;const i=o[1]||e;return t.set(i,e),512&o[0]&&(null==(l=n.R)||l.push([e,i])),i}))]))}}return e},pt=async(t,e,n)=>{var o;let l;try{if(!(32&e.u)){if(e.u|=32,e.u&=-1025,n.N){const i=((t,e)=>{var n;const o=t.p.replace(/-/g,"_"),l=t.N;if(!l)return;const i=r.get(l);if(i)return i[o];const u=null!=(n=c.get(l))?n:0,a=[u>0?"s-retry="+u:"",""].filter(Boolean).join("&");
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/
+return import(`./${l}.entry.js${a?"?"+a:""}`).then((t=>(c.delete(l),r.set(l,t),t[o])),(t=>{c.set(l,u+1),s(t,e.$hostElement$)}))})(n,e);if(i&&"then"in i){const t=()=>{};l=await i,t()}else l=i;if(!l)throw e.u&=-33,e.P=(null!=(o=e.P)?o:0)+1,e.P<3&&(e.u|=1024),Error(`Constructor for "${n.p}#${e.U}" was not found`);l.isProxied||(ht(l,n,2),l.isProxied=!0);const u=()=>{};e.u|=8;try{new l(e)}catch(e){s(e,t)}e.u&=-9,((t,e)=>{var n;const o=t.i;if(o)for(const[l,[i]]of Object.entries(null!=(n=e.t)?n:{}))if(4096&i&&t.l.has(l)){const e=t.l.get(l);o[l]!==e&&(o[l]=e)}})(e,n),u(),mt(e.i,t)}else l=t.constructor,customElements.whenDefined(t.localName).then((()=>e.u|=128));if(l&&l.style){let t;"string"==typeof l.style&&(t=l.style);const e=C(n);if(!u.has(e)){const o=()=>{};((t,e,n)=>{let o=u.get(t);h&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,u.set(t,o)})(e,t,!!(1&n.u)),o()}}}const i=e.C,a=()=>et(e,!0);i&&i["s-rc"]?i["s-rc"].push(a):a()}catch(n){s(n,t),e.M&&(e.M(),e.M=void 0),!e.D||1024&e.u||e.D(t)}},mt=(t,e)=>{ut(t,"connectedCallback",void 0,e)},vt=(t,e)=>{ut(t,"disconnectedCallback",void 0,e||t)},bt=(t,e={})=>{var n;if(!a.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const l=[],i=e.exclude||[],s=a.customElements,r=a.document.head,c=r.querySelector("meta[charset]"),u=a.document.createElement("style"),d=[];let h,p=!0;if(Object.assign(f,e),f.h=new URL(e.resourcesUrl||"./",a.document.baseURI).href,t.map((t=>{t[1].map((e=>{const n={u:e[0],p:e[1],t:e[2],W:e[3]};n.t=e[2],n.R=[];const r=n.p,c=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(t){if(super(t),((t,e)=>{const n={u:0,$hostElement$:t,o:e,l:new Map,V:new Map};n.q=new Promise((t=>n.D=t)),t["s-p"]=[],t["s-rc"]=[],n.T=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,n),1&n.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.p}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else S.call(t,n)}connectedCallback(){o(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),h&&(clearTimeout(h),h=null),p?d.push(this):f.jmp((()=>(t=>{if(!(1&f.u)){const e=o(t);if(!e)return;const n=e.o,l=()=>{};if(1&e.u)(null==e?void 0:e.i)?mt(e.i,t):1024&e.u?setTimeout((()=>pt(t,e,n)),1e3):(null==e?void 0:e.q)&&e.q.then((()=>mt(e.i,t)));else{e.u|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){tt(e,e.C=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),pt(t,e,n)}l()}})(this))))}disconnectedCallback(){f.jmp((()=>(async t=>{if(!(1&f.u)){const e=o(t);(null==e?void 0:e.i)?vt(e.i,t):(null==e?void 0:e.q)&&e.q.then((()=>vt(e.i,t)))}E.has(t)&&E.delete(t),t.shadowRoot&&E.has(t.shadowRoot)&&E.delete(t.shadowRoot)})(this))),j((()=>{var t;const e=o(this);if(!e)return;const n=d.findIndex((t=>t===this));n>-1&&d.splice(n,1),(null==(t=null==e?void 0:e.L)?void 0:t.S)instanceof Node&&!e.L.S.isConnected&&delete e.L.S}))}componentOnReady(){var t;return null==(t=o(this))?void 0:t.q}};n.N=t[0],i.includes(r)||s.get(r)||(l.push(r),s.define(r,ht(c,n,1)))}))})),l.length>0&&(u.textContent+=l.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",u.innerHTML.length)){u.setAttribute("data-styles","");const t=null!=(n=f.A)?n:k(a.document);null!=t&&u.setAttribute("nonce",t),r.insertBefore(u,c?c.nextSibling:r.firstChild)}p=!1,d.length?d.map((t=>t.connectedCallback())):f.jmp((()=>h=setTimeout(ct,30)))},yt=t=>f.A=t;export{L as H,bt as b,H as c,D as g,T as h,d as p,l as r,yt as s}

package/dist/cjs/app-globals-V2Kpy_OQ.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const globalScripts = () => {};
+
+exports.globalScripts = globalScripts;

package/dist/cjs/bth-alert_6.cjs.entry.js

@@ -0,0 +1,133 @@
+'use strict';
+
+var index = require('./index-UJE5BQI1.js');
+
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+const bthAlertCss = () => `:host{display:block;--bth-alert-bg-color:transparent;--bth-alert-text-color:var(--bth-color-text, #222222);--bth-alert-border-color:var(--bth-color-border, #d1d5db);--bth-alert-accent-color:var(--bth-color-text, #222222)}:host([hidden]){display:none}:host([variant=default]){--bth-alert-bg-color:transparent;--bth-alert-text-color:var(--bth-color-text, #222222);--bth-alert-border-color:var(--bth-color-border, #d1d5db);--bth-alert-accent-color:var(--bth-color-text, #222222)}:host([variant=danger]){--bth-alert-bg-color:var(--bth-color-danger, #df4661);--bth-alert-text-color:var(--bth-color-danger-contrast, #ffffff);--bth-alert-border-color:var(--bth-color-danger, #df4661);--bth-alert-accent-color:var(--bth-color-danger, #df4661)}:host([variant=success]){--bth-alert-bg-color:var(--bth-color-success, #26d07c);--bth-alert-text-color:var(--bth-color-success-contrast, #ffffff);--bth-alert-border-color:var(--bth-color-success, #26d07c);--bth-alert-accent-color:var(--bth-color-success, #26d07c)}:host([variant=warning]){--bth-alert-bg-color:var(--bth-color-warning, #f7b500);--bth-alert-text-color:var(--bth-color-warning-contrast, #ffffff);--bth-alert-border-color:var(--bth-color-warning, #f7b500);--bth-alert-accent-color:var(--bth-color-warning, #f7b500)}:host([variant=info]){--bth-alert-bg-color:var(--bth-color-info, #009cde);--bth-alert-text-color:var(--bth-color-info-contrast, #ffffff);--bth-alert-border-color:var(--bth-color-info, #009cde);--bth-alert-accent-color:var(--bth-color-info, #009cde)}:host([variant]){--bth-alert-bg-color:color-mix(in srgb, var(--bth-alert-accent-color) var(--bth-tint-subtle, 10%), transparent);--bth-alert-text-color:var(--bth-color-text, #222222)}:host([variant=default]){--bth-alert-bg-color:transparent}.alert{display:grid;grid-template-columns:0 1fr auto;align-items:start;box-sizing:border-box;padding:var(--bth-spacing-4x, 16px);border:1px solid var(--bth-alert-border-color);border-radius:var(--bth-radius-md, 10px);background-color:var(--bth-alert-bg-color);color:var(--bth-alert-accent-color);font-family:var(--bth-font-family, "Geist", sans-serif)}.alert--has-icon{grid-template-columns:auto 1fr auto}::slotted([slot=icon]){grid-column:1;grid-row:1/span 2;display:flex;align-items:flex-start;margin-right:var(--bth-spacing-3x, 12px);color:currentColor}.alert-dismiss{grid-column:3;grid-row:1/span 2;display:inline-flex;align-items:center;justify-content:center;width:var(--bth-spacing-6x, 24px);height:var(--bth-spacing-6x, 24px);margin-left:var(--bth-spacing-3x, 12px);padding:0;border:0;border-radius:var(--bth-radius-xs, 6px);background-color:transparent;color:var(--bth-alert-text-color);cursor:pointer;transition:background-color 0.15s ease}.alert-dismiss:hover{background-color:color-mix(in srgb, var(--bth-alert-accent-color) var(--bth-tint-hover, 10%), transparent)}.alert-dismiss:active{background-color:color-mix(in srgb, var(--bth-alert-accent-color) var(--bth-tint-active, 18%), transparent)}.alert-dismiss:focus-visible{outline:2px solid var(--bth-alert-accent-color);outline-offset:2px}`;
+
+const BthAlert = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bthDismiss = index.createEvent(this, "bthDismiss");
+    }
+    get el() { return index.getElement(this); }
+    /** Variante de cor, de acordo com o tipo da mensagem. */
+    variant = 'default';
+    /** Exibe um botão que permite fechar o alerta. */
+    dismissible = false;
+    hasIcon = false;
+    dismissed = false;
+    /** Emitido quando o alerta é fechado pelo botão de fechar. */
+    bthDismiss;
+    componentWillLoad() {
+        this.updateHasIcon();
+    }
+    updateHasIcon = () => {
+        this.hasIcon = !!this.el.querySelector(':scope > [slot="icon"]');
+    };
+    handleDismiss = () => {
+        this.dismissed = true;
+        this.bthDismiss.emit();
+    };
+    render() {
+        return (index.h(index.Host, { key: '92b3322ec6586bea380d12b09b6fc9556db26195', "data-slot": 'alert', hidden: this.dismissed }, index.h("div", { key: 'c897cc5ef279ad1420dc6b73a99087a6900af1d2', class: clsx('alert', this.hasIcon && 'alert--has-icon'), role: 'alert', part: 'alert' }, index.h("slot", { key: 'e87cca48b662e26b04fc486c8f6a2c359de99a15', name: 'icon', onSlotchange: this.updateHasIcon }), index.h("slot", { key: 'dca9b4c45e911bb28632ae419c1b446f302d5333' }), this.dismissible && (index.h("button", { key: '6a044accbc86dcef7f54369e3f8fb7f6071ee918', class: 'alert-dismiss', type: 'button', "aria-label": 'Fechar', part: 'dismiss', onClick: this.handleDismiss }, index.h("svg", { key: 'e3472ad3898665a876270cf92681c05aac2989a2', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', stroke: 'currentColor', "stroke-width": '1.5', "stroke-linecap": 'round', "aria-hidden": 'true' }, index.h("path", { key: '8a11a9e5a1cdb140894c2fc8af356c4318605fdb', d: 'M4 4l8 8M12 4l-8 8' })))))));
+    }
+};
+BthAlert.style = bthAlertCss();
+
+const bthAlertDescriptionCss = () => `:host{display:block;grid-column:2}.alert-description{margin:0;font-family:var(--bth-font-family, "Geist", sans-serif);font-size:var(--bth-font-size-md, 0.875rem);line-height:var(--bth-line-height-normal, 1.45);color:var(--bth-alert-text-color, var(--bth-color-text, #222222))}:host(:not(:first-child)) .alert-description{margin-top:var(--bth-spacing-1x, 4px)}`;
+
+const BthAlertDescription = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: '27e9214204ef24ab0e97c1773127d2876430dad5', "data-slot": 'alert-description' }, index.h("div", { key: '4ccf13a8de497058066c392b141f3a20f113c2e4', class: 'alert-description', part: 'description' }, index.h("slot", { key: '3229468fe358daa760bd6383c4aff6ed26e6504f' }))));
+    }
+};
+BthAlertDescription.style = bthAlertDescriptionCss();
+
+const bthAlertTitleCss = () => `:host{display:block;grid-column:2}.alert-title{margin:0;font-family:var(--bth-font-family, "Geist", sans-serif);font-size:var(--bth-font-size-lg, 1rem);font-weight:var(--bth-font-weight-semibold, 600);line-height:var(--bth-spacing-6x, 24px);color:var(--bth-alert-accent-color, inherit)}`;
+
+const BthAlertTitle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: '0c513e02bcbf0ed3e90f855da9e4d93d3b59818f', "data-slot": 'alert-title' }, index.h("h5", { key: 'df92e7dc279675b15e69c4267e32fdd6c417dc8f', class: 'alert-title', part: 'title' }, index.h("slot", { key: '79fe942452e0d649a5dbe1920aadc0b74fe08e40' }))));
+    }
+};
+BthAlertTitle.style = bthAlertTitleCss();
+
+const bthBadgeCss = () => `:host{display:inline-block;vertical-align:middle;font-size:var(--bth-badge-font-size);--bth-badge-bg-color:transparent;--bth-badge-text-color:var(--bth-color-text, #222222);--bth-badge-border-color:var(--bth-color-border, #d1d5db);--bth-badge-accent-color:var(--bth-color-text, #222222);--bth-badge-font-size:0.75em}:host([color=default]){--bth-badge-bg-color:transparent;--bth-badge-text-color:var(--bth-color-text, #222222);--bth-badge-border-color:var(--bth-color-border, #d1d5db);--bth-badge-accent-color:var(--bth-color-text, #222222)}:host([color=primary]){--bth-badge-bg-color:var(--bth-color-primary, #0861ff);--bth-badge-text-color:var(--bth-color-primary-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-primary, #0861ff);--bth-badge-accent-color:var(--bth-color-primary, #0861ff)}:host([color=success]){--bth-badge-bg-color:var(--bth-color-success, #26d07c);--bth-badge-text-color:var(--bth-color-success-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-success, #26d07c);--bth-badge-accent-color:var(--bth-color-success, #26d07c)}:host([color=danger]){--bth-badge-bg-color:var(--bth-color-danger, #df4661);--bth-badge-text-color:var(--bth-color-danger-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-danger, #df4661);--bth-badge-accent-color:var(--bth-color-danger, #df4661)}:host([color=warning]){--bth-badge-bg-color:var(--bth-color-warning, #f7b500);--bth-badge-text-color:var(--bth-color-warning-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-warning, #f7b500);--bth-badge-accent-color:var(--bth-color-warning, #f7b500)}:host([color=info]){--bth-badge-bg-color:var(--bth-color-info, #009cde);--bth-badge-text-color:var(--bth-color-info-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-info, #009cde);--bth-badge-accent-color:var(--bth-color-info, #009cde)}:host([color=accent]){--bth-badge-bg-color:var(--bth-color-accent, #7740ff);--bth-badge-text-color:var(--bth-color-accent-contrast, #ffffff);--bth-badge-border-color:var(--bth-color-accent, #7740ff);--bth-badge-accent-color:var(--bth-color-accent, #7740ff)}:host([size=xs]){--bth-badge-font-size:0.55em}:host([size=sm]){--bth-badge-font-size:0.65em}:host([size=md]){--bth-badge-font-size:0.75em}:host([size=lg]){--bth-badge-font-size:0.875em}:host([size=xl]){--bth-badge-font-size:1em}.badge{display:inline-flex;align-items:center;justify-content:center;gap:0.35em;box-sizing:border-box;padding:0.3em 0.7em;border:1px solid var(--bth-badge-border-color);border-radius:0.5em;background-color:var(--bth-badge-bg-color);color:var(--bth-badge-text-color);font-family:var(--bth-font-family, "Geist", sans-serif);font-size:1em;font-weight:var(--bth-font-weight-medium, 500);line-height:var(--bth-line-height-tight, 1.2);letter-spacing:normal;white-space:nowrap}:host([variant=subtle]),:host([variant=outline]){--bth-badge-bg-color:transparent;--bth-badge-text-color:var(--bth-badge-accent-color)}:host([variant=subtle]){--bth-badge-bg-color:color-mix(in srgb, var(--bth-badge-accent-color) var(--bth-tint-subtle, 10%), transparent);--bth-badge-border-color:transparent}`;
+
+const BthBadge = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** Estilo visual: `solid` é preenchido, `subtle` tem um fundo suave e `outline` tem só a borda. */
+    variant = 'solid';
+    /** Cor do badge. */
+    color = 'default';
+    /** Tamanho do badge, proporcional ao tamanho da fonte do contexto onde ele está. */
+    size = 'md';
+    render() {
+        return (index.h(index.Host, { key: '845476bdaa75c6e1e90b97c14e9055b02a1fef60', "data-slot": 'badge' }, index.h("span", { key: 'f18a3a971b47b1a6c80131b71278a5c66cbe39b1', class: 'badge', part: 'badge' }, index.h("slot", { key: 'e296ee90d002f0a25d7bf7fb7aaa3ebfe4952d7f' }))));
+    }
+};
+BthBadge.style = bthBadgeCss();
+
+const bthButtonCss = () => `:host{display:inline-block;vertical-align:middle;--bth-button-bg-color:transparent;--bth-button-text-color:var(--bth-color-text, #222222);--bth-button-border-color:var(--bth-color-border, #d1d5db);--bth-button-accent-color:var(--bth-color-text, #222222);--bth-button-height:var(--bth-control-height-md, 40px);--bth-button-padding:0 var(--bth-spacing-5x, 20px);--bth-button-font-size:var(--bth-font-size-md, 0.875rem);--bth-button-radius:var(--bth-radius-md, 10px)}:host([color=default]){--bth-button-bg-color:transparent;--bth-button-text-color:var(--bth-color-text, #222222);--bth-button-border-color:var(--bth-color-border, #d1d5db);--bth-button-accent-color:var(--bth-color-text, #222222)}:host([color=primary]){--bth-button-bg-color:var(--bth-color-primary, #0861ff);--bth-button-text-color:var(--bth-color-primary-contrast, #ffffff);--bth-button-border-color:var(--bth-color-primary, #0861ff);--bth-button-accent-color:var(--bth-color-primary, #0861ff)}:host([color=success]){--bth-button-bg-color:var(--bth-color-success, #26d07c);--bth-button-text-color:var(--bth-color-success-contrast, #ffffff);--bth-button-border-color:var(--bth-color-success, #26d07c);--bth-button-accent-color:var(--bth-color-success, #26d07c)}:host([color=danger]){--bth-button-bg-color:var(--bth-color-danger, #df4661);--bth-button-text-color:var(--bth-color-danger-contrast, #ffffff);--bth-button-border-color:var(--bth-color-danger, #df4661);--bth-button-accent-color:var(--bth-color-danger, #df4661)}:host([color=warning]){--bth-button-bg-color:var(--bth-color-warning, #f7b500);--bth-button-text-color:var(--bth-color-warning-contrast, #ffffff);--bth-button-border-color:var(--bth-color-warning, #f7b500);--bth-button-accent-color:var(--bth-color-warning, #f7b500)}:host([color=info]){--bth-button-bg-color:var(--bth-color-info, #009cde);--bth-button-text-color:var(--bth-color-info-contrast, #ffffff);--bth-button-border-color:var(--bth-color-info, #009cde);--bth-button-accent-color:var(--bth-color-info, #009cde)}:host([size=xs]){--bth-button-height:var(--bth-control-height-xs, 24px);--bth-button-padding:0 var(--bth-spacing-2x, 8px);--bth-button-font-size:var(--bth-font-size-xs, 0.75rem);--bth-button-radius:var(--bth-radius-xs, 6px)}:host([size=sm]){--bth-button-height:var(--bth-control-height-sm, 32px);--bth-button-padding:0 var(--bth-spacing-3x, 12px);--bth-button-font-size:var(--bth-font-size-sm, 0.8125rem);--bth-button-radius:var(--bth-radius-sm, 8px)}:host([size=md]){--bth-button-height:var(--bth-control-height-md, 40px);--bth-button-padding:0 var(--bth-spacing-5x, 20px);--bth-button-font-size:var(--bth-font-size-md, 0.875rem);--bth-button-radius:var(--bth-radius-md, 10px)}:host([size=lg]){--bth-button-height:var(--bth-control-height-lg, 48px);--bth-button-padding:0 var(--bth-spacing-6x, 24px);--bth-button-font-size:var(--bth-font-size-lg, 1rem);--bth-button-radius:var(--bth-radius-lg, 12px)}:host([size=xl]){--bth-button-height:var(--bth-control-height-xl, 56px);--bth-button-padding:0 var(--bth-spacing-8x, 32px);--bth-button-font-size:var(--bth-font-size-xl, 1.125rem);--bth-button-radius:var(--bth-radius-xl, 14px)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--bth-spacing-2x, 8px);box-sizing:border-box;width:100%;height:var(--bth-button-height);padding:var(--bth-button-padding);border:1px solid var(--bth-button-border-color);border-radius:var(--bth-button-radius);background-color:var(--bth-button-bg-color);color:var(--bth-button-text-color);font-family:var(--bth-font-family, "Geist", sans-serif);font-size:var(--bth-button-font-size);font-weight:var(--bth-font-weight-medium, 500);line-height:var(--bth-line-height-none, 1);white-space:nowrap;cursor:pointer;user-select:none;transition:background-color 0.15s ease, opacity 0.15s ease}.btn:hover{opacity:var(--bth-opacity-hover, 0.88)}.btn:active{opacity:var(--bth-opacity-active, 0.76)}.btn:focus-visible{outline:2px solid var(--bth-button-accent-color);outline-offset:2px}.btn:disabled{opacity:var(--bth-opacity-disabled, 0.5);cursor:not-allowed}:host([variant=outline]),:host([variant=ghost]){--bth-button-bg-color:transparent;--bth-button-text-color:var(--bth-button-accent-color)}:host([variant=ghost]){--bth-button-border-color:transparent}:host([variant=outline]) .btn:not(:disabled):hover,:host([variant=ghost]) .btn:not(:disabled):hover,:host([color=default]) .btn:not(:disabled):hover,:host(:not([color])) .btn:not(:disabled):hover{opacity:1;background-color:color-mix(in srgb, var(--bth-button-accent-color) var(--bth-tint-hover, 10%), transparent)}:host([variant=outline]) .btn:not(:disabled):active,:host([variant=ghost]) .btn:not(:disabled):active,:host([color=default]) .btn:not(:disabled):active,:host(:not([color])) .btn:not(:disabled):active{opacity:1;background-color:color-mix(in srgb, var(--bth-button-accent-color) var(--bth-tint-active, 18%), transparent)}`;
+
+const BthButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    /** Estilo visual: `default` é preenchido, `outline` tem só a borda e `ghost` tem só o texto. */
+    variant = 'default';
+    /** Desabilita o botão e impede a interação. */
+    disabled = false;
+    /** Tamanho do botão. */
+    size = 'md';
+    /** Cor do botão. */
+    color = 'default';
+    /** Tipo do botão nativo. `submit` e `reset` atuam sobre o formulário pai. */
+    type = 'button';
+    // The native button lives in the shadow DOM, so it can't reach the form by itself
+    handleClick = () => {
+        const form = this.el.closest('form');
+        if (!form)
+            return;
+        if (this.type === 'submit')
+            form.requestSubmit();
+        if (this.type === 'reset')
+            form.reset();
+    };
+    render() {
+        return (index.h(index.Host, { key: 'e9e2ad1c81a5fdb14df799afbd9be974e2425363' }, index.h("button", { key: '6a470817658a809b1c7cc665e5de4e072d25b805', class: "btn", type: this.type, disabled: this.disabled, onClick: this.handleClick }, index.h("slot", { key: '63bc7cf6129a9375dca03f8daa83ef04965b6602' }))));
+    }
+};
+BthButton.style = bthButtonCss();
+
+const bthIconCss = () => `:host{display:block}bth-icon{display:inline-block;width:var(--bth-icon-font-size, 24px);height:var(--bth-icon-font-size, 24px)}`;
+
+const BthIcon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** Nome do ícone na fonte Material Symbols Outlined, como `info` ou `check_circle`. */
+    name;
+    render() {
+        return (index.h("span", { key: '2263cb4f70dea4e88997ffde9bf9fbeaf92dc50a', class: 'material-symbols-outlined' }, this.name));
+    }
+};
+BthIcon.style = bthIconCss();
+
+exports.bth_alert = BthAlert;
+exports.bth_alert_description = BthAlertDescription;
+exports.bth_alert_title = BthAlertTitle;
+exports.bth_badge = BthBadge;
+exports.bth_button = BthButton;
+exports.bth_icon = BthIcon;

package/dist/cjs/bth-ui.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var index = require('./index-UJE5BQI1.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.45.2 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('bth-ui.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["bth-alert_6.cjs",[[769,"bth-alert",{"variant":[513],"dismissible":[4],"hasIcon":[32],"dismissed":[32]}],[257,"bth-alert-description"],[257,"bth-alert-title"],[769,"bth-badge",{"variant":[513],"color":[513],"size":[513]}],[769,"bth-button",{"variant":[513],"disabled":[516],"size":[513],"color":[513],"type":[1]}],[512,"bth-icon",{"name":[1]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;