@andespindola/ui-core 0.1.1 → 0.3.0

package/dist/components/ui-slider.js

@@ -1 +1 @@
-import{t as r,p as e,H as i,c as s,h as a,a as t}from"./index.js";const n=e(class extends i{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.uiInput=s(this,"uiInput"),this.uiChange=s(this,"uiChange"),this.value=50,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.onInput=r=>{const e=Number(r.target.value);this.value=e,this.uiInput.emit(e)},this.onChange=r=>{this.uiChange.emit(Number(r.target.value))}}render(){return a(t,{key:"08226142947909bff3ccecd5fc780d75515c2ee2"},a("input",{key:"192bd60cd8b0c1e8d6029272fd317c0d786b36ca",class:"slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled,onInput:this.onInput,onChange:this.onChange}))}static get style(){return":host{display:block}.slider{width:100%;height:1.25rem;margin:0;background:transparent;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none}.slider:disabled{opacity:0.5;pointer-events:none}.slider::-webkit-slider-runnable-track{height:0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-chip)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.125rem;height:1.125rem;margin-top:-0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-accent);box-shadow:var(--ui-shadow-sm);transition:transform var(--ui-duration) var(--ui-ease)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.slider::-moz-range-track{height:0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-chip)}.slider::-moz-range-progress{height:0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-accent)}.slider::-moz-range-thumb{width:1.125rem;height:1.125rem;border:none;border-radius:var(--ui-radius-full);background:var(--ui-accent);box-shadow:var(--ui-shadow-sm);transition:transform var(--ui-duration) var(--ui-ease)}.slider::-moz-range-thumb:hover{transform:scale(1.1)}.slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}"}},[1,"ui-slider",{value:[1026],min:[2],max:[2],step:[2],disabled:[4]}]);function u(){"undefined"!=typeof customElements&&["ui-slider"].forEach((e=>{"ui-slider"===e&&(customElements.get(r(e))||customElements.define(r(e),n))}))}u();const d=n,o=u;export{d as UiSlider,o as defineCustomElement}
+import{t as r,p as e,H as i,c as s,h as a,a as t}from"./index.js";const n=e(class extends i{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.uiInput=s(this,"uiInput"),this.uiChange=s(this,"uiChange"),this.value=50,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.onInput=r=>{const e=Number(r.target.value);this.value=e,this.uiInput.emit(e)},this.onChange=r=>{this.uiChange.emit(Number(r.target.value))}}render(){return a(t,{key:"eeb569c6927ebcda5c1702c8bdbade3e15ede9c2"},a("input",{key:"1fd45574a52ed9d857941c870650995f092283f8",class:"slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled,onInput:this.onInput,onChange:this.onChange}))}static get style(){return":host{display:block}.slider{width:100%;height:1.25rem;margin:0;background:transparent;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none}.slider:disabled{opacity:0.5;pointer-events:none}.slider::-webkit-slider-runnable-track{height:0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-chip)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.125rem;height:1.125rem;margin-top:-0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-accent);box-shadow:var(--ui-shadow-sm);transition:transform var(--ui-duration) var(--ui-ease)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.slider::-moz-range-track{height:0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-chip)}.slider::-moz-range-progress{height:0.375rem;border-radius:var(--ui-radius-full);background:var(--ui-accent)}.slider::-moz-range-thumb{width:1.125rem;height:1.125rem;border:none;border-radius:var(--ui-radius-full);background:var(--ui-accent);box-shadow:var(--ui-shadow-sm);transition:transform var(--ui-duration) var(--ui-ease)}.slider::-moz-range-thumb:hover{transform:scale(1.1)}.slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}"}},[1,"ui-slider",{value:[1026],min:[2],max:[2],step:[2],disabled:[4]}]);function u(){"undefined"!=typeof customElements&&["ui-slider"].forEach((e=>{"ui-slider"===e&&(customElements.get(r(e))||customElements.define(r(e),n))}))}u();const d=n,o=u;export{d as UiSlider,o as defineCustomElement}

package/dist/components/ui-spinner.js

@@ -1 +1 @@
-import{U as o,d as s}from"./p-Bz9HyboB.js";const p=o,r=s;export{p as UiSpinner,r as defineCustomElement}
+import{U as o,d as s}from"./p-DUT2Q8Df.js";const p=o,r=s;export{p as UiSpinner,r as defineCustomElement}

package/dist/components/ui-stack.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UiStack extends Components.UiStack, HTMLElement {}
+export const UiStack: {
+    prototype: UiStack;
+    new (): UiStack;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ui-stack.js

@@ -0,0 +1 @@
+import{t,p as e,H as s,h as a,a as c}from"./index.js";const r={xs:"0.25rem",sm:"0.5rem",md:"1rem",lg:"1.5rem",xl:"2rem"},n={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch"},i={start:"flex-start",center:"center",end:"flex-end",between:"space-between"},l=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.direction="vertical",this.gap="md",this.align="stretch",this.justify="start",this.wrap=!1}render(){return a(c,{key:"f10c42228c323efa8c5ded4e8ca552e38d1ef923"},a("div",{key:"c296191b05e5ad4e9fdec382808b24b6e798867d",class:"stack",style:{flexDirection:"horizontal"===this.direction?"row":"column",gap:r[this.gap],alignItems:n[this.align],justifyContent:i[this.justify],flexWrap:this.wrap?"wrap":"nowrap"}},a("slot",{key:"8cc418111a0833cf404e0578e81c23f9aaa69fda"})))}static get style(){return":host{display:block}.stack{display:flex;font-family:var(--ui-font-sans)}"}},[257,"ui-stack",{direction:[1],gap:[1],align:[1],justify:[1],wrap:[4]}]);function o(){"undefined"!=typeof customElements&&["ui-stack"].forEach((e=>{"ui-stack"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}o();const f=l,d=o;export{f as UiStack,d as defineCustomElement}

package/dist/components/ui-stat.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UiStat extends Components.UiStat, HTMLElement {}
+export const UiStat: {
+    prototype: UiStat;
+    new (): UiStat;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ui-stat.js

@@ -0,0 +1 @@
+import{t as e,p as a,H as r,h as t,a as i}from"./index.js";const s=a(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.trend="neutral"}renderArrow(){return"down"===this.trend?t("svg",{width:"10",height:"10",viewBox:"0 0 12 12",fill:"currentColor","aria-hidden":"true"},t("path",{d:"M6 11 1 4h10z"})):"up"===this.trend?t("svg",{width:"10",height:"10",viewBox:"0 0 12 12",fill:"currentColor","aria-hidden":"true"},t("path",{d:"M6 1 11 8H1z"})):null}render(){return t(i,{key:"d4d0f5f87e9049b60b849afa096438bb5defa710"},t("div",{key:"9dbd07ca51110a52ea852894401b0908b4cf7d30",class:"card"},t("p",{key:"41e30e19f7ca5d26df13381e34a6c6a87ca530ce",class:"label"},this.label),t("div",{key:"40c72d2e2bda9fb9017a52eec04737c673910ea3",class:"value-row"},t("span",{key:"b217030e5603cd2c0e0a99913461e83047a73378",class:"value"},this.value),this.delta&&t("span",{key:"df0a67ef011043f334512a43c1a6fb1ac9bb6978",class:{delta:!0,["trend-"+this.trend]:!0}},this.renderArrow(),this.delta)),t("div",{key:"3e4fb6a69cf7b22d2a1f60f28f5f5747f900165a",class:"extra"},t("slot",{key:"97237fcf1fc5c46a30426728c0f240cab4808541"}))))}static get style(){return":host{display:block}.card{display:flex;flex-direction:column;gap:0.5rem;padding:1.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-panel);backdrop-filter:blur(22px);font-family:var(--ui-font-sans)}.label{margin:0;text-transform:uppercase;letter-spacing:0.08em;font-size:0.7rem;font-weight:500;color:var(--ui-text-faint)}.value-row{display:flex;align-items:baseline;gap:0.625rem}.value{font-size:1.875rem;font-weight:600;line-height:1.1;color:var(--ui-foreground)}.delta{display:inline-flex;align-items:center;gap:0.25rem;padding:0.125rem 0.5rem;border-radius:var(--ui-radius-full);font-size:0.75rem;font-weight:600}.delta svg{display:block}.trend-up{color:var(--ui-success);background:color-mix(in srgb, var(--ui-success) 14%, transparent)}.trend-down{color:var(--ui-danger);background:color-mix(in srgb, var(--ui-danger) 14%, transparent)}.trend-neutral{color:var(--ui-text-muted);background:var(--ui-chip)}.extra{font-size:0.8125rem;color:var(--ui-text-muted)}"}},[257,"ui-stat",{label:[1],value:[1],delta:[1],trend:[1]}]);function d(){"undefined"!=typeof customElements&&["ui-stat"].forEach((a=>{"ui-stat"===a&&(customElements.get(e(a))||customElements.define(e(a),s))}))}d();const n=s,l=d;export{n as UiStat,l as defineCustomElement}

package/dist/components/ui-switch.js

@@ -1 +1 @@
-import{t,p as i,H as e,c as s,h as r,a}from"./index.js";const o=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.uiChange=s(this,"uiChange"),this.checked=!1,this.disabled=!1,this.toggle=()=>{this.disabled||(this.checked=!this.checked,this.uiChange.emit(this.checked))},this.onKeyDown=t=>{" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),this.toggle())}}render(){return r(a,{key:"0650dcb564622448421a576b17093cfeeb7a3a6d"},r("button",{key:"09e705ce9642f4c11b84bc876577b9e55dab1e52",class:"switch",type:"button",role:"switch","aria-checked":this.checked?"true":"false",disabled:this.disabled,onClick:this.toggle,onKeyDown:this.onKeyDown},r("span",{key:"d237bee4724d5f9a199f4794217d1528c074caac",class:"thumb"})))}static get style(){return':host{display:inline-flex}.switch{position:relative;width:2.75rem;height:1.5rem;padding:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease)}.switch:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.switch[aria-checked="true"]{background:var(--ui-accent);border-color:var(--ui-accent)}.switch:disabled{opacity:0.5;pointer-events:none}.thumb{position:absolute;top:50%;left:0.125rem;width:1.25rem;height:1.25rem;border-radius:9999px;background:var(--ui-on-status);box-shadow:var(--ui-shadow-sm);transform:translateY(-50%);transition:transform var(--ui-duration) var(--ui-ease)}.switch[aria-checked="true"] .thumb{transform:translate(1.25rem, -50%)}'}},[1,"ui-switch",{checked:[1540],disabled:[4]}]);function n(){"undefined"!=typeof customElements&&["ui-switch"].forEach((i=>{"ui-switch"===i&&(customElements.get(t(i))||customElements.define(t(i),o))}))}n();const c=o,u=n;export{c as UiSwitch,u as defineCustomElement}
+import{t,p as i,H as e,c as s,h as r,a}from"./index.js";const o=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.uiChange=s(this,"uiChange"),this.checked=!1,this.disabled=!1,this.toggle=()=>{this.disabled||(this.checked=!this.checked,this.uiChange.emit(this.checked))},this.onKeyDown=t=>{" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),this.toggle())}}render(){return r(a,{key:"428fb05e4d51811bca60b1e3513c38002bcdd6f7"},r("button",{key:"39192341845fd5877a6a73f3c7ef8257a526601e",class:"switch",type:"button",role:"switch","aria-checked":this.checked?"true":"false",disabled:this.disabled,onClick:this.toggle,onKeyDown:this.onKeyDown},r("span",{key:"51fa9f37d6e7083e8aaf4de69e234dbb56bc4c8b",class:"thumb"})))}static get style(){return':host{display:inline-flex}.switch{position:relative;width:2.75rem;height:1.5rem;padding:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease)}.switch:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.switch[aria-checked="true"]{background:var(--ui-accent);border-color:var(--ui-accent)}.switch:disabled{opacity:0.5;pointer-events:none}.thumb{position:absolute;top:50%;left:0.125rem;width:1.25rem;height:1.25rem;border-radius:9999px;background:var(--ui-on-status);box-shadow:var(--ui-shadow-sm);transform:translateY(-50%);transition:transform var(--ui-duration) var(--ui-ease)}.switch[aria-checked="true"] .thumb{transform:translate(1.25rem, -50%)}'}},[1,"ui-switch",{checked:[1540],disabled:[4]}]);function n(){"undefined"!=typeof customElements&&["ui-switch"].forEach((i=>{"ui-switch"===i&&(customElements.get(t(i))||customElements.define(t(i),o))}))}n();const c=o,u=n;export{c as UiSwitch,u as defineCustomElement}

package/dist/components/ui-table.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UiTable extends Components.UiTable, HTMLElement {}
+export const UiTable: {
+    prototype: UiTable;
+    new (): UiTable;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ui-table.js

@@ -0,0 +1 @@
+import{t as e,p as t,H as a,h as r,a as d}from"./index.js";const s=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.columns=[],this.rows=[],this.striped=!1,this.hoverable=!0}render(){return r(d,{key:"e62b59e8da83f4b9f0c3d622623bbe216d3cfb8f"},r("div",{key:"e46a0eeeedaa9efa10867a9e38a03514a6d23d0b",class:"wrapper"},r("table",{key:"fe0a34ee49101b57d74e0e2ad765861bf5e3509e",class:{table:!0,striped:this.striped,hoverable:this.hoverable}},r("thead",{key:"0ea948edf967524a5fc55df8bdc453a3fd6a58a4"},r("tr",{key:"69d9be2deeb57d4811ebdb8714d0713d675c8c1e"},this.columns.map((e=>r("th",{key:e.key,style:{textAlign:e.align??"left"}},e.label))))),r("tbody",{key:"4b0fa5fbc25f6f0952da9a85bd03289f24ffdf9a"},this.rows.map(((e,t)=>r("tr",{key:t},this.columns.map((t=>r("td",{key:t.key,style:{textAlign:t.align??"left"}},(e[t.key]??"")+""))))))))))}static get style(){return":host{display:block}.wrapper{overflow:hidden;border:1px solid var(--ui-border);background:var(--ui-panel);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px) saturate(140%);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-sans)}.table{width:100%;border-collapse:collapse}.table thead th{padding:0.75rem 1rem;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--ui-text-faint);background:var(--ui-chip)}.table tbody td{padding:0.75rem 1rem;font-size:0.875rem;color:var(--ui-text-soft)}.table tbody tr{border-top:1px solid var(--ui-border)}.table.striped tbody tr:nth-child(even){background:color-mix(in srgb, var(--ui-chip) 50%, transparent)}.table.hoverable tbody tr:hover{background:var(--ui-chip)}"}},[1,"ui-table",{columns:[16],rows:[16],striped:[4],hoverable:[4]}]);function o(){"undefined"!=typeof customElements&&["ui-table"].forEach((t=>{"ui-table"===t&&(customElements.get(e(t))||customElements.define(e(t),s))}))}o();const i=s,b=o;export{i as UiTable,b as defineCustomElement}

package/dist/components/ui-tabs.js

@@ -1 +1 @@
-import{t as a,p as e,H as t,c as r,h as i,a as s}from"./index.js";const o=e(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.uiChange=r(this,"uiChange"),this.value="",this.items=[],this.select=a=>{a!==this.value&&(this.value=a,this.uiChange.emit(a))}}render(){return i(s,{key:"8828dc9385a8c206a751e39fda9869116dda3001"},i("div",{key:"8e13dc53f1c03da5a52adb8ec86da91c78c502b2",class:"tablist",role:"tablist"},this.items.map((a=>{const e=a.value===this.value;return i("button",{key:a.value,class:{tab:!0,active:e},type:"button",role:"tab","aria-selected":e?"true":"false",onClick:()=>this.select(a.value)},a.label)}))),i("div",{key:"1e46e18417426af6053490cde8e7637e4bae7855",class:"panel",role:"tabpanel"},i("slot",{key:"efb63794fca013a54a1b2f261c4a72cd18ce3ef0",name:this.value})))}static get style(){return":host{display:block;font-family:var(--ui-font-sans)}.tablist{display:inline-flex;gap:0.25rem;padding:0.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip)}.tab{appearance:none;border:none;padding:0.375rem 0.875rem;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-text-muted);font:inherit;font-size:0.875rem;font-weight:500;cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease),     color var(--ui-duration) var(--ui-ease)}.tab:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.tab:hover:not(.active){color:var(--ui-foreground)}.tab.active{background:var(--ui-panel-strong);color:var(--ui-foreground);box-shadow:var(--ui-shadow-sm)}.panel{margin-top:1.25rem;color:var(--ui-text-soft);font-size:0.9375rem;line-height:1.5}"}},[257,"ui-tabs",{value:[1537],items:[16]}]);function n(){"undefined"!=typeof customElements&&["ui-tabs"].forEach((e=>{"ui-tabs"===e&&(customElements.get(a(e))||customElements.define(a(e),o))}))}n();const u=o,c=n;export{u as UiTabs,c as defineCustomElement}
+import{t as e,p as t,H as a,c as r,h as i,a as s}from"./index.js";const o=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uiChange=r(this,"uiChange"),this.value="",this.items=[],this.select=e=>{e!==this.value&&(this.value=e,this.uiChange.emit(e))}}render(){return i(s,{key:"498d6b8302e63ed96533c7d68f4ac00c06b513cb"},i("div",{key:"20699e632c2596a7157dd69e0f77b7db75b8b40e",class:"tablist",role:"tablist"},this.items.map((e=>{const t=e.value===this.value;return i("button",{key:e.value,class:{tab:!0,active:t},type:"button",role:"tab","aria-selected":t?"true":"false",onClick:()=>this.select(e.value)},e.label)}))),i("div",{key:"d4d5577f928378d8e400779954831fd5f6416c04",class:"panel",role:"tabpanel"},i("slot",{key:"77e86a40c41666945704a560222edd22cd92443f",name:this.value})))}static get style(){return":host{display:block;font-family:var(--ui-font-sans)}.tablist{display:inline-flex;gap:0.25rem;padding:0.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip)}.tab{appearance:none;border:none;padding:0.375rem 0.875rem;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-text-muted);font:inherit;font-size:0.875rem;font-weight:500;cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease),     color var(--ui-duration) var(--ui-ease)}.tab:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.tab:hover:not(.active){color:var(--ui-foreground)}.tab.active{background:var(--ui-panel-strong);color:var(--ui-foreground);box-shadow:var(--ui-shadow-sm)}.panel{margin-top:1.25rem;color:var(--ui-text-soft);font-size:0.9375rem;line-height:1.5}"}},[257,"ui-tabs",{value:[1537],items:[16]}]);function n(){"undefined"!=typeof customElements&&["ui-tabs"].forEach((t=>{"ui-tabs"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}n();const u=o,d=n;export{u as UiTabs,d as defineCustomElement}

package/dist/components/ui-textarea.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,c as r,h as a,a as s}from"./index.js";const o=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uiInput=r(this,"uiInput"),this.uiChange=r(this,"uiChange"),this.value="",this.disabled=!1,this.invalid=!1,this.rows=4,this.onInput=e=>{const t=e.target;this.value=t.value,this.uiInput.emit(t.value)},this.onChange=e=>{this.uiChange.emit(e.target.value)}}render(){return a(s,{key:"f0bafb6320cd48642dac3b5f1e07399f88a78b03"},a("textarea",{key:"fc99c0b899dd17477928b9f38273fd822d46935b",class:{textarea:!0,invalid:this.invalid},name:this.name,rows:this.rows,placeholder:this.placeholder,disabled:this.disabled,"aria-invalid":this.invalid?"true":null,onInput:this.onInput,onChange:this.onChange},this.value))}static get style(){return":host{display:block}.textarea{width:100%;min-height:7rem;padding:0.75rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;line-height:1.5;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;resize:vertical}.textarea::placeholder{color:var(--ui-text-faint)}.textarea:hover:not(:disabled){border-color:var(--ui-border-strong)}.textarea:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.textarea:disabled{opacity:0.5;pointer-events:none}.textarea.invalid{border-color:var(--ui-danger)}.textarea.invalid:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}"}},[1,"ui-textarea",{value:[1025],placeholder:[1],disabled:[4],invalid:[4],name:[1],rows:[2]}]);function n(){"undefined"!=typeof customElements&&["ui-textarea"].forEach((t=>{"ui-textarea"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}n();const d=o,l=n;export{d as UiTextarea,l as defineCustomElement}
+import{t as e,p as t,H as a,c as i,h as r,a as s}from"./index.js";const o=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uiInput=i(this,"uiInput"),this.uiChange=i(this,"uiChange"),this.value="",this.disabled=!1,this.invalid=!1,this.rows=4,this.onInput=e=>{const t=e.target;this.value=t.value,this.uiInput.emit(t.value)},this.onChange=e=>{this.uiChange.emit(e.target.value)}}render(){return r(s,{key:"4134da9c40b56d7a690aacf84f285d32c76e0e97"},r("textarea",{key:"ed094856a7982bb44cc2a6b756daf5ee12f57c01",class:{textarea:!0,invalid:this.invalid},name:this.name,rows:this.rows,placeholder:this.placeholder,disabled:this.disabled,"aria-invalid":this.invalid?"true":null,onInput:this.onInput,onChange:this.onChange},this.value))}static get style(){return":host{display:block}.textarea{width:100%;min-height:7rem;padding:0.75rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;line-height:1.5;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;resize:vertical}.textarea::placeholder{color:var(--ui-text-faint)}.textarea:hover:not(:disabled){border-color:var(--ui-border-strong)}.textarea:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.textarea:disabled{opacity:0.5;pointer-events:none}.textarea.invalid{border-color:var(--ui-danger)}.textarea.invalid:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}"}},[1,"ui-textarea",{value:[1025],placeholder:[1],disabled:[4],invalid:[4],name:[1],rows:[2]}]);function n(){"undefined"!=typeof customElements&&["ui-textarea"].forEach((t=>{"ui-textarea"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}n();const d=o,l=n;export{d as UiTextarea,l as defineCustomElement}

package/dist/components/ui-theme-toggle.js

@@ -1 +1 @@
-import{t as e,p as i,H as t,c as r,h as n,a as o}from"./index.js";const s="ui-theme",a=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uiThemeChange=r(this,"uiThemeChange"),this.isDark=!1,this.toggle=()=>{if(this.isDark=!this.isDark,"undefined"!=typeof window)try{window.localStorage.setItem(s,this.isDark?"dark":"light")}catch{}this.applyTheme(),this.uiThemeChange.emit(this.isDark?"dark":"light")}}connectedCallback(){this.isDark=this.resolveInitialTheme(),this.applyTheme()}resolveInitialTheme(){if("undefined"==typeof window)return!1;try{const e=window.localStorage.getItem(s);if("dark"===e)return!0;if("light"===e)return!1}catch{}return"function"==typeof window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}applyTheme(){"undefined"!=typeof document&&document.documentElement.classList.toggle("dark",this.isDark)}renderIcon(){return this.isDark?n("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},n("path",{d:"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"})):n("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},n("circle",{cx:"12",cy:"12",r:"4"}),n("line",{x1:"12",y1:"2",x2:"12",y2:"4"}),n("line",{x1:"12",y1:"20",x2:"12",y2:"22"}),n("line",{x1:"2",y1:"12",x2:"4",y2:"12"}),n("line",{x1:"20",y1:"12",x2:"22",y2:"12"}),n("line",{x1:"4.93",y1:"4.93",x2:"6.34",y2:"6.34"}),n("line",{x1:"17.66",y1:"17.66",x2:"19.07",y2:"19.07"}),n("line",{x1:"4.93",y1:"19.07",x2:"6.34",y2:"17.66"}),n("line",{x1:"17.66",y1:"6.34",x2:"19.07",y2:"4.93"}))}render(){return n(o,{key:"6b55c31df3938ab37336e4e4c4ed90e9b149a440"},n("button",{key:"7640122c47871bc67aad6f74b59229219fdb348b",class:"toggle",type:"button","aria-label":this.isDark?"Ativar tema claro":"Ativar tema escuro","aria-pressed":this.isDark?"true":"false",onClick:this.toggle},this.renderIcon()))}static get style(){return":host{display:inline-flex}.toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);color:var(--ui-foreground);cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease),     color var(--ui-duration) var(--ui-ease)}.toggle:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.toggle:hover{color:var(--ui-accent)}"}},[1,"ui-theme-toggle",{isDark:[32]}]);function d(){"undefined"!=typeof customElements&&["ui-theme-toggle"].forEach((i=>{"ui-theme-toggle"===i&&(customElements.get(e(i))||customElements.define(e(i),a))}))}d();const l=a,u=d;export{l as UiThemeToggle,u as defineCustomElement}
+import{t as e,p as i,H as t,c as r,h as n,a as o}from"./index.js";const s="ui-theme",a=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uiThemeChange=r(this,"uiThemeChange"),this.isDark=!1,this.toggle=()=>{if(this.isDark=!this.isDark,"undefined"!=typeof window)try{window.localStorage.setItem(s,this.isDark?"dark":"light")}catch{}this.applyTheme(),this.uiThemeChange.emit(this.isDark?"dark":"light")}}connectedCallback(){this.isDark=this.resolveInitialTheme(),this.applyTheme()}resolveInitialTheme(){if("undefined"==typeof window)return!1;try{const e=window.localStorage.getItem(s);if("dark"===e)return!0;if("light"===e)return!1}catch{}return"function"==typeof window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}applyTheme(){"undefined"!=typeof document&&document.documentElement.classList.toggle("dark",this.isDark)}renderIcon(){return this.isDark?n("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},n("path",{d:"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"})):n("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},n("circle",{cx:"12",cy:"12",r:"4"}),n("line",{x1:"12",y1:"2",x2:"12",y2:"4"}),n("line",{x1:"12",y1:"20",x2:"12",y2:"22"}),n("line",{x1:"2",y1:"12",x2:"4",y2:"12"}),n("line",{x1:"20",y1:"12",x2:"22",y2:"12"}),n("line",{x1:"4.93",y1:"4.93",x2:"6.34",y2:"6.34"}),n("line",{x1:"17.66",y1:"17.66",x2:"19.07",y2:"19.07"}),n("line",{x1:"4.93",y1:"19.07",x2:"6.34",y2:"17.66"}),n("line",{x1:"17.66",y1:"6.34",x2:"19.07",y2:"4.93"}))}render(){return n(o,{key:"a654dba08923ee4ede01577964a9c1ae00152eeb"},n("button",{key:"84477ec9d4693aa93457fb6564ceae1ab2c3516b",class:"toggle",type:"button","aria-label":this.isDark?"Ativar tema claro":"Ativar tema escuro","aria-pressed":this.isDark?"true":"false",onClick:this.toggle},this.renderIcon()))}static get style(){return":host{display:inline-flex}.toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);color:var(--ui-foreground);cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease),     color var(--ui-duration) var(--ui-ease)}.toggle:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.toggle:hover{color:var(--ui-accent)}"}},[1,"ui-theme-toggle",{isDark:[32]}]);function d(){"undefined"!=typeof customElements&&["ui-theme-toggle"].forEach((i=>{"ui-theme-toggle"===i&&(customElements.get(e(i))||customElements.define(e(i),a))}))}d();const l=a,u=d;export{l as UiThemeToggle,u as defineCustomElement}

