@andespindola/ui-core 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ui-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/ui-accordion.cjs.entry.js +1 -1
- package/dist/cjs/ui-avatar.cjs.entry.js +1 -1
- package/dist/cjs/ui-card.cjs.entry.js +2 -2
- package/dist/cjs/ui-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ui-dialog.cjs.entry.js +1 -1
- package/dist/cjs/ui-drawer.cjs.entry.js +1 -1
- package/dist/cjs/ui-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/ui-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/ui-field.cjs.entry.js +1 -1
- package/dist/cjs/ui-input.cjs.entry.js +1 -1
- package/dist/cjs/ui-label.cjs.entry.js +1 -1
- package/dist/cjs/ui-popover.cjs.entry.js +1 -1
- package/dist/cjs/ui-progress.cjs.entry.js +2 -2
- package/dist/cjs/ui-reveal.cjs.entry.js +1 -1
- package/dist/cjs/ui-scroll-progress.cjs.entry.js +1 -1
- package/dist/cjs/ui-section.cjs.entry.js +2 -2
- package/dist/cjs/ui-select.cjs.entry.js +1 -1
- package/dist/cjs/ui-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/ui-slider.cjs.entry.js +1 -1
- package/dist/cjs/ui-switch.cjs.entry.js +1 -1
- package/dist/cjs/ui-tabs.cjs.entry.js +2 -2
- package/dist/cjs/ui-textarea.cjs.entry.js +2 -2
- package/dist/cjs/ui-theme-toggle.cjs.entry.js +1 -1
- package/dist/cjs/ui-toast.cjs.entry.js +1 -1
- package/dist/cjs/ui-toaster.cjs.entry.js +1 -1
- package/dist/cjs/ui-tooltip.cjs.entry.js +2 -2
- package/dist/collection/components/ui-accordion/ui-accordion.js +1 -1
- package/dist/collection/components/ui-accordion-item/ui-accordion-item.css +8 -0
- package/dist/collection/components/ui-accordion-item/ui-accordion-item.js +1 -1
- package/dist/collection/components/ui-avatar/ui-avatar.js +1 -1
- package/dist/collection/components/ui-card/ui-card.css +17 -3
- package/dist/collection/components/ui-card/ui-card.js +1 -1
- package/dist/collection/components/ui-checkbox/ui-checkbox.js +1 -1
- package/dist/collection/components/ui-dialog/ui-dialog.js +1 -1
- package/dist/collection/components/ui-drawer/ui-drawer.js +1 -1
- package/dist/collection/components/ui-dropdown-item/ui-dropdown-item.js +1 -1
- package/dist/collection/components/ui-dropdown-menu/ui-dropdown-menu.js +1 -1
- package/dist/collection/components/ui-field/ui-field.js +1 -1
- package/dist/collection/components/ui-input/ui-input.js +1 -1
- package/dist/collection/components/ui-label/ui-label.js +1 -1
- package/dist/collection/components/ui-popover/ui-popover.js +1 -1
- package/dist/collection/components/ui-progress/ui-progress.css +9 -4
- package/dist/collection/components/ui-progress/ui-progress.js +1 -1
- package/dist/collection/components/ui-reveal/ui-reveal.js +1 -1
- package/dist/collection/components/ui-scroll-progress/ui-scroll-progress.js +1 -1
- package/dist/collection/components/ui-section/ui-section.css +12 -5
- package/dist/collection/components/ui-section/ui-section.js +1 -1
- package/dist/collection/components/ui-select/ui-select.css +4 -0
- package/dist/collection/components/ui-skeleton/ui-skeleton.css +9 -6
- package/dist/collection/components/ui-skeleton/ui-skeleton.js +1 -1
- package/dist/collection/components/ui-slider/ui-slider.js +1 -1
- package/dist/collection/components/ui-switch/ui-switch.js +1 -1
- package/dist/collection/components/ui-tabs/ui-tabs.css +12 -0
- package/dist/collection/components/ui-tabs/ui-tabs.js +1 -1
- package/dist/collection/components/ui-textarea/ui-textarea.css +4 -0
- package/dist/collection/components/ui-textarea/ui-textarea.js +1 -1
- package/dist/collection/components/ui-theme-toggle/ui-theme-toggle.js +1 -1
- package/dist/collection/components/ui-toast/ui-toast.js +1 -1
- package/dist/collection/components/ui-toaster/ui-toaster.js +1 -1
- package/dist/collection/components/ui-tooltip/ui-tooltip.css +5 -4
- package/dist/collection/components/ui-tooltip/ui-tooltip.js +1 -1
- package/dist/components/{p-C8ePpPG3.js → p-fApcMAzN.js} +1 -1
- package/dist/components/ui-accordion-item.js +1 -1
- package/dist/components/ui-accordion.js +1 -1
- package/dist/components/ui-avatar.js +1 -1
- package/dist/components/ui-card.js +1 -1
- package/dist/components/ui-checkbox.js +1 -1
- package/dist/components/ui-dialog.js +1 -1
- package/dist/components/ui-drawer.js +1 -1
- package/dist/components/ui-dropdown-item.js +1 -1
- package/dist/components/ui-dropdown-menu.js +1 -1
- package/dist/components/ui-field.js +1 -1
- package/dist/components/ui-input.js +1 -1
- package/dist/components/ui-label.js +1 -1
- package/dist/components/ui-popover.js +1 -1
- package/dist/components/ui-progress.js +1 -1
- package/dist/components/ui-reveal.js +1 -1
- package/dist/components/ui-scroll-progress.js +1 -1
- package/dist/components/ui-section.js +1 -1
- package/dist/components/ui-select.js +1 -1
- package/dist/components/ui-skeleton.js +1 -1
- package/dist/components/ui-slider.js +1 -1
- package/dist/components/ui-switch.js +1 -1
- package/dist/components/ui-tabs.js +1 -1
- package/dist/components/ui-textarea.js +1 -1
- package/dist/components/ui-theme-toggle.js +1 -1
- package/dist/components/ui-toast.js +1 -1
- package/dist/components/ui-toaster.js +1 -1
- package/dist/components/ui-tooltip.js +1 -1
- package/dist/esm/ui-accordion-item.entry.js +2 -2
- package/dist/esm/ui-accordion.entry.js +1 -1
- package/dist/esm/ui-avatar.entry.js +1 -1
- package/dist/esm/ui-card.entry.js +2 -2
- package/dist/esm/ui-checkbox.entry.js +1 -1
- package/dist/esm/ui-dialog.entry.js +1 -1
- package/dist/esm/ui-drawer.entry.js +1 -1
- package/dist/esm/ui-dropdown-item.entry.js +1 -1
- package/dist/esm/ui-dropdown-menu.entry.js +1 -1
- package/dist/esm/ui-field.entry.js +1 -1
- package/dist/esm/ui-input.entry.js +1 -1
- package/dist/esm/ui-label.entry.js +1 -1
- package/dist/esm/ui-popover.entry.js +1 -1
- package/dist/esm/ui-progress.entry.js +2 -2
- package/dist/esm/ui-reveal.entry.js +1 -1
- package/dist/esm/ui-scroll-progress.entry.js +1 -1
- package/dist/esm/ui-section.entry.js +2 -2
- package/dist/esm/ui-select.entry.js +1 -1
- package/dist/esm/ui-skeleton.entry.js +2 -2
- package/dist/esm/ui-slider.entry.js +1 -1
- package/dist/esm/ui-switch.entry.js +1 -1
- package/dist/esm/ui-tabs.entry.js +2 -2
- package/dist/esm/ui-textarea.entry.js +2 -2
- package/dist/esm/ui-theme-toggle.entry.js +1 -1
- package/dist/esm/ui-toast.entry.js +1 -1
- package/dist/esm/ui-toaster.entry.js +1 -1
- package/dist/esm/ui-tooltip.entry.js +2 -2
- package/dist/uikit/{p-8bcd423c.entry.js → p-0096eefe.entry.js} +1 -1
- package/dist/uikit/{p-0fb4949b.entry.js → p-11350db1.entry.js} +1 -1
- package/dist/uikit/p-128ae3e4.entry.js +1 -0
- package/dist/uikit/p-280337b0.entry.js +1 -0
- package/dist/uikit/{p-8cebbe65.entry.js → p-29fe5b7f.entry.js} +1 -1
- package/dist/uikit/p-32df7fd0.entry.js +1 -0
- package/dist/uikit/{p-f7402442.entry.js → p-38cbea54.entry.js} +1 -1
- package/dist/uikit/p-3c866608.entry.js +1 -0
- package/dist/uikit/{p-9d784b04.entry.js → p-5555523c.entry.js} +1 -1
- package/dist/uikit/{p-9e7b81ef.entry.js → p-58ed99a2.entry.js} +1 -1
- package/dist/uikit/p-6fa4be86.entry.js +1 -0
- package/dist/uikit/{p-c72ed105.entry.js → p-777c6902.entry.js} +1 -1
- package/dist/uikit/{p-4382718f.entry.js → p-777d8c7a.entry.js} +1 -1
- package/dist/uikit/p-7b2a9e68.entry.js +1 -0
- package/dist/uikit/{p-5df32809.entry.js → p-8a238373.entry.js} +1 -1
- package/dist/uikit/{p-b61e3df4.entry.js → p-97de6ea6.entry.js} +1 -1
- package/dist/uikit/p-9b43d670.entry.js +1 -0
- package/dist/uikit/{p-e410c789.entry.js → p-9f0d4ae1.entry.js} +1 -1
- package/dist/uikit/{p-629c1728.entry.js → p-a0ccdb22.entry.js} +1 -1
- package/dist/uikit/p-b0aba484.entry.js +1 -0
- package/dist/uikit/p-cf56c9ba.entry.js +1 -0
- package/dist/uikit/p-d13860dc.entry.js +1 -0
- package/dist/uikit/p-d6c9bfbc.entry.js +1 -0
- package/dist/uikit/p-d8e7ae10.entry.js +1 -0
- package/dist/uikit/{p-3d30bc7a.entry.js → p-e0652ddf.entry.js} +1 -1
- package/dist/uikit/{p-90d49509.entry.js → p-e54139a1.entry.js} +1 -1
- package/dist/uikit/p-ed1111eb.entry.js +1 -0
- package/dist/uikit/uikit.esm.js +1 -1
- package/package.json +1 -1
- package/dist/uikit/p-06d6d907.entry.js +0 -1
- package/dist/uikit/p-162302d1.entry.js +0 -1
- package/dist/uikit/p-19b81437.entry.js +0 -1
- package/dist/uikit/p-57058c30.entry.js +0 -1
- package/dist/uikit/p-5ea42ee5.entry.js +0 -1
- package/dist/uikit/p-76f0f79f.entry.js +0 -1
- package/dist/uikit/p-94fb298e.entry.js +0 -1
- package/dist/uikit/p-9f7c6ca8.entry.js +0 -1
- package/dist/uikit/p-a7be1c69.entry.js +0 -1
- package/dist/uikit/p-b30aa6a6.entry.js +0 -1
- package/dist/uikit/p-cb2adfb7.entry.js +0 -1
- package/dist/uikit/p-cf10ca3b.entry.js +0 -1
- package/dist/uikit/p-fd1648bf.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as
|
|
1
|
+
import{t as e,p as t,H as s,c as i,h as o,a as r}from"./index.js";const a=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uiChange=i(this,"uiChange"),this.disabled=!1,this.options=[],this.onChange=e=>{const t=e.target.value;this.value=t,this.uiChange.emit(t)}}render(){return o(r,{key:"1ebd6a8472a116ad071e9504ab0756daddb27824"},o("div",{key:"5d2d00f41b8f74202156d0af7c150b89d79dc1a4",class:"wrapper"},o("select",{key:"7b370433247f03a126ce13005a3697ba5b04845f",class:"select",name:this.name,disabled:this.disabled,onChange:this.onChange},this.placeholder&&o("option",{key:"9e482642eebeab0b1b1c5b56a6730fb5ecbd9617",value:"",disabled:!0,selected:!(void 0!==this.value&&""!==this.value)},this.placeholder),this.options.map((e=>o("option",{value:e.value,selected:e.value===this.value},e.label)))),o("svg",{key:"7d66788b8d8b51169ae28e5e5c5a31c0b637e377",class:"chevron",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},o("polyline",{key:"aaa00671ba95ebd20f81174fc27bf218b16dfc64",points:"6 9 12 15 18 9"}))))}static get style(){return":host{display:block}.wrapper{position:relative;display:block;width:100%}.select{width:100%;height:2.75rem;padding:0 2.5rem 0 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;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none}.select:hover:not(:disabled){border-color:var(--ui-border-strong)}.select:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.select:disabled{opacity:0.5;pointer-events:none}.chevron{position:absolute;top:50%;right:0.875rem;width:1.125rem;height:1.125rem;color:var(--ui-text-muted);transform:translateY(-50%);pointer-events:none}"}},[1,"ui-select",{value:[1025],disabled:[4],name:[1],options:[16],placeholder:[1]}]);function n(){"undefined"!=typeof customElements&&["ui-select"].forEach((t=>{"ui-select"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))}n();const d=a,l=n;export{d as UiSelect,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as s,H as t,h as
|
|
1
|
+
import{t as e,p as s,H as t,h as n,a}from"./index.js";const r=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(a,{key:"a7ce8aa1c475aaa92353b0eb6bad5ded231a5cd1"},n("span",{key:"0611976380d3fb93d1ac64bfdc5d4686568c5129",class:"skeleton"}))}static get style(){return":host{display:block}.skeleton{display:block;width:100%;height:100%;min-height:1rem;border-radius:var(--ui-radius-sm);background-color:var(--ui-chip);background-image:linear-gradient( 90deg, transparent, color-mix(in srgb, var(--ui-foreground) 12%, transparent), transparent );background-size:200% 100%;background-repeat:no-repeat;animation:ui-skeleton-shimmer 1.5s ease-in-out infinite}@keyframes ui-skeleton-shimmer{0%{background-position:-150% 0}100%{background-position:150% 0}}"}},[1,"ui-skeleton"]);function i(){"undefined"!=typeof customElements&&["ui-skeleton"].forEach((s=>{"ui-skeleton"===s&&(customElements.get(e(s))||customElements.define(e(s),r))}))}i();const o=r,c=i;export{o as UiSkeleton,c as defineCustomElement}
|
|
@@ -1 +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:"
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as i,H as
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,c as
|
|
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}
|
|
@@ -1 +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:"
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{U as o,d as p}from"./p-
|
|
1
|
+
import{U as o,d as p}from"./p-fApcMAzN.js";const s=o,r=p;export{s as UiToast,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as
|
|
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}
|
|
@@ -1 +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
|
|
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}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
2
|
|
|
3
|
-
const uiAccordionItemCss = () => `:host{display:block;font-family:var(--ui-font-sans);border-bottom:1px solid var(--ui-border)}summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;cursor:pointer;font-weight:500;color:var(--ui-foreground);list-style:none;outline:none}summary::-webkit-details-marker{display:none}summary:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring);border-radius:var(--ui-radius-sm)}.chevron{flex:none;color:var(--ui-text-muted);transition:transform var(--ui-duration) var(--ui-ease)}details[open] .chevron{transform:rotate(180deg)}.content{padding-bottom:1rem;color:var(--ui-text-muted)}`;
|
|
3
|
+
const uiAccordionItemCss = () => `:host{display:block;font-family:var(--ui-font-sans);border-bottom:1px solid var(--ui-border)}summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;cursor:pointer;font-weight:500;color:var(--ui-foreground);list-style:none;outline:none}summary::-webkit-details-marker{display:none}summary:hover{color:var(--ui-accent)}summary:hover .chevron{color:var(--ui-accent)}summary:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring);border-radius:var(--ui-radius-sm)}.chevron{flex:none;color:var(--ui-text-muted);transition:transform var(--ui-duration) var(--ui-ease)}details[open] .chevron{transform:rotate(180deg)}.content{padding-bottom:1rem;color:var(--ui-text-muted)}`;
|
|
4
4
|
|
|
5
5
|
const UiAccordionItem = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -17,7 +17,7 @@ const UiAccordionItem = class {
|
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
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' })))));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
UiAccordionItem.style = uiAccordionItemCss();
|
|
@@ -7,7 +7,7 @@ const UiAccordion = class {
|
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: 'e6332a0fa193f07001cf71f61531729529607b2b' }, h("slot", { key: '95ab7de2a8344e267fe97cae784b75635cafd289' })));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
UiAccordion.style = uiAccordionCss();
|
|
@@ -9,7 +9,7 @@ const UiAvatar = class {
|
|
|
9
9
|
this.alt = "";
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h(Host, { key: '
|
|
12
|
+
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)))));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
UiAvatar.style = uiAvatarCss();
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
2
|
|
|
3
|
-
const uiCardCss = () => `:host{display:block}.card{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-xl);color:var(--ui-
|
|
3
|
+
const uiCardCss = () => `:host{display:block}.card{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;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-xl);color:var(--ui-text-soft);font-family:var(--ui-font-sans)}::slotted([slot="title"]){margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-0.01em;color:var(--ui-foreground)}::slotted([slot="description"]){margin:0;font-size:0.875rem;color:var(--ui-text-muted)}::slotted([slot="footer"]){display:flex;gap:0.75rem;margin-top:0.5rem}`;
|
|
4
4
|
|
|
5
5
|
const UiCard = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
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" }))));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
UiCard.style = uiCardCss();
|
|
@@ -24,7 +24,7 @@ const UiCheckbox = class {
|
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (h(Host, { key: '
|
|
27
|
+
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" })))));
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
UiCheckbox.style = uiCheckboxCss();
|
|
@@ -42,7 +42,7 @@ const UiDialog = class {
|
|
|
42
42
|
this.open = false;
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: 'df811bec2a6a250e90cbb6d9c85202b2d3c2c964' }, h("dialog", { key: '49572b35ec17863fb83e9973c548a8cafa0308b6', class: "dialog", ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: '53c82b2c7a1b8831d64a060b4665a60bbdc7e39a', class: "content" }, h("slot", { key: 'b398a9692fdf2826b86125723bc232791e6b9e4b' })))));
|
|
46
46
|
}
|
|
47
47
|
static get watchers() { return {
|
|
48
48
|
"open": [{
|
|
@@ -44,7 +44,7 @@ const UiDrawer = class {
|
|
|
44
44
|
this.open = false;
|
|
45
45
|
}
|
|
46
46
|
render() {
|
|
47
|
-
return (h(Host, { key: '
|
|
47
|
+
return (h(Host, { key: '9f2f27dcc087f608a3aeed4fe64a65eb8fe4011b' }, h("dialog", { key: '92471e4a732f00e4187efb37cbba553651c2f9dd', class: `drawer side-${this.side}`, ref: (el) => (this.dialogEl = el), onClose: this.onClose, onCancel: this.onClose, onClick: this.onBackdropClick }, h("div", { key: 'd6706d4943f8559aee320b6df509138c44857bf0', class: "content" }, h("slot", { key: '5cb218bde44c73fd02c640c1d0da736427f2707c' })))));
|
|
48
48
|
}
|
|
49
49
|
static get watchers() { return {
|
|
50
50
|
"open": [{
|
|
@@ -16,7 +16,7 @@ const UiDropdownItem = class {
|
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: '57af1c437b63fb19cfe297741b2b0f8d34564be9' }, h("button", { key: 'e3df81eb4c921d8b447c46da5140d21fb8126417', type: "button", class: "item", role: "menuitem", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: '162d876af4ed9913c79964afcdceda7539feb95b' }))));
|
|
20
20
|
}
|
|
21
21
|
get host() { return getElement(this); }
|
|
22
22
|
};
|
|
@@ -81,7 +81,7 @@ const UiDropdownMenu = class {
|
|
|
81
81
|
this.cleanup = undefined;
|
|
82
82
|
}
|
|
83
83
|
render() {
|
|
84
|
-
return (h(Host, { key: '
|
|
84
|
+
return (h(Host, { key: '65adc044508abd9ebf4b866fba02058bdcd22d5d' }, h("span", { key: 'e70a23e1b41c7936ab1dc3a87cd3593b3db43088', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: '40f2226b6ba6f1d3032cd2b2f2477fbcdf9617b5', name: "trigger" })), h("div", { key: '6af4ab3c98a9334d805e75da724d5572e4c986aa', class: { menu: true, "is-open": this.open }, role: "menu", ref: (el) => (this.floatingEl = el) }, h("slot", { key: '7f99ba16ab9544d5cf63b28f77f18fd4d0fbbed2' }))));
|
|
85
85
|
}
|
|
86
86
|
get host() { return getElement(this); }
|
|
87
87
|
static get watchers() { return {
|
|
@@ -9,7 +9,7 @@ const UiField = class {
|
|
|
9
9
|
this.required = false;
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h(Host, { key: '
|
|
12
|
+
return (h(Host, { key: '5656c6d47f71364d26db0e4998e64b8780ee3840' }, h("div", { key: '6adc292e3ae0829c7f5533b2be732644f7e95dab', class: "field" }, this.label && (h("label", { key: 'e7c2e2fa1c3b0bc6edadb1385062fe53e5b2f5f7', class: "label", htmlFor: this.fieldId }, this.label, this.required && (h("span", { key: '06e56259184b4618eb9f2b3602ebb691e6b0ef1b', class: "required", "aria-hidden": "true" }, " *")))), h("slot", { key: 'bd44f4f425f257671eff1ed536051fb318671afc' }), this.error ? (h("p", { class: "error", role: "alert" }, this.error)) : (this.description && h("p", { class: "description" }, this.description)))));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
UiField.style = uiFieldCss();
|
|
@@ -25,7 +25,7 @@ const UiInput = class {
|
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: 'b904b919904db1677ed9480e43bf939138f09dfc' }, h("input", { key: '086b0bdd4a5f5c01af04be41cdee2e72af2376f1', class: { input: true, invalid: this.invalid }, type: this.type, value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange })));
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
UiInput.style = uiInputCss();
|
|
@@ -7,7 +7,7 @@ const UiLabel = class {
|
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: '5ded9464de8fe01a6bb830f4de51975cfd720746' }, h("label", { key: '1a14229c5e511eac3cb4244f546aee71a4f5d399', class: "label" }, h("slot", { key: '7c5def32e92ffdc6dcb1b83c044f5199957f5951' }))));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
UiLabel.style = uiLabelCss();
|
|
@@ -78,7 +78,7 @@ const UiPopover = class {
|
|
|
78
78
|
this.cleanup = undefined;
|
|
79
79
|
}
|
|
80
80
|
render() {
|
|
81
|
-
return (h(Host, { key: '
|
|
81
|
+
return (h(Host, { key: '583667abe2df75e7c9e058b7a668661527ec0b8a' }, h("span", { key: '46eaca2ca8c70acff629ccc5c3c201b42136c30d', class: "trigger", ref: (el) => (this.triggerEl = el), onClick: this.onTriggerClick }, h("slot", { key: 'd81cf859a9887d3b6964ac8e67829cf1a84c58b2', name: "trigger" })), h("div", { key: 'da09ed4fa3eee00ef72fb4c0eba6f0a1b827df15', class: { panel: true, "is-open": this.open }, ref: (el) => (this.floatingEl = el) }, h("slot", { key: 'f2483196e778a14fbe1d537dd7a3c8a6453c0daf' }))));
|
|
82
82
|
}
|
|
83
83
|
get host() { return getElement(this); }
|
|
84
84
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
2
|
|
|
3
|
-
const uiProgressCss = () => `:host{display:block}.track{width:100%;height:0.5rem;border-radius:var(--ui-radius-full);background:var(--ui-chip);overflow:hidden}.indicator{height:100%;border-radius:var(--ui-radius-full);background:var(--ui-accent);transition:width var(--ui-duration) var(--ui-ease)}.indicator.indeterminate{width:40%;animation:ui-progress-slide 1.
|
|
3
|
+
const uiProgressCss = () => `:host{display:block}.track{width:100%;height:0.5rem;border-radius:var(--ui-radius-full);background:var(--ui-chip);border:1px solid var(--ui-border);overflow:hidden;box-sizing:border-box}.indicator{height:100%;min-width:0.5rem;border-radius:var(--ui-radius-full);background:linear-gradient(90deg, var(--ui-accent), var(--ui-accent-strong));box-shadow:0 0 12px color-mix(in srgb, var(--ui-accent) 55%, transparent);transition:width var(--ui-duration) var(--ui-ease)}.indicator.indeterminate{width:40%;min-width:0;animation:ui-progress-slide 1.3s var(--ui-ease) infinite}@keyframes ui-progress-slide{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}`;
|
|
4
4
|
|
|
5
5
|
const UiProgress = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -23,7 +23,7 @@ const UiProgress = class {
|
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
25
|
const determinate = !this.isIndeterminate;
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '66c467df7d762604b0da866268ea75bce4499472', role: "progressbar", "aria-valuenow": determinate ? String(this.value) : undefined, "aria-valuemin": determinate ? "0" : undefined, "aria-valuemax": determinate ? String(this.max) : undefined }, h("div", { key: 'fab67d49344ddd90fbca231212a495c7d2d7a0b1', class: "track" }, h("div", { key: 'dfbd8b412ad24a297e3dacfabd646b812066421e', class: { indicator: true, indeterminate: this.isIndeterminate }, style: determinate ? { width: `${this.percent}%` } : undefined }))));
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
UiProgress.style = uiProgressCss();
|
|
@@ -30,7 +30,7 @@ const UiReveal = class {
|
|
|
30
30
|
this.observer?.disconnect();
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
|
-
return (h(Host, { key: '
|
|
33
|
+
return (h(Host, { key: '0af93c131bf8564bf952ca61637041089b5c34b7' }, h("div", { key: '94a0fc0cf5445b9832994c19eb5600f6227ccc97', class: { reveal: true, visible: this.visible }, style: { transitionDelay: `${this.delay}ms` } }, h("slot", { key: '2a47e0af589790cbe5cfbc10ef49ffde1aced931' }))));
|
|
34
34
|
}
|
|
35
35
|
get host() { return getElement(this); }
|
|
36
36
|
};
|
|
@@ -27,7 +27,7 @@ const UiScrollProgress = class {
|
|
|
27
27
|
window.removeEventListener("scroll", this.onScroll);
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
return (h(Host, { key: '
|
|
30
|
+
return (h(Host, { key: '36bb4460d8219c028ff63216ef562f0d157fd04d' }, h("div", { key: '345b9675be89ede7875c56ad3f86ae2eecdf4f16', class: "bar", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(this.progress * 100), style: { transform: `scaleX(${this.progress})` } })));
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
UiScrollProgress.style = uiScrollProgressCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
2
|
|
|
3
|
-
const uiSectionCss = () => `:host{display:block;font-family:var(--ui-font-sans)}section{max-width:80rem;margin:0 auto;padding:5rem 1.
|
|
3
|
+
const uiSectionCss = () => `:host{display:block;font-family:var(--ui-font-sans)}section{max-width:80rem;margin:0 auto;padding:3.5rem 1.5rem}.eyebrow{display:inline-block;margin:0 0 0.75rem;padding:0.25rem 0.625rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);text-transform:uppercase;letter-spacing:0.12em;font-size:0.6875rem;font-weight:600;color:var(--ui-accent)}.heading{margin:0 0 0.75rem;font-size:2.25rem;font-weight:600;letter-spacing:-0.02em;line-height:1.1;color:var(--ui-foreground)}.description{margin:0 0 2rem;max-width:42rem;color:var(--ui-text-muted)}`;
|
|
4
4
|
|
|
5
5
|
const UiSection = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -13,7 +13,7 @@ const UiSection = class {
|
|
|
13
13
|
this.description = "";
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '17a6e52fb6d1822d7a8a08eef052d972cc322c0a' }, h("section", { key: '228e9c1e4ca2515f585cafa2684932bfac70a25b' }, this.eyebrow && h("p", { key: '93c307b49c39fe2c0b2363d75c9763b3c09446a5', class: "eyebrow" }, this.eyebrow), this.heading && h("h2", { key: '889c652e358f1788c5785f1154f5a45508fa2a61', class: "heading" }, this.heading), this.description && h("p", { key: '09cb09edfbc0dce2b7fd5e9938cafc63e2ddbd9a', class: "description" }, this.description), h("slot", { key: '4f480d0c56263f1e38909e8af8d7cd8d8c2375fe' }))));
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
UiSection.style = uiSectionCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
2
|
|
|
3
|
-
const uiSelectCss = () => `:host{display:block}.wrapper{position:relative;display:block;width:100%}.select{width:100%;height:2.75rem;padding:0 2.5rem 0 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;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none}.select:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.select:disabled{opacity:0.5;pointer-events:none}.chevron{position:absolute;top:50%;right:0.875rem;width:1.125rem;height:1.125rem;color:var(--ui-text-muted);transform:translateY(-50%);pointer-events:none}`;
|
|
3
|
+
const uiSelectCss = () => `:host{display:block}.wrapper{position:relative;display:block;width:100%}.select{width:100%;height:2.75rem;padding:0 2.5rem 0 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;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none}.select:hover:not(:disabled){border-color:var(--ui-border-strong)}.select:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.select:disabled{opacity:0.5;pointer-events:none}.chevron{position:absolute;top:50%;right:0.875rem;width:1.125rem;height:1.125rem;color:var(--ui-text-muted);transform:translateY(-50%);pointer-events:none}`;
|
|
4
4
|
|
|
5
5
|
const UiSelect = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
2
|
|
|
3
|
-
const uiSkeletonCss = () => `:host{display:block}.skeleton{display:block;width:100%;height:100%;border-radius:var(--ui-radius-sm);background:linear-gradient( 90deg,
|
|
3
|
+
const uiSkeletonCss = () => `:host{display:block}.skeleton{display:block;width:100%;height:100%;min-height:1rem;border-radius:var(--ui-radius-sm);background-color:var(--ui-chip);background-image:linear-gradient( 90deg, transparent, color-mix(in srgb, var(--ui-foreground) 12%, transparent), transparent );background-size:200% 100%;background-repeat:no-repeat;animation:ui-skeleton-shimmer 1.5s ease-in-out infinite}@keyframes ui-skeleton-shimmer{0%{background-position:-150% 0}100%{background-position:150% 0}}`;
|
|
4
4
|
|
|
5
5
|
const UiSkeleton = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: 'a7ce8aa1c475aaa92353b0eb6bad5ded231a5cd1' }, h("span", { key: '0611976380d3fb93d1ac64bfdc5d4686568c5129', class: "skeleton" })));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
UiSkeleton.style = uiSkeletonCss();
|
|
@@ -27,7 +27,7 @@ const UiSlider = class {
|
|
|
27
27
|
};
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
return (h(Host, { key: '
|
|
30
|
+
return (h(Host, { key: '08226142947909bff3ccecd5fc780d75515c2ee2' }, h("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 })));
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
UiSlider.style = uiSliderCss();
|
|
@@ -24,7 +24,7 @@ const UiSwitch = class {
|
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: '0650dcb564622448421a576b17093cfeeb7a3a6d' }, h("button", { key: '09e705ce9642f4c11b84bc876577b9e55dab1e52', class: "switch", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("span", { key: 'd237bee4724d5f9a199f4794217d1528c074caac', class: "thumb" }))));
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
UiSwitch.style = uiSwitchCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
2
|
|
|
3
|
-
const uiTabsCss = () => `: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.active{background:var(--ui-panel-strong);color:var(--ui-foreground)}`;
|
|
3
|
+
const uiTabsCss = () => `: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}`;
|
|
4
4
|
|
|
5
5
|
const UiTabs = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -21,7 +21,7 @@ const UiTabs = class {
|
|
|
21
21
|
return (h(Host, { key: '8828dc9385a8c206a751e39fda9869116dda3001' }, h("div", { key: '8e13dc53f1c03da5a52adb8ec86da91c78c502b2', class: "tablist", role: "tablist" }, this.items.map((item) => {
|
|
22
22
|
const active = item.value === this.value;
|
|
23
23
|
return (h("button", { key: item.value, class: { tab: true, active }, type: "button", role: "tab", "aria-selected": active ? "true" : "false", onClick: () => this.select(item.value) }, item.label));
|
|
24
|
-
})), h("slot", { key: '
|
|
24
|
+
})), h("div", { key: '1e46e18417426af6053490cde8e7637e4bae7855', class: "panel", role: "tabpanel" }, h("slot", { key: 'efb63794fca013a54a1b2f261c4a72cd18ce3ef0', name: this.value }))));
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
UiTabs.style = uiTabsCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
2
|
|
|
3
|
-
const uiTextareaCss = () => `: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: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)}`;
|
|
3
|
+
const uiTextareaCss = () => `: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)}`;
|
|
4
4
|
|
|
5
5
|
const UiTextarea = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -25,7 +25,7 @@ const UiTextarea = class {
|
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: 'f0bafb6320cd48642dac3b5f1e07399f88a78b03' }, h("textarea", { key: 'fc99c0b899dd17477928b9f38273fd822d46935b', class: { textarea: true, 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)));
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
UiTextarea.style = uiTextareaCss();
|
|
@@ -55,7 +55,7 @@ const UiThemeToggle = class {
|
|
|
55
55
|
return (h("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" }, h("circle", { cx: "12", cy: "12", r: "4" }), h("line", { x1: "12", y1: "2", x2: "12", y2: "4" }), h("line", { x1: "12", y1: "20", x2: "12", y2: "22" }), h("line", { x1: "2", y1: "12", x2: "4", y2: "12" }), h("line", { x1: "20", y1: "12", x2: "22", y2: "12" }), h("line", { x1: "4.93", y1: "4.93", x2: "6.34", y2: "6.34" }), h("line", { x1: "17.66", y1: "17.66", x2: "19.07", y2: "19.07" }), h("line", { x1: "4.93", y1: "19.07", x2: "6.34", y2: "17.66" }), h("line", { x1: "17.66", y1: "6.34", x2: "19.07", y2: "4.93" })));
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
return (h(Host, { key: '
|
|
58
|
+
return (h(Host, { key: '6b55c31df3938ab37336e4e4c4ed90e9b149a440' }, h("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())));
|
|
59
59
|
}
|
|
60
60
|
};
|
|
61
61
|
UiThemeToggle.style = uiThemeToggleCss();
|
|
@@ -52,7 +52,7 @@ const UiToast = class {
|
|
|
52
52
|
this.dismiss();
|
|
53
53
|
}
|
|
54
54
|
render() {
|
|
55
|
-
return (h(Host, { key: '
|
|
55
|
+
return (h(Host, { key: 'fe0318f91899e78faeb2ac07a7a06bfe42f9d3fd' }, this.open && (h("div", { key: '66dc197d7a493ad7a7cb9aa982fc92bc0541d21f', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, h("div", { key: 'df1fbb34582de4d10a84402653e7d7d528d8faa0', class: "body" }, this.heading && h("p", { key: '7c14d43a9397320bda3a79b60637da9d48c31945', class: "heading" }, this.heading), this.description && (h("p", { key: '6c83f1b075b3df34c1ce05e8c43627903ddbba4e', class: "description" }, this.description))), h("button", { key: '922acc1bc264b59ce708014decb078182d7909b4', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, h("svg", { key: '10541297b8fc83a5da11b640933f6c3695602cb0', width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { key: '964b3dc70120841eb01fffeef9e7ddcbd30880ec', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: 'e45490846076269a527a0f722e32e61206cc2d9d', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
|
|
56
56
|
}
|
|
57
57
|
static get watchers() { return {
|
|
58
58
|
"open": [{
|
|
@@ -19,7 +19,7 @@ const UiToaster = class {
|
|
|
19
19
|
this.items = this.items.filter((item) => item.id !== id);
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: '18ad65a18488bd061c2fa8eb2ad33c41a472d850' }, h("div", { key: 'de7ae9b62cd155d13c5a8d018ea2970d509e74e6', class: "container" }, this.items.map((item) => (h("ui-toast", { key: item.id, open: true, heading: item.heading, description: item.description, variant: item.variant ?? "default", duration: item.duration ?? 4000, onUiClose: () => this.remove(item.id) }))))));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
UiToaster.style = uiToasterCss();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, a as getElement } from './index-DYwlrXg_.js';
|
|
2
2
|
import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom-CyBRmmbs.js';
|
|
3
3
|
|
|
4
|
-
const uiTooltipCss = () => `: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.
|
|
4
|
+
const uiTooltipCss = () => `: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)}`;
|
|
5
5
|
|
|
6
6
|
const UiTooltip = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -53,7 +53,7 @@ const UiTooltip = class {
|
|
|
53
53
|
this.cleanup = undefined;
|
|
54
54
|
}
|
|
55
55
|
render() {
|
|
56
|
-
return (h(Host, { key: '
|
|
56
|
+
return (h(Host, { key: '5a3f2a7cf235a6c31c8a4d3ebd4f0d517c7e7b5d', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, h("span", { key: 'f626c5ec5686959449c5a2dd1c80551fd6b19087', class: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: '08a19214efd0eba04d715b76a63a2cc53ed3a5c6' })), h("div", { key: 'b598af62ab976599a5274cc85f01b4ab7543dabf', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
|
|
57
57
|
}
|
|
58
58
|
get host() { return getElement(this); }
|
|
59
59
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as r,H as a}from"./p-DYwlrXg_.js";const t=class{constructor(r){e(this,r),this.uiChange=i(this,"uiChange"),this.checked=!1,this.disabled=!1,this.toggle=()=>{this.disabled||(this.checked=!this.checked,this.uiChange.emit(this.checked))},this.onKeyDown=e=>{" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.toggle())}}render(){return r(a,{key:"
|
|
1
|
+
import{r as e,c as i,h as r,H as a}from"./p-DYwlrXg_.js";const t=class{constructor(r){e(this,r),this.uiChange=i(this,"uiChange"),this.checked=!1,this.disabled=!1,this.toggle=()=>{this.disabled||(this.checked=!this.checked,this.uiChange.emit(this.checked))},this.onKeyDown=e=>{" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.toggle())}}render(){return r(a,{key:"3702acd47b1980ddf23df427a68c69ee782756e4"},r("button",{key:"8cc709719dd004d01ca6ed82c0fab53ed38f8962",class:"checkbox",type:"button",role:"checkbox","aria-checked":this.checked?"true":"false",disabled:this.disabled,onClick:this.toggle,onKeyDown:this.onKeyDown},r("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"},r("polyline",{key:"34a601d25b20fdf1ad697349531888648795f4bf",points:"20 6 9 17 4 12"}))))}};t.style=':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)}';export{t as ui_checkbox}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as r,H as s}from"./p-DYwlrXg_.js";const a=class{constructor(r){i(this,r),this.uiInput=t(this,"uiInput"),this.uiChange=t(this,"uiChange"),this.value="",this.type="text",this.disabled=!1,this.invalid=!1,this.onInput=i=>{const t=i.target;this.value=t.value,this.uiInput.emit(t.value)},this.onChange=i=>{this.uiChange.emit(i.target.value)}}render(){return r(s,{key:"
|
|
1
|
+
import{r as i,c as t,h as r,H as s}from"./p-DYwlrXg_.js";const a=class{constructor(r){i(this,r),this.uiInput=t(this,"uiInput"),this.uiChange=t(this,"uiChange"),this.value="",this.type="text",this.disabled=!1,this.invalid=!1,this.onInput=i=>{const t=i.target;this.value=t.value,this.uiInput.emit(t.value)},this.onChange=i=>{this.uiChange.emit(i.target.value)}}render(){return r(s,{key:"b904b919904db1677ed9480e43bf939138f09dfc"},r("input",{key:"086b0bdd4a5f5c01af04be41cdee2e72af2376f1",class:{input:!0,invalid:this.invalid},type:this.type,value:this.value,name:this.name,placeholder:this.placeholder,disabled:this.disabled,"aria-invalid":this.invalid?"true":null,onInput:this.onInput,onChange:this.onChange}))}};a.style=":host{display:block}.input{width:100%;height:2.75rem;padding:0 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;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box}.input::placeholder{color:var(--ui-text-faint)}.input:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.input:disabled{opacity:0.5;pointer-events:none}.input.invalid{border-color:var(--ui-danger)}.input.invalid:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}";export{a as ui_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as r,H as i}from"./p-DYwlrXg_.js";const s=class{constructor(r){e(this,r),this.required=!1}render(){return r(i,{key:"5656c6d47f71364d26db0e4998e64b8780ee3840"},r("div",{key:"6adc292e3ae0829c7f5533b2be732644f7e95dab",class:"field"},this.label&&r("label",{key:"e7c2e2fa1c3b0bc6edadb1385062fe53e5b2f5f7",class:"label",htmlFor:this.fieldId},this.label,this.required&&r("span",{key:"06e56259184b4618eb9f2b3602ebb691e6b0ef1b",class:"required","aria-hidden":"true"}," *")),r("slot",{key:"bd44f4f425f257671eff1ed536051fb318671afc"}),this.error?r("p",{class:"error",role:"alert"},this.error):this.description&&r("p",{class:"description"},this.description)))}};s.style=":host{display:block}.field{display:flex;flex-direction:column;gap:0.375rem}.label{font-family:var(--ui-font-sans);font-size:0.875rem;font-weight:500;color:var(--ui-foreground)}.required{color:var(--ui-danger)}.error{margin:0;font-family:var(--ui-font-sans);font-size:0.75rem;color:var(--ui-danger)}.description{margin:0;font-family:var(--ui-font-sans);font-size:0.75rem;color:var(--ui-text-muted)}";export{s as ui_field}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as r,h as e,H as i}from"./p-DYwlrXg_.js";const t=class{constructor(e){a(this,e),this.uiChange=r(this,"uiChange"),this.value="",this.items=[],this.select=a=>{a!==this.value&&(this.value=a,this.uiChange.emit(a))}}render(){return e(i,{key:"8828dc9385a8c206a751e39fda9869116dda3001"},e("div",{key:"8e13dc53f1c03da5a52adb8ec86da91c78c502b2",class:"tablist",role:"tablist"},this.items.map((a=>{const r=a.value===this.value;return e("button",{key:a.value,class:{tab:!0,active:r},type:"button",role:"tab","aria-selected":r?"true":"false",onClick:()=>this.select(a.value)},a.label)}))),e("div",{key:"1e46e18417426af6053490cde8e7637e4bae7855",class:"panel",role:"tabpanel"},e("slot",{key:"efb63794fca013a54a1b2f261c4a72cd18ce3ef0",name:this.value})))}};t.style=":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}";export{t as ui_tabs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as i,h as e,H as a}from"./p-DYwlrXg_.js";const s=class{constructor(e){r(this,e),this.uiInput=i(this,"uiInput"),this.uiChange=i(this,"uiChange"),this.value=50,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.onInput=r=>{const i=Number(r.target.value);this.value=i,this.uiInput.emit(i)},this.onChange=r=>{this.uiChange.emit(Number(r.target.value))}}render(){return e(a,{key:"
|
|
1
|
+
import{r,c as i,h as e,H as a}from"./p-DYwlrXg_.js";const s=class{constructor(e){r(this,e),this.uiInput=i(this,"uiInput"),this.uiChange=i(this,"uiChange"),this.value=50,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.onInput=r=>{const i=Number(r.target.value);this.value=i,this.uiInput.emit(i)},this.onChange=r=>{this.uiChange.emit(Number(r.target.value))}}render(){return e(a,{key:"08226142947909bff3ccecd5fc780d75515c2ee2"},e("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}))}};s.style=":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)}";export{s as ui_slider}
|