package/dist/components/ui-toast.js

@@ -1 +1 @@
-import{U as o,d as p}from"./p-fApcMAzN.js";const s=o,r=p;export{s as UiToast,r as defineCustomElement}
+import{U as o,d as s}from"./p-DDJE__UC.js";const p=o,r=s;export{p as UiToast,r as defineCustomElement}

package/dist/components/ui-toaster.js

@@ -1 +1 @@
-import{t,p as s,H as e,h as i,a}from"./index.js";import{d as o}from"./p-fApcMAzN.js";const n=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.items=[],this.counter=0}async toast(t){const s=`toast-${this.counter++}-${Math.random().toString(36).slice(2)}`;this.items=[...this.items,{...t,id:s}]}remove(t){this.items=this.items.filter((s=>s.id!==t))}render(){return i(a,{key:"18ad65a18488bd061c2fa8eb2ad33c41a472d850"},i("div",{key:"de7ae9b62cd155d13c5a8d018ea2970d509e74e6",class:"container"},this.items.map((t=>i("ui-toast",{key:t.id,open:!0,heading:t.heading,description:t.description,variant:t.variant??"default",duration:t.duration??4e3,onUiClose:()=>this.remove(t.id)})))))}static get style(){return":host{display:contents}.container{position:fixed;bottom:0;right:0;z-index:100;display:flex;flex-direction:column;gap:0.5rem;padding:1rem;max-width:24rem}"}},[1,"ui-toaster",{items:[32],toast:[64]}]);function d(){"undefined"!=typeof customElements&&["ui-toaster","ui-toast"].forEach((s=>{switch(s){case"ui-toaster":customElements.get(t(s))||customElements.define(t(s),n);break;case"ui-toast":customElements.get(t(s))||o()}}))}d();const r=n,c=d;export{r as UiToaster,c as defineCustomElement}
+import{t,p as e,H as s,h as i,a as o}from"./index.js";import{d as a}from"./p-DDJE__UC.js";const n=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.items=[],this.counter=0}async toast(t){const e=`toast-${this.counter++}-${Math.random().toString(36).slice(2)}`;this.items=[...this.items,{...t,id:e}]}remove(t){this.items=this.items.filter((e=>e.id!==t))}render(){return i(o,{key:"608a15f7a5805eb336aeb5eed46fc7ca9f7ef32e"},i("div",{key:"ebf5b3f7cdafa526fe0845d3025bf10579beb848",class:"container"},this.items.map((t=>i("ui-toast",{key:t.id,open:!0,heading:t.heading,description:t.description,variant:t.variant??"default",duration:t.duration??4e3,onUiClose:()=>this.remove(t.id)})))))}static get style(){return":host{display:contents}.container{position:fixed;bottom:0;right:0;z-index:100;display:flex;flex-direction:column;gap:0.5rem;padding:1rem;max-width:24rem}"}},[1,"ui-toaster",{items:[32],toast:[64]}]);function r(){"undefined"!=typeof customElements&&["ui-toaster","ui-toast"].forEach((e=>{switch(e){case"ui-toaster":customElements.get(t(e))||customElements.define(t(e),n);break;case"ui-toast":customElements.get(t(e))||a()}}))}r();const c=n,d=r;export{c as UiToaster,d as defineCustomElement}

package/dist/components/ui-tooltip.js

@@ -1 +1 @@
-import{t,p as i,H as s,h as e,a as o}from"./index.js";import{a,c as r,o as n,f as h,s as c}from"./p-CyBRmmbs.js";const d=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.content="",this.placement="top",this.openDelay=200,this.visible=!1,this.onEnter=()=>{this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>{this.visible=!0,requestAnimationFrame((()=>this.start()))}),this.openDelay)},this.onLeave=()=>{this.timer&&clearTimeout(this.timer),this.visible=!1,this.stop()}}disconnectedCallback(){this.stop(),this.timer&&clearTimeout(this.timer)}start(){this.triggerEl&&this.floatingEl&&(this.stop(),this.cleanup=a(this.triggerEl,this.floatingEl,(()=>{this.triggerEl&&this.floatingEl&&r(this.triggerEl,this.floatingEl,{placement:this.placement,middleware:[n(8),h(),c({padding:8})]}).then((({x:t,y:i})=>{Object.assign(this.floatingEl.style,{left:t+"px",top:i+"px"})}))})))}stop(){this.cleanup?.(),this.cleanup=void 0}render(){return e(o,{key:"5a3f2a7cf235a6c31c8a4d3ebd4f0d517c7e7b5d",onMouseEnter:this.onEnter,onMouseLeave:this.onLeave,onFocusin:this.onEnter,onFocusout:this.onLeave},e("span",{key:"f626c5ec5686959449c5a2dd1c80551fd6b19087",class:"trigger",ref:t=>this.triggerEl=t},e("slot",{key:"08a19214efd0eba04d715b76a63a2cc53ed3a5c6"})),e("div",{key:"b598af62ab976599a5274cc85f01b4ab7543dabf",class:{tooltip:!0,"is-visible":this.visible},role:"tooltip",ref:t=>this.floatingEl=t},this.content))}get host(){return this}static get style(){return":host{display:inline-block}.trigger{display:inline-flex}.tooltip{position:fixed;top:0;left:0;z-index:50;width:max-content;max-width:18rem;padding:0.4rem 0.7rem;font-family:var(--ui-font-sans);font-size:0.75rem;font-weight:500;line-height:1.4;color:var(--ui-foreground);background:color-mix(in srgb, var(--ui-background) 90%, var(--ui-foreground) 8%);border:1px solid var(--ui-border-strong);box-shadow:var(--ui-shadow-lg);border-radius:var(--ui-radius-sm);pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-duration) var(--ui-ease),     transform var(--ui-duration) var(--ui-ease)}.tooltip.is-visible{opacity:1;transform:scale(1)}"}},[257,"ui-tooltip",{content:[1],placement:[1],openDelay:[2,"open-delay"],visible:[32]}]);function l(){"undefined"!=typeof customElements&&["ui-tooltip"].forEach((i=>{"ui-tooltip"===i&&(customElements.get(t(i))||customElements.define(t(i),d))}))}l();const u=d,p=l;export{u as UiTooltip,p as defineCustomElement}
+import{t,p as i,H as s,h as e,a as o}from"./index.js";import{a,c as r,o as n,f as h,s as c}from"./p-DDtwbwIl.js";const l=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.content="",this.placement="top",this.openDelay=200,this.visible=!1,this.onEnter=()=>{this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>{this.visible=!0,requestAnimationFrame((()=>this.start()))}),this.openDelay)},this.onLeave=()=>{this.timer&&clearTimeout(this.timer),this.visible=!1,this.stop()}}disconnectedCallback(){this.stop(),this.timer&&clearTimeout(this.timer)}start(){this.triggerEl&&this.floatingEl&&(this.stop(),this.cleanup=a(this.triggerEl,this.floatingEl,(()=>{this.triggerEl&&this.floatingEl&&r(this.triggerEl,this.floatingEl,{placement:this.placement,middleware:[n(8),h(),c({padding:8})]}).then((({x:t,y:i})=>{Object.assign(this.floatingEl.style,{left:t+"px",top:i+"px"})}))})))}stop(){this.cleanup?.(),this.cleanup=void 0}render(){return e(o,{key:"401cfeba060afec776fd2455ab597f5591733566",onMouseEnter:this.onEnter,onMouseLeave:this.onLeave,onFocusin:this.onEnter,onFocusout:this.onLeave},e("span",{key:"6ee621aefa5092194d3e1c3dabf5a33501421c6c",class:"trigger",ref:t=>this.triggerEl=t},e("slot",{key:"771078940a2c4e17ecf30dc39f6e0f0c90691b5e"})),e("div",{key:"263d4868a251cab4f302a8fe1d890a419f4158d1",class:{tooltip:!0,"is-visible":this.visible},role:"tooltip",ref:t=>this.floatingEl=t},this.content))}get host(){return this}static get style(){return":host{display:inline-block}.trigger{display:inline-flex}.tooltip{position:fixed;top:0;left:0;z-index:50;width:max-content;max-width:18rem;padding:0.4rem 0.7rem;font-family:var(--ui-font-sans);font-size:0.75rem;font-weight:500;line-height:1.4;color:var(--ui-foreground);background:color-mix(in srgb, var(--ui-background) 90%, var(--ui-foreground) 8%);border:1px solid var(--ui-border-strong);box-shadow:var(--ui-shadow-lg);border-radius:var(--ui-radius-sm);pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-duration) var(--ui-ease),     transform var(--ui-duration) var(--ui-ease)}.tooltip.is-visible{opacity:1;transform:scale(1)}"}},[257,"ui-tooltip",{content:[1],placement:[1],openDelay:[2,"open-delay"],visible:[32]}]);function d(){"undefined"!=typeof customElements&&["ui-tooltip"].forEach((i=>{"ui-tooltip"===i&&(customElements.get(t(i))||customElements.define(t(i),l))}))}d();const u=l,p=d;export{u as UiTooltip,p as defineCustomElement}

package/dist/esm/{floating-ui.dom-CyBRmmbs.js → floating-ui.dom-DDtwbwIl.js}

@@ -646,6 +646,90 @@ const shift$1 = function (options) {
   };
 };
 
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */
+const size$1 = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'size',
+    options,
+    async fn(state) {
+      var _state$middlewareData, _state$middlewareData2;
+      const {
+        placement,
+        rects,
+        platform,
+        elements
+      } = state;
+      const {
+        apply = () => {},
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
+      const side = getSide(placement);
+      const alignment = getAlignment(placement);
+      const isYAxis = getSideAxis(placement) === 'y';
+      const {
+        width,
+        height
+      } = rects.floating;
+      let heightSide;
+      let widthSide;
+      if (side === 'top' || side === 'bottom') {
+        heightSide = side;
+        widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';
+      } else {
+        widthSide = side;
+        heightSide = alignment === 'end' ? 'top' : 'bottom';
+      }
+      const maximumClippingHeight = height - overflow.top - overflow.bottom;
+      const maximumClippingWidth = width - overflow.left - overflow.right;
+      const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
+      const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
+      const noShift = !state.middlewareData.shift;
+      let availableHeight = overflowAvailableHeight;
+      let availableWidth = overflowAvailableWidth;
+      if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+        availableWidth = maximumClippingWidth;
+      }
+      if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+        availableHeight = maximumClippingHeight;
+      }
+      if (noShift && !alignment) {
+        const xMin = max(overflow.left, 0);
+        const xMax = max(overflow.right, 0);
+        const yMin = max(overflow.top, 0);
+        const yMax = max(overflow.bottom, 0);
+        if (isYAxis) {
+          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
+        } else {
+          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+        }
+      }
+      await apply({
+        ...state,
+        availableWidth,
+        availableHeight
+      });
+      const nextDimensions = await platform.getDimensions(elements.floating);
+      if (width !== nextDimensions.width || height !== nextDimensions.height) {
+        return {
+          reset: {
+            rects: true
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
+
 function hasWindow() {
   return typeof window !== 'undefined';
 }
@@ -1510,6 +1594,14 @@ const shift = shift$1;
  */
 const flip = flip$1;
 
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */
+const size = size$1;
+
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
  * next to a given reference element.
@@ -1533,4 +1625,4 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-export { autoUpdate as a, computePosition as c, flip as f, offset as o, shift as s };
+export { autoUpdate as a, size as b, computePosition as c, flip as f, offset as o, shift as s };

package/dist/esm/loader.js

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-DYwlrXg_.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["ui-loading-overlay",[[1,"ui-loading-overlay",{"visible":[4],"label":[1],"spinnerSize":[1,"spinner-size"]}]]],["ui-toaster",[[1,"ui-toaster",{"items":[32],"toast":[64]}]]],["ui-accordion",[[257,"ui-accordion"]]],["ui-accordion-item",[[257,"ui-accordion-item",{"heading":[1],"open":[1540]}]]],["ui-avatar",[[1,"ui-avatar",{"src":[1],"alt":[1],"fallback":[1]}]]],["ui-badge",[[257,"ui-badge",{"variant":[1]}]]],["ui-button",[[257,"ui-button",{"variant":[1],"size":[1],"disabled":[4],"loading":[4],"type":[1]}]]],["ui-card",[[257,"ui-card"]]],["ui-checkbox",[[1,"ui-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1]}]]],["ui-dialog",[[257,"ui-dialog",{"open":[1540],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-drawer",[[257,"ui-drawer",{"open":[1540],"side":[513],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-dropdown-item",[[257,"ui-dropdown-item",{"disabled":[516]}]]],["ui-dropdown-menu",[[257,"ui-dropdown-menu",{"open":[1540],"placement":[1],"show":[64],"close":[64]},[[0,"uiDropdownClose","onItemClose"]],{"open":[{"onOpenChange":0}]}]]],["ui-field",[[257,"ui-field",{"label":[1],"description":[1],"error":[1],"required":[4],"fieldId":[1,"field-id"]}]]],["ui-input",[[1,"ui-input",{"value":[1025],"placeholder":[1],"type":[1],"disabled":[4],"invalid":[4],"name":[1]}]]],["ui-label",[[257,"ui-label"]]],["ui-popover",[[257,"ui-popover",{"open":[1540],"placement":[1],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-progress",[[1,"ui-progress",{"value":[2],"max":[2],"indeterminate":[4]}]]],["ui-radio-group",[[1,"ui-radio-group",{"value":[1025],"name":[1],"options":[16],"disabled":[4]}]]],["ui-reveal",[[257,"ui-reveal",{"delay":[2],"visible":[32]}]]],["ui-scroll-progress",[[1,"ui-scroll-progress",{"progress":[32]}]]],["ui-section",[[257,"ui-section",{"eyebrow":[1],"heading":[1],"description":[1]}]]],["ui-select",[[1,"ui-select",{"value":[1025],"disabled":[4],"name":[1],"options":[16],"placeholder":[1]}]]],["ui-separator",[[1,"ui-separator",{"orientation":[513]}]]],["ui-skeleton",[[1,"ui-skeleton"]]],["ui-slider",[[1,"ui-slider",{"value":[1026],"min":[2],"max":[2],"step":[2],"disabled":[4]}]]],["ui-switch",[[1,"ui-switch",{"checked":[1540],"disabled":[4]}]]],["ui-tabs",[[257,"ui-tabs",{"value":[1537],"items":[16]}]]],["ui-textarea",[[1,"ui-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"invalid":[4],"name":[1],"rows":[2]}]]],["ui-theme-toggle",[[1,"ui-theme-toggle",{"isDark":[32]}]]],["ui-tooltip",[[257,"ui-tooltip",{"content":[1],"placement":[1],"openDelay":[2,"open-delay"],"visible":[32]}]]],["ui-spinner",[[1,"ui-spinner",{"size":[1]}]]],["ui-toast",[[1,"ui-toast",{"open":[1540],"variant":[1],"heading":[1],"description":[1],"duration":[2],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]]], options);
+  return bootstrapLazy([["ui-loading-overlay",[[1,"ui-loading-overlay",{"visible":[4],"label":[1],"spinnerSize":[1,"spinner-size"]}]]],["ui-toaster",[[1,"ui-toaster",{"items":[32],"toast":[64]}]]],["ui-accordion",[[257,"ui-accordion"]]],["ui-accordion-item",[[257,"ui-accordion-item",{"heading":[1],"open":[1540]}]]],["ui-alert",[[257,"ui-alert",{"variant":[1],"heading":[1],"dismissible":[4],"open":[32]}]]],["ui-avatar",[[1,"ui-avatar",{"src":[1],"alt":[1],"fallback":[1],"status":[1]}]]],["ui-avatar-group",[[257,"ui-avatar-group"]]],["ui-badge",[[257,"ui-badge",{"variant":[1],"dot":[4],"removable":[4]}]]],["ui-breadcrumb",[[257,"ui-breadcrumb"]]],["ui-breadcrumb-item",[[257,"ui-breadcrumb-item",{"href":[1],"current":[4]}]]],["ui-button",[[257,"ui-button",{"variant":[1],"size":[1],"disabled":[4],"loading":[4],"type":[1],"full":[516]}]]],["ui-card",[[257,"ui-card"]]],["ui-checkbox",[[1,"ui-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1]}]]],["ui-combobox",[[1,"ui-combobox",{"options":[16],"value":[1025],"placeholder":[1],"query":[32],"open":[32],"activeIndex":[32]}]]],["ui-container",[[257,"ui-container",{"size":[1],"padded":[4]}]]],["ui-date-picker",[[1,"ui-date-picker",{"value":[1025],"placeholder":[1],"open":[32],"viewYear":[32],"viewMonth":[32]},null,{"value":[{"onValueChange":0}]}]]],["ui-dialog",[[257,"ui-dialog",{"open":[1540],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-drawer",[[257,"ui-drawer",{"open":[1540],"side":[513],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-dropdown-item",[[257,"ui-dropdown-item",{"disabled":[516]}]]],["ui-dropdown-menu",[[257,"ui-dropdown-menu",{"open":[1540],"placement":[1],"show":[64],"close":[64]},[[0,"uiDropdownClose","onItemClose"]],{"open":[{"onOpenChange":0}]}]]],["ui-field",[[257,"ui-field",{"label":[1],"description":[1],"error":[1],"required":[4],"fieldId":[1,"field-id"]}]]],["ui-file-upload",[[1,"ui-file-upload",{"accept":[1],"multiple":[4],"label":[1],"files":[32],"dragging":[32]}]]],["ui-grid",[[257,"ui-grid",{"columns":[2],"gap":[1],"minItemWidth":[1,"min-item-width"]}]]],["ui-input",[[257,"ui-input",{"value":[1025],"placeholder":[1],"type":[1],"disabled":[4],"invalid":[4],"name":[1],"clearable":[4]}]]],["ui-label",[[257,"ui-label"]]],["ui-navbar",[[257,"ui-navbar"]]],["ui-pagination",[[1,"ui-pagination",{"total":[2],"current":[1538],"siblings":[2]}]]],["ui-popover",[[257,"ui-popover",{"open":[1540],"placement":[1],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-progress",[[1,"ui-progress",{"value":[2],"max":[2],"indeterminate":[4]}]]],["ui-progress-circular",[[1,"ui-progress-circular",{"value":[2],"max":[2],"size":[1],"strokeWidth":[2,"stroke-width"],"indeterminate":[4],"showValue":[4,"show-value"]}]]],["ui-radio-group",[[1,"ui-radio-group",{"value":[1025],"name":[1],"options":[16],"disabled":[4]}]]],["ui-rating",[[1,"ui-rating",{"value":[1026],"max":[2],"readonly":[4],"hoverValue":[32]}]]],["ui-reveal",[[257,"ui-reveal",{"delay":[2],"visible":[32]}]]],["ui-scroll-progress",[[1,"ui-scroll-progress",{"progress":[32]}]]],["ui-section",[[257,"ui-section",{"eyebrow":[1],"heading":[1],"description":[1]}]]],["ui-segmented",[[1,"ui-segmented",{"items":[16],"value":[1537]}]]],["ui-select",[[1,"ui-select",{"value":[1025],"disabled":[4],"name":[1],"options":[16],"placeholder":[1]}]]],["ui-separator",[[1,"ui-separator",{"orientation":[513]}]]],["ui-skeleton",[[1,"ui-skeleton"]]],["ui-slider",[[1,"ui-slider",{"value":[1026],"min":[2],"max":[2],"step":[2],"disabled":[4]}]]],["ui-stack",[[257,"ui-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["ui-stat",[[257,"ui-stat",{"label":[1],"value":[1],"delta":[1],"trend":[1]}]]],["ui-switch",[[1,"ui-switch",{"checked":[1540],"disabled":[4]}]]],["ui-table",[[1,"ui-table",{"columns":[16],"rows":[16],"striped":[4],"hoverable":[4]}]]],["ui-tabs",[[257,"ui-tabs",{"value":[1537],"items":[16]}]]],["ui-textarea",[[1,"ui-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"invalid":[4],"name":[1],"rows":[2]}]]],["ui-theme-toggle",[[1,"ui-theme-toggle",{"isDark":[32]}]]],["ui-tooltip",[[257,"ui-tooltip",{"content":[1],"placement":[1],"openDelay":[2,"open-delay"],"visible":[32]}]]],["ui-spinner",[[1,"ui-spinner",{"size":[1]}]]],["ui-toast",[[1,"ui-toast",{"open":[1540],"variant":[1],"heading":[1],"description":[1],"duration":[2],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/ui-accordion-item.entry.js

@@ -17,7 +17,7 @@ const UiAccordionItem = class {
         };
     }
     render() {
-        return (h(Host, { key: 'a6753eab6e0dc158aadd47469da57bf73274cb99' }, h("details", { key: 'c98130b641f5cca70f27867ecc23769de0871733', open: this.open, onToggle: this.onToggle }, h("summary", { key: 'ed84e054379bc2f3133c675b5ddd8b6b69bb205c' }, h("span", { key: '49d66f1f5ade0c22d4b13f1ead38d712d8dc0310', class: "heading" }, this.heading), h("svg", { key: '74261819a62cf9dc397d8ca50c654897e080801b', class: "chevron", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: 'd69ebaaa12602c3c2d4a44d1c5b5ca6ed523f254', points: "6 9 12 15 18 9" }))), h("div", { key: '98178b28965c4595c0330299a358cc821424985f', class: "content" }, h("slot", { key: 'd633bc20693f7ac970e6fa1cf55760841243a870' })))));
+        return (h(Host, { key: '613b3accfe538702304aeaa7d826297948cd2c45' }, h("details", { key: '912854f32a5e15fbb2e708b4de5e0c4059733722', open: this.open, onToggle: this.onToggle }, h("summary", { key: '814a3332eb5dd4fbf340ae7cdb55fe8f618c0253' }, h("span", { key: '63ab8d2d1a60ea7327577b80547897aa0d78e2dd', class: "heading" }, this.heading), h("svg", { key: 'c6812c39cbe86ad0e09d61d44bfff3784c93d462', class: "chevron", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: '67969ddf96e125133c9b7a4d59edb5a9af21a319', points: "6 9 12 15 18 9" }))), h("div", { key: 'e8e1adb834e3749848db663b0a27b672fb33302d', class: "content" }, h("slot", { key: '3d22b0d25f5000e6e9402658ec52996c2f9f3c09' })))));
     }
 };
 UiAccordionItem.style = uiAccordionItemCss();

package/dist/esm/ui-accordion.entry.js

@@ -7,7 +7,7 @@ const UiAccordion = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'e6332a0fa193f07001cf71f61531729529607b2b' }, h("slot", { key: '95ab7de2a8344e267fe97cae784b75635cafd289' })));
+        return (h(Host, { key: '0242c529aecf9b0f35958f21f9df65d4cba8ba37' }, h("slot", { key: '394493e0939fa0224be6233830f588e88e49a2d3' })));
     }
 };
 UiAccordion.style = uiAccordionCss();

package/dist/esm/ui-alert.entry.js

@@ -0,0 +1,38 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiAlertCss = () => `:host{display:block}.alert{display:flex;align-items:flex-start;gap:0.75rem;padding:0.875rem 1rem;border:1px solid var(--ui-border);border-left:3px solid var(--ui-info);border-radius:var(--ui-radius);font-family:var(--ui-font-sans)}.indicator{display:inline-flex;flex-shrink:0;margin-top:0.0625rem}.icon{display:block}.body{flex:1;min-width:0;display:flex;flex-direction:column;gap:0.25rem}.heading{margin:0;font-size:0.875rem;font-weight:600;color:var(--ui-foreground)}.content{font-size:0.8125rem;color:var(--ui-text-soft)}.close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0.125rem;border:none;background:transparent;color:var(--ui-text-muted);cursor:pointer;border-radius:var(--ui-radius-sm);transition:color var(--ui-duration) var(--ui-ease)}.close:hover{color:var(--ui-foreground)}.variant-info{border-left-color:var(--ui-info);background:color-mix(in srgb, var(--ui-info) 12%, transparent)}.variant-info .indicator{color:var(--ui-info)}.variant-success{border-left-color:var(--ui-success);background:color-mix(in srgb, var(--ui-success) 12%, transparent)}.variant-success .indicator{color:var(--ui-success)}.variant-warning{border-left-color:var(--ui-warning);background:color-mix(in srgb, var(--ui-warning) 12%, transparent)}.variant-warning .indicator{color:var(--ui-warning)}.variant-danger{border-left-color:var(--ui-danger);background:color-mix(in srgb, var(--ui-danger) 12%, transparent)}.variant-danger .indicator{color:var(--ui-danger)}`;
+
+const UiAlert = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.uiClose = createEvent(this, "uiClose");
+        /** Variante visual. */
+        this.variant = "info";
+        /** Exibe o botão de fechar. */
+        this.dismissible = false;
+        /** Controla a visibilidade interna do alerta. */
+        this.open = true;
+        this.dismiss = () => {
+            this.open = false;
+            this.uiClose.emit();
+        };
+    }
+    renderIcon() {
+        switch (this.variant) {
+            case "success":
+                return (h("svg", { class: "icon", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("path", { d: "M8 12l3 3 5-6" })));
+            case "warning":
+                return (h("svg", { class: "icon", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M10.3 3.3 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.3a2 2 0 0 0-3.4 0Z" }), h("line", { x1: "12", y1: "9", x2: "12", y2: "13" }), h("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })));
+            case "danger":
+                return (h("svg", { class: "icon", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("line", { x1: "15", y1: "9", x2: "9", y2: "15" }), h("line", { x1: "9", y1: "9", x2: "15", y2: "15" })));
+            default:
+                return (h("svg", { class: "icon", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("line", { x1: "12", y1: "11", x2: "12", y2: "16" }), h("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })));
+        }
+    }
+    render() {
+        return (h(Host, { key: '0de470e0aec991fe0ed4b47d4b14075d0153ef54' }, this.open && (h("div", { key: 'd17b7326f4c76fe99a32f402fb53a095721bf209', class: { alert: true, [`variant-${this.variant}`]: true }, role: "alert" }, h("span", { key: '124489a92f47b4c7751f9af674b13add775bf3d3', class: "indicator" }, this.renderIcon()), h("div", { key: '9c0741a48bee7225f7831b18ab492156c217f5a5', class: "body" }, this.heading && h("p", { key: 'f883db0bdd9b48cfc1915d209675f681cc846d95', class: "heading" }, this.heading), h("div", { key: '4a1de1b6a5f6fc84eead49a0a0357067b6c3dcab', class: "content" }, h("slot", { key: '21ac76a2d287bb4e8629bac25cd3753886d14b5d' }))), this.dismissible && (h("button", { key: 'f96e21942bed9489b296f76b6bdcc026f4351141', class: "close", type: "button", "aria-label": "Fechar", onClick: this.dismiss }, h("svg", { key: 'a64eaf844dbc6a0fd4fbc699deac73702a7ff300', width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("line", { key: 'e05e78664e7161af63d9e420a77726b52f14fff5', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: 'f6e62b74f93061762881b30866c105b332e79870', x1: "6", y1: "6", x2: "18", y2: "18" }))))))));
+    }
+};
+UiAlert.style = uiAlertCss();
+
+export { UiAlert as ui_alert };

package/dist/esm/ui-avatar-group.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiAvatarGroupCss = () => `:host{display:inline-flex}.group{display:inline-flex;align-items:center}::slotted(*){border-radius:var(--ui-radius-full)}::slotted(*:not(:first-child)){margin-left:-0.6rem}::slotted(ui-avatar){outline:2px solid var(--ui-background);border-radius:var(--ui-radius-full)}`;
+
+const UiAvatarGroup = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: 'ffbc4f069a58a5c5e9bf014ec9fc41d11ceb24b8' }, h("div", { key: 'c6f7c559740f193c0347f7834169fbd2eb252272', class: "group" }, h("slot", { key: 'd66719ad68488098d753eefc8da5cc65bf6a85a4' }))));
+    }
+};
+UiAvatarGroup.style = uiAvatarGroupCss();
+
+export { UiAvatarGroup as ui_avatar_group };

package/dist/esm/ui-avatar.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
 
-const uiAvatarCss = () => `:host{display:inline-block;}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-avatar-size, 2.5rem);height:var(--ui-avatar-size, 2.5rem);border-radius:var(--ui-radius-full);border:1px solid var(--ui-border);background:var(--ui-chip);overflow:hidden;font-family:var(--ui-font-sans)}.image{width:100%;height:100%;object-fit:cover}.fallback{font-size:0.875rem;font-weight:500;color:var(--ui-text-muted);line-height:1}`;
+const uiAvatarCss = () => `:host{display:inline-block;}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-avatar-size, 2.5rem);height:var(--ui-avatar-size, 2.5rem);border-radius:var(--ui-radius-full);border:1px solid var(--ui-border);background:var(--ui-chip);overflow:hidden;font-family:var(--ui-font-sans)}.image{width:100%;height:100%;object-fit:cover}.fallback{font-size:0.875rem;font-weight:500;color:var(--ui-text-muted);line-height:1}.wrapper{position:relative;display:inline-flex}.status{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:0.55rem;min-height:0.55rem;border-radius:var(--ui-radius-full);border:2px solid var(--ui-background);box-sizing:border-box}.status-online{background:var(--ui-success)}.status-busy{background:var(--ui-danger)}.status-away{background:var(--ui-warning)}.status-offline{background:var(--ui-text-faint)}`;
 
 const UiAvatar = class {
     constructor(hostRef) {
@@ -9,7 +9,7 @@ const UiAvatar = class {
         this.alt = "";
     }
     render() {
-        return (h(Host, { key: '7a6bbef0807d0d3dc25692a6bf87171131579e46' }, h("span", { key: '6b548ed4e5ec0dc7bb52dcb3660ffc188705439f', class: "avatar" }, this.src ? (h("img", { class: "image", src: this.src, alt: this.alt })) : (h("span", { class: "fallback" }, this.fallback)))));
+        return (h(Host, { key: '3f5862531fd7c0df254cca0be373c4f5661bac1c' }, h("span", { key: '2c831417964e89d68f3535321868aa0fab82df26', class: "wrapper" }, h("span", { key: '7573d9b9bdd3c07e7913002923722e19eb652d8e', class: "avatar" }, this.src ? (h("img", { class: "image", src: this.src, alt: this.alt })) : (h("span", { class: "fallback" }, this.fallback))), this.status && (h("span", { key: 'adb6bf39438427a853fffe2eb84b95474aa8c123', class: `status status-${this.status}`, "aria-label": this.status })))));
     }
 };
 UiAvatar.style = uiAvatarCss();

package/dist/esm/ui-badge.entry.js

@@ -1,15 +1,20 @@
-import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
 
-const uiBadgeCss = () => `:host{display:inline-flex}.badge{display:inline-flex;align-items:center;gap:0.25rem;border:1px solid transparent;border-radius:var(--ui-radius-full);padding:0.25rem 0.75rem;font-family:var(--ui-font-sans);font-size:0.75rem;font-weight:500;backdrop-filter:blur(22px)}.variant-default{background:var(--ui-chip);border-color:var(--ui-border);color:var(--ui-text-soft)}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast)}.variant-outline{border-color:var(--ui-border-strong);color:var(--ui-foreground)}.variant-success{background:color-mix(in srgb, var(--ui-success) 15%, transparent);color:var(--ui-success)}.variant-warning{background:color-mix(in srgb, var(--ui-warning) 15%, transparent);color:var(--ui-warning)}.variant-danger{background:color-mix(in srgb, var(--ui-danger) 15%, transparent);color:var(--ui-danger)}.variant-info{background:color-mix(in srgb, var(--ui-info) 15%, transparent);color:var(--ui-info)}`;
+const uiBadgeCss = () => `:host{display:inline-flex}.badge{display:inline-flex;align-items:center;gap:0.25rem;border:1px solid transparent;border-radius:var(--ui-radius-full);padding:0.25rem 0.75rem;font-family:var(--ui-font-sans);font-size:0.75rem;font-weight:500;backdrop-filter:blur(22px)}.variant-default{background:var(--ui-chip);border-color:var(--ui-border);color:var(--ui-text-soft)}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast)}.variant-outline{border-color:var(--ui-border-strong);color:var(--ui-foreground)}.variant-success{background:color-mix(in srgb, var(--ui-success) 15%, transparent);color:var(--ui-success)}.variant-warning{background:color-mix(in srgb, var(--ui-warning) 15%, transparent);color:var(--ui-warning)}.variant-danger{background:color-mix(in srgb, var(--ui-danger) 15%, transparent);color:var(--ui-danger)}.variant-info{background:color-mix(in srgb, var(--ui-info) 15%, transparent);color:var(--ui-info)}.dot{width:0.4rem;height:0.4rem;border-radius:var(--ui-radius-full);background:currentColor}.remove{display:inline-flex;align-items:center;justify-content:center;margin:0 -0.25rem 0 0.125rem;padding:0.125rem;border:none;border-radius:var(--ui-radius-full);background:transparent;color:inherit;cursor:pointer;opacity:0.7;transition:opacity var(--ui-duration) var(--ui-ease)}.remove:hover{opacity:1}`;
 
 const UiBadge = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.uiRemove = createEvent(this, "uiRemove");
         /** Variante visual. */
         this.variant = "default";
+        /** Exibe um ponto colorido à esquerda. */
+        this.dot = false;
+        /** Exibe um botão para remover o badge. */
+        this.removable = false;
     }
     render() {
-        return (h(Host, { key: '260e9e23ffa9a624e17e5a794217402ab2167f31' }, h("span", { key: '1b0d40c5b9a46c5928132d050e3c2f9e3bcd4ea8', class: { badge: true, [`variant-${this.variant}`]: true } }, h("slot", { key: '9680659040a4d48bdb53415e40bbbef9819063d9' }))));
+        return (h(Host, { key: '30760a471c805c011e45b1ee2c59507de0774b3c' }, h("span", { key: 'f06905297a3c5641634104a014452737d34918cc', class: { badge: true, [`variant-${this.variant}`]: true } }, this.dot && h("span", { key: '255e4debacda174708abb165159347c6aeeffced', class: "dot" }), h("slot", { key: 'e8fb22f25b0b1c805289e3e6d1108a1cb93b5e28' }), this.removable && (h("button", { key: 'a30d3213f31780e4c3fa80d98b45ae539b711f43', class: "remove", type: "button", "aria-label": "Remover", onClick: () => this.uiRemove.emit() }, h("svg", { key: 'e57df3139096ea131fa1c3fbddf51f6507423346', viewBox: "0 0 24 24", width: "12", height: "12", fill: "none", stroke: "currentColor", "stroke-width": "2.5", "stroke-linecap": "round" }, h("path", { key: 'da3810852846ac9cda68957d7dadcb3737be348d', d: "M18 6 6 18M6 6l12 12" })))))));
     }
 };
 UiBadge.style = uiBadgeCss();

package/dist/esm/ui-breadcrumb-item.entry.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiBreadcrumbItemCss = () => `:host{display:inline-flex;align-items:center}.link{color:var(--ui-text-muted);text-decoration:none;transition:color var(--ui-duration) var(--ui-ease)}.link:hover{color:var(--ui-accent)}.current{color:var(--ui-foreground);font-weight:500}.separator{display:inline-flex;align-items:center;margin:0 0.5rem;color:var(--ui-text-faint)}.separator svg{display:block}`;
+
+const UiBreadcrumbItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Indica o item atual (página corrente). */
+        this.current = false;
+    }
+    renderSeparator() {
+        return (h("span", { class: "separator", "aria-hidden": "true" }, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { points: "9 18 15 12 9 6" }))));
+    }
+    render() {
+        const isLink = this.href && !this.current;
+        return (h(Host, { key: '20f1a108e5275c29e2fbb243720a8b70efb10b24' }, isLink ? (h("a", { class: "link", href: this.href }, h("slot", null))) : (h("span", { class: "current", "aria-current": this.current ? "page" : undefined }, h("slot", null))), !this.current && this.renderSeparator()));
+    }
+};
+UiBreadcrumbItem.style = uiBreadcrumbItemCss();
+
+export { UiBreadcrumbItem as ui_breadcrumb_item };

package/dist/esm/ui-breadcrumb.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
+
+const uiBreadcrumbCss = () => `:host{display:block}ol{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin:0;padding:0;list-style:none;font-family:var(--ui-font-sans);font-size:0.875rem}`;
+
+const UiBreadcrumb = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '93726eb6ef05c505f409ec5b313e7db50c0d0a78' }, h("nav", { key: 'dc02b8d95d1c0998e2e7533ab8ed214fb9c19a63', "aria-label": "breadcrumb" }, h("ol", { key: '41dc2d7fe3cbf1b684723d759ef0d00f17bf2e00' }, h("slot", { key: 'eb64652ac37ca5ce1ebd865260ad1ac2c5dd7548' })))));
+    }
+};
+UiBreadcrumb.style = uiBreadcrumbCss();
+
+export { UiBreadcrumb as ui_breadcrumb };

package/dist/esm/ui-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
 
-const uiButtonCss = () => `:host{display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border:1px solid transparent;border-radius:var(--ui-radius-full);font-family:var(--ui-font-sans);font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.btn:active{transform:scale(0.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.btn:disabled{pointer-events:none;opacity:0.5}.size-sm{height:2.25rem;padding:0 1rem;font-size:0.75rem}.size-md{height:2.75rem;padding:0 1.25rem;font-size:0.875rem}.size-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.size-icon{height:2.5rem;width:2.5rem;padding:0}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast);box-shadow:var(--ui-shadow)}.variant-solid:hover{filter:brightness(1.1)}.variant-default{background:var(--ui-panel-strong);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-default:hover{border-color:var(--ui-border-strong)}.variant-subtle{background:var(--ui-chip);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-subtle:hover{background:var(--ui-panel)}.variant-outline{color:var(--ui-foreground);border-color:var(--ui-border-strong)}.variant-outline:hover{background:var(--ui-chip)}.variant-ghost{color:var(--ui-text-soft)}.variant-ghost:hover{background:var(--ui-chip)}.variant-destructive{background:var(--ui-danger);color:var(--ui-on-status)}.variant-destructive:hover{filter:brightness(1.1)}.variant-link{color:var(--ui-accent);text-underline-offset:4px}.variant-link:hover{text-decoration:underline}.spinner{width:1rem;height:1rem;border-radius:9999px;border:2px solid currentColor;border-top-color:transparent;animation:ui-button-spin 0.7s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}`;
+const uiButtonCss = () => `:host{display:inline-block}:host([full]){display:block;width:100%}:host([full]) .btn{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border:1px solid transparent;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.btn:active{transform:scale(0.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.btn:disabled{pointer-events:none;opacity:0.5}.size-sm{height:2.25rem;padding:0 1rem;font-size:0.75rem}.size-md{height:2.75rem;padding:0 1.25rem;font-size:0.875rem}.size-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.size-icon{height:2.5rem;width:2.5rem;padding:0}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast);box-shadow:var(--ui-shadow)}.variant-solid:hover{filter:brightness(1.1)}.variant-default{background:var(--ui-panel-strong);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-default:hover{border-color:var(--ui-border-strong)}.variant-subtle{background:var(--ui-chip);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-subtle:hover{background:var(--ui-panel)}.variant-outline{color:var(--ui-foreground);border-color:color-mix(in srgb, var(--ui-foreground) 30%, transparent)}.variant-outline:hover{background:var(--ui-chip);border-color:color-mix(in srgb, var(--ui-foreground) 45%, transparent)}.variant-ghost{color:var(--ui-text-soft)}.variant-ghost:hover{background:var(--ui-chip)}.variant-destructive{background:var(--ui-danger);color:var(--ui-on-status)}.variant-destructive:hover{filter:brightness(1.1)}.variant-link{color:var(--ui-accent);text-underline-offset:4px}.variant-link:hover{text-decoration:underline}.spinner{width:1rem;height:1rem;border-radius:9999px;border:2px solid currentColor;border-top-color:transparent;animation:ui-button-spin 0.7s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}`;
 
 const UiButton = class {
     constructor(hostRef) {
@@ -15,13 +15,15 @@ const UiButton = class {
         this.loading = false;
         /** Tipo do botão nativo. */
         this.type = "button";
+        /** Ocupa 100% da largura disponível. */
+        this.full = false;
     }
     render() {
-        return (h(Host, { key: 'bf18a1f72babada2698ce42f54bf2d73b0d41d0b' }, h("button", { key: 'f08a766e14d139d7031dac4fa5846fbc0749328f', class: {
+        return (h(Host, { key: 'fa9886a20cac8424b127be543c0fd1ad04cc2fb1' }, h("button", { key: 'c54077dabce85b286733efcae8a08a435b81d72e', class: {
                 btn: true,
                 [`variant-${this.variant}`]: true,
                 [`size-${this.size}`]: true,
-            }, type: this.type, disabled: this.disabled || this.loading, "aria-busy": this.loading ? "true" : null }, this.loading && h("span", { key: 'a3e87dd124b697050a657b9957884c231aa58c54', class: "spinner", "aria-hidden": "true" }), h("slot", { key: '87a720f06602011042d70a91918a0b2157abb163' }))));
+            }, type: this.type, disabled: this.disabled || this.loading, "aria-busy": this.loading ? "true" : null }, this.loading && h("span", { key: '8e557bd098d5655be256ea7fc0748990b7f11026', class: "spinner", "aria-hidden": "true" }), h("slot", { key: '36946d065411700928e3541f351a3f6f75018ae9' }))));
     }
 };
 UiButton.style = uiButtonCss();

package/dist/esm/ui-card.entry.js

@@ -7,7 +7,7 @@ const UiCard = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '1608f7f7bd8addc04064a70965fdb28a67a1abef' }, h("div", { key: '976e8fa507f78649789161f5eaaa2308547c7040', class: "card" }, h("slot", { key: '803ef160438006449051c2068246fd6f20562cc5', name: "title" }), h("slot", { key: '84bfdd0d56b015d09598e53e0002b9ac5e69934d', name: "description" }), h("slot", { key: '97d8522f426b54ab6a8b51038bd8f2b8e2413d0e' }), h("slot", { key: '8b36ab658e61cdebb391d6bb8dc427d809a81b30', name: "footer" }))));
+        return (h(Host, { key: '2f6568112992159a78a5c9dac99bd1a453cd779a' }, h("div", { key: '3d76798bf20f98b20a8d7b1847896f9641585cda', class: "card" }, h("slot", { key: 'cf396f9448c56b96859072327f5f82bb00f0c36d', name: "title" }), h("slot", { key: '04fdf85b8c4ffa318b084616ba902998d085a990', name: "description" }), h("slot", { key: 'a716446f123d47c8f47bea6915ac7489dd41fd45' }), h("slot", { key: '9b2e4abc3987a04e72b13eff8cacf3257b89f174', name: "footer" }))));
     }
 };
 UiCard.style = uiCardCss();

package/dist/esm/ui-checkbox.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
 
-const uiCheckboxCss = () => `:host{display:inline-flex}.checkbox{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);background:var(--ui-panel);cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.checkbox:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.checkbox[aria-checked="true"]{background:var(--ui-accent);border-color:var(--ui-accent)}.checkbox:disabled{opacity:0.5;pointer-events:none}.check{width:0.875rem;height:0.875rem;color:var(--ui-accent-contrast);opacity:0;transform:scale(0.6);transition:all var(--ui-duration) var(--ui-ease)}.checkbox[aria-checked="true"] .check{opacity:1;transform:scale(1)}`;
+const uiCheckboxCss = () => `:host{display:inline-flex}.checkbox{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:1.5px solid color-mix(in srgb, var(--ui-foreground) 32%, transparent);border-radius:var(--ui-radius-sm);background:var(--ui-chip);cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.checkbox:hover:not(:disabled):not([aria-checked="true"]){border-color:var(--ui-accent)}.checkbox:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.checkbox[aria-checked="true"]{background:var(--ui-accent);border-color:var(--ui-accent)}.checkbox:disabled{opacity:0.5;pointer-events:none}.check{width:0.875rem;height:0.875rem;color:var(--ui-accent-contrast);opacity:0;transform:scale(0.6);transition:all var(--ui-duration) var(--ui-ease)}.checkbox[aria-checked="true"] .check{opacity:1;transform:scale(1)}`;
 
 const UiCheckbox = class {
     constructor(hostRef) {
@@ -24,7 +24,7 @@ const UiCheckbox = class {
         };
     }
     render() {
-        return (h(Host, { key: '3702acd47b1980ddf23df427a68c69ee782756e4' }, h("button", { key: '8cc709719dd004d01ca6ed82c0fab53ed38f8962', class: "checkbox", type: "button", role: "checkbox", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("svg", { key: 'fa4875d7a2809133496a543fa6efd0de8c8c4c06', class: "check", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: '34a601d25b20fdf1ad697349531888648795f4bf', points: "20 6 9 17 4 12" })))));
+        return (h(Host, { key: 'ec07dd3898dfb9eeac1a07d41895be145a8f03f0' }, h("button", { key: '7d1e72daf042994ba140703e5f8ce2bb5558932d', class: "checkbox", type: "button", role: "checkbox", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("svg", { key: 'f1a59bc59f90e6bce5b289a4a05da51778788c19', class: "check", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("polyline", { key: '6ea7bc0406e6e8befd6ceea7193423bd433d9a63', points: "20 6 9 17 4 12" })))));
     }
 };
 UiCheckbox.style = uiCheckboxCss();