@andespindola/ui-core 0.1.0 → 0.2.0
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/loader.cjs.js +1 -1
- 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-alert.cjs.entry.js +40 -0
- package/dist/cjs/ui-avatar-group.cjs.entry.js +17 -0
- package/dist/cjs/ui-avatar.cjs.entry.js +2 -2
- package/dist/cjs/ui-badge.cjs.entry.js +7 -2
- package/dist/cjs/ui-breadcrumb-item.cjs.entry.js +23 -0
- package/dist/cjs/ui-breadcrumb.cjs.entry.js +17 -0
- package/dist/cjs/ui-button.cjs.entry.js +5 -3
- package/dist/cjs/ui-card.cjs.entry.js +2 -2
- package/dist/cjs/ui-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/ui-container.cjs.entry.js +26 -0
- 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-grid.cjs.entry.js +34 -0
- package/dist/cjs/ui-input.cjs.entry.js +10 -2
- package/dist/cjs/ui-label.cjs.entry.js +1 -1
- package/dist/cjs/ui-pagination.cjs.entry.js +63 -0
- package/dist/cjs/ui-popover.cjs.entry.js +1 -1
- package/dist/cjs/ui-progress.cjs.entry.js +2 -2
- package/dist/cjs/ui-radio-group.cjs.entry.js +1 -1
- 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-segmented.cjs.entry.js +31 -0
- package/dist/cjs/ui-select.cjs.entry.js +2 -2
- package/dist/cjs/ui-separator.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-spinner.cjs.entry.js +1 -1
- package/dist/cjs/ui-stack.cjs.entry.js +53 -0
- package/dist/cjs/ui-stat.cjs.entry.js +28 -0
- package/dist/cjs/ui-switch.cjs.entry.js +1 -1
- package/dist/cjs/ui-tabs.cjs.entry.js +3 -3
- 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/cjs/uikit.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +10 -0
- 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-alert/ui-alert.css +95 -0
- package/dist/collection/components/ui-alert/ui-alert.js +134 -0
- package/dist/collection/components/ui-avatar/ui-avatar.css +31 -0
- package/dist/collection/components/ui-avatar/ui-avatar.js +20 -1
- package/dist/collection/components/ui-avatar-group/ui-avatar-group.css +22 -0
- package/dist/collection/components/ui-avatar-group/ui-avatar-group.js +21 -0
- package/dist/collection/components/ui-badge/ui-badge.css +26 -0
- package/dist/collection/components/ui-badge/ui-badge.js +63 -1
- package/dist/collection/components/ui-breadcrumb/ui-breadcrumb.css +15 -0
- package/dist/collection/components/ui-breadcrumb/ui-breadcrumb.js +18 -0
- package/dist/collection/components/ui-breadcrumb-item/ui-breadcrumb-item.css +30 -0
- package/dist/collection/components/ui-breadcrumb-item/ui-breadcrumb-item.js +69 -0
- package/dist/collection/components/ui-button/ui-button.css +11 -1
- package/dist/collection/components/ui-button/ui-button.js +24 -2
- 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.css +6 -2
- package/dist/collection/components/ui-checkbox/ui-checkbox.js +1 -1
- package/dist/collection/components/ui-container/ui-container.css +38 -0
- package/dist/collection/components/ui-container/ui-container.js +79 -0
- 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-grid/ui-grid.css +8 -0
- package/dist/collection/components/ui-grid/ui-grid.js +106 -0
- package/dist/collection/components/ui-input/ui-input.css +65 -14
- package/dist/collection/components/ui-input/ui-input.js +29 -1
- package/dist/collection/components/ui-label/ui-label.js +1 -1
- package/dist/collection/components/ui-pagination/ui-pagination.css +59 -0
- package/dist/collection/components/ui-pagination/ui-pagination.js +147 -0
- 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-radio-group/ui-radio-group.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-segmented/ui-segmented.css +46 -0
- package/dist/collection/components/ui-segmented/ui-segmented.js +99 -0
- package/dist/collection/components/ui-select/ui-select.css +4 -0
- package/dist/collection/components/ui-select/ui-select.js +1 -1
- package/dist/collection/components/ui-separator/ui-separator.js +1 -1
- 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-spinner/ui-spinner.js +1 -1
- package/dist/collection/components/ui-stack/ui-stack.css +8 -0
- package/dist/collection/components/ui-stack/ui-stack.js +184 -0
- package/dist/collection/components/ui-stat/ui-stat.css +69 -0
- package/dist/collection/components/ui-stat/ui-stat.js +118 -0
- 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 +2 -2
- 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-Bz9HyboB.js → p-BwNtNvTb.js} +1 -1
- package/dist/components/{p-C8ePpPG3.js → p-CgsjJD8o.js} +1 -1
- package/dist/components/ui-accordion-item.js +1 -1
- package/dist/components/ui-accordion.js +1 -1
- package/dist/components/ui-alert.d.ts +11 -0
- package/dist/components/ui-alert.js +1 -0
- package/dist/components/ui-avatar-group.d.ts +11 -0
- package/dist/components/ui-avatar-group.js +1 -0
- package/dist/components/ui-avatar.js +1 -1
- package/dist/components/ui-badge.js +1 -1
- package/dist/components/ui-breadcrumb-item.d.ts +11 -0
- package/dist/components/ui-breadcrumb-item.js +1 -0
- package/dist/components/ui-breadcrumb.d.ts +11 -0
- package/dist/components/ui-breadcrumb.js +1 -0
- package/dist/components/ui-button.js +1 -1
- package/dist/components/ui-card.js +1 -1
- package/dist/components/ui-checkbox.js +1 -1
- package/dist/components/ui-container.d.ts +11 -0
- package/dist/components/ui-container.js +1 -0
- 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-grid.d.ts +11 -0
- package/dist/components/ui-grid.js +1 -0
- package/dist/components/ui-input.js +1 -1
- package/dist/components/ui-label.js +1 -1
- package/dist/components/ui-loading-overlay.js +1 -1
- package/dist/components/ui-pagination.d.ts +11 -0
- package/dist/components/ui-pagination.js +1 -0
- package/dist/components/ui-popover.js +1 -1
- package/dist/components/ui-progress.js +1 -1
- package/dist/components/ui-radio-group.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-segmented.d.ts +11 -0
- package/dist/components/ui-segmented.js +1 -0
- package/dist/components/ui-select.js +1 -1
- package/dist/components/ui-separator.js +1 -1
- package/dist/components/ui-skeleton.js +1 -1
- package/dist/components/ui-slider.js +1 -1
- package/dist/components/ui-spinner.js +1 -1
- package/dist/components/ui-stack.d.ts +11 -0
- package/dist/components/ui-stack.js +1 -0
- package/dist/components/ui-stat.d.ts +11 -0
- package/dist/components/ui-stat.js +1 -0
- 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/loader.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-alert.entry.js +38 -0
- package/dist/esm/ui-avatar-group.entry.js +15 -0
- package/dist/esm/ui-avatar.entry.js +2 -2
- package/dist/esm/ui-badge.entry.js +8 -3
- package/dist/esm/ui-breadcrumb-item.entry.js +21 -0
- package/dist/esm/ui-breadcrumb.entry.js +15 -0
- package/dist/esm/ui-button.entry.js +5 -3
- package/dist/esm/ui-card.entry.js +2 -2
- package/dist/esm/ui-checkbox.entry.js +2 -2
- package/dist/esm/ui-container.entry.js +24 -0
- 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-grid.entry.js +32 -0
- package/dist/esm/ui-input.entry.js +10 -2
- package/dist/esm/ui-label.entry.js +1 -1
- package/dist/esm/ui-pagination.entry.js +61 -0
- package/dist/esm/ui-popover.entry.js +1 -1
- package/dist/esm/ui-progress.entry.js +2 -2
- package/dist/esm/ui-radio-group.entry.js +1 -1
- 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-segmented.entry.js +29 -0
- package/dist/esm/ui-select.entry.js +2 -2
- package/dist/esm/ui-separator.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-spinner.entry.js +1 -1
- package/dist/esm/ui-stack.entry.js +51 -0
- package/dist/esm/ui-stat.entry.js +26 -0
- package/dist/esm/ui-switch.entry.js +1 -1
- package/dist/esm/ui-tabs.entry.js +3 -3
- 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/esm/uikit.js +1 -1
- package/dist/types/components/ui-alert/ui-alert.d.ts +17 -0
- package/dist/types/components/ui-avatar/ui-avatar.d.ts +2 -0
- package/dist/types/components/ui-avatar-group/ui-avatar-group.d.ts +6 -0
- package/dist/types/components/ui-badge/ui-badge.d.ts +7 -0
- package/dist/types/components/ui-breadcrumb/ui-breadcrumb.d.ts +3 -0
- package/dist/types/components/ui-breadcrumb-item/ui-breadcrumb-item.d.ts +8 -0
- package/dist/types/components/ui-button/ui-button.d.ts +2 -0
- package/dist/types/components/ui-container/ui-container.d.ts +8 -0
- package/dist/types/components/ui-grid/ui-grid.d.ts +10 -0
- package/dist/types/components/ui-input/ui-input.d.ts +3 -0
- package/dist/types/components/ui-pagination/ui-pagination.d.ts +15 -0
- package/dist/types/components/ui-segmented/ui-segmented.d.ts +15 -0
- package/dist/types/components/ui-stack/ui-stack.d.ts +17 -0
- package/dist/types/components/ui-stat/ui-stat.d.ts +13 -0
- package/dist/types/components.d.ts +552 -0
- package/dist/uikit/{p-8cebbe65.entry.js → p-09895cd0.entry.js} +1 -1
- package/dist/uikit/p-0cba0d11.entry.js +1 -0
- package/dist/uikit/p-12db6a6e.entry.js +1 -0
- package/dist/uikit/{p-4a1abc1c.entry.js → p-1d016ea4.entry.js} +1 -1
- package/dist/uikit/{p-19b81437.entry.js → p-25637424.entry.js} +1 -1
- package/dist/uikit/p-2601d8b6.entry.js +1 -0
- package/dist/uikit/p-2de05aac.entry.js +1 -0
- package/dist/uikit/{p-3d30bc7a.entry.js → p-3996590f.entry.js} +1 -1
- package/dist/uikit/p-3fc062a6.entry.js +1 -0
- package/dist/uikit/p-45e80e73.entry.js +1 -0
- package/dist/uikit/{p-b61e3df4.entry.js → p-55a23f91.entry.js} +1 -1
- package/dist/uikit/p-567f7496.entry.js +1 -0
- package/dist/uikit/p-5951a496.entry.js +1 -0
- package/dist/uikit/{p-9aa557d1.entry.js → p-595e146f.entry.js} +1 -1
- package/dist/uikit/p-635862e6.entry.js +1 -0
- package/dist/uikit/{p-c72ed105.entry.js → p-67963692.entry.js} +1 -1
- package/dist/uikit/p-6c0e9809.entry.js +1 -0
- package/dist/uikit/p-74b60a60.entry.js +1 -0
- package/dist/uikit/p-7a3d85da.entry.js +1 -0
- package/dist/uikit/{p-f7402442.entry.js → p-7f2c2924.entry.js} +1 -1
- package/dist/uikit/{p-5df32809.entry.js → p-81b45a43.entry.js} +1 -1
- package/dist/uikit/p-86ed6154.entry.js +1 -0
- package/dist/uikit/p-94ad46a5.entry.js +1 -0
- package/dist/uikit/{p-e410c789.entry.js → p-95cd976e.entry.js} +1 -1
- package/dist/uikit/{p-4382718f.entry.js → p-979f6178.entry.js} +1 -1
- package/dist/uikit/p-97d4dbf4.entry.js +1 -0
- package/dist/uikit/p-9a4dc343.entry.js +1 -0
- package/dist/uikit/p-9a9590b9.entry.js +1 -0
- package/dist/uikit/p-a01305a5.entry.js +1 -0
- package/dist/uikit/p-a080f46a.entry.js +1 -0
- package/dist/uikit/p-a92a7b19.entry.js +1 -0
- package/dist/uikit/p-a977a0db.entry.js +1 -0
- package/dist/uikit/p-b2df8437.entry.js +1 -0
- package/dist/uikit/{p-9e7b81ef.entry.js → p-c73c1009.entry.js} +1 -1
- package/dist/uikit/{p-83159bfc.entry.js → p-cd0ec835.entry.js} +1 -1
- package/dist/uikit/p-d20452b4.entry.js +1 -0
- package/dist/uikit/p-d7021157.entry.js +1 -0
- package/dist/uikit/p-db07f9c5.entry.js +1 -0
- package/dist/uikit/p-dca9f6f9.entry.js +1 -0
- package/dist/uikit/p-ddd70374.entry.js +1 -0
- package/dist/uikit/{p-629c1728.entry.js → p-faa98928.entry.js} +1 -1
- package/dist/uikit/p-fd832f52.entry.js +1 -0
- package/dist/uikit/uikit.esm.js +1 -1
- package/package.json +8 -3
- package/dist/uikit/p-06d6d907.entry.js +0 -1
- package/dist/uikit/p-0fb4949b.entry.js +0 -1
- package/dist/uikit/p-162302d1.entry.js +0 -1
- package/dist/uikit/p-24edfe3e.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-8bcd423c.entry.js +0 -1
- package/dist/uikit/p-90d49509.entry.js +0 -1
- package/dist/uikit/p-94fb298e.entry.js +0 -1
- package/dist/uikit/p-9c57cf57.entry.js +0 -1
- package/dist/uikit/p-9d784b04.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
|
|
1
|
+
import{t as e,p as i,H as a,c as t,h as r,a as s}from"./index.js";const n=i(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uiInput=t(this,"uiInput"),this.uiChange=t(this,"uiChange"),this.value="",this.type="text",this.disabled=!1,this.invalid=!1,this.clearable=!1,this.onInput=e=>{const i=e.target;this.value=i.value,this.uiInput.emit(i.value)},this.onChange=e=>{this.uiChange.emit(e.target.value)},this.clear=()=>{this.value="",this.uiInput.emit(""),this.uiChange.emit("")}}render(){const e=this.clearable&&!!this.value&&!this.disabled;return r(s,{key:"a87a7c9a1aba5631099f2f9c3a3083a9e7374854"},r("div",{key:"04d3493ab32a4636f3f2540aaba0b30e4c018225",class:{field:!0,invalid:this.invalid,disabled:this.disabled}},r("span",{key:"66fa079a8b6ccc62dca78f4266d92800dd8727b0",class:"affix"},r("slot",{key:"c9db74515db3226bc730beb42a2a8f2d8eb6ee9f",name:"prefix"})),r("input",{key:"a8f4db568e49ee22b5eeae078c4e4b3fdbc48983",class:"input",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}),e&&r("button",{key:"e38a2279db1b1c677274a6e22019bf3183ae1920",class:"clear",type:"button","aria-label":"Limpar",onClick:this.clear},r("svg",{key:"0982ea65d3b1598620953fcd600b1eb1945348ee",viewBox:"0 0 24 24",width:"14",height:"14",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},r("path",{key:"26f833d4ccf8feab9f2ec4f4527b8c8e9c00d09b",d:"M18 6 6 18M6 6l12 12"}))),r("span",{key:"22c7d4d4a030157a4a9eb73ef0a260f4db56c848",class:"affix"},r("slot",{key:"fa74011b1237908aa9eea78f88294afcdf09f0f5",name:"suffix"}))))}static get style(){return':host{display:block}.field{display:flex;align-items:center;gap:0.5rem;width:100%;height:2.75rem;padding:0 0.875rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box}.field:hover:not(.disabled){border-color:var(--ui-border-strong)}.field:focus-within{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.field.invalid{border-color:var(--ui-danger)}.field.invalid:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}.field.disabled{opacity:0.5;pointer-events:none}.input{flex:1;min-width:0;height:100%;border:none;background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;outline:none}.input::placeholder{color:var(--ui-text-faint)}.affix{display:inline-flex;align-items:center;color:var(--ui-text-muted)}.affix::slotted(svg),::slotted([slot="prefix"]),::slotted([slot="suffix"]){display:inline-flex;color:var(--ui-text-muted)}.clear{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:var(--ui-radius-full);background:var(--ui-chip);color:var(--ui-text-muted);cursor:pointer;transition:all var(--ui-duration) var(--ui-ease)}.clear:hover{color:var(--ui-foreground);background:var(--ui-panel-strong)}'}},[257,"ui-input",{value:[1025],placeholder:[1],type:[1],disabled:[4],invalid:[4],name:[1],clearable:[4]}]);function o(){"undefined"!=typeof customElements&&["ui-input"].forEach((i=>{"ui-input"===i&&(customElements.get(e(i))||customElements.define(e(i),n))}))}o();const d=n,l=o;export{d as UiInput,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as
|
|
1
|
+
import{t as e,p as t,H as a,h as s,a as l}from"./index.js";const n=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(l,{key:"15695a208223a3270e49d72972a49c26fe3acd4d"},s("label",{key:"a6d0290c845797368e59fa936b80c8fee55dbcb1",class:"label"},s("slot",{key:"daae42c194f0c31d69a82bfad95a97b85cf2cdf2"})))}static get style(){return":host{display:inline-block}.label{font-family:var(--ui-font-sans);font-size:0.875rem;font-weight:500;color:var(--ui-foreground)}"}},[257,"ui-label"]);function o(){"undefined"!=typeof customElements&&["ui-label"].forEach((t=>{"ui-label"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))}o();const c=n,i=o;export{c as UiLabel,i as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as s,H as i,h as t,a as n}from"./index.js";import{d as r}from"./p-
|
|
1
|
+
import{t as e,p as s,H as i,h as t,a as n}from"./index.js";import{d as r}from"./p-BwNtNvTb.js";const o=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.visible=!1,this.spinnerSize="md"}render(){return this.visible?t(n,{role:"status","aria-live":"polite"},t("div",{class:"overlay"},t("ui-spinner",{size:this.spinnerSize}),this.label&&t("p",{class:"label"},this.label))):t(n,null)}static get style(){return":host{display:contents}.overlay{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;background:var(--ui-overlay);backdrop-filter:blur(4px);border-radius:inherit;font-family:var(--ui-font-sans)}.label{margin:0;font-size:0.875rem;color:var(--ui-text-soft)}"}},[1,"ui-loading-overlay",{visible:[4],label:[1],spinnerSize:[1,"spinner-size"]}]);function a(){"undefined"!=typeof customElements&&["ui-loading-overlay","ui-spinner"].forEach((s=>{switch(s){case"ui-loading-overlay":customElements.get(e(s))||customElements.define(e(s),o);break;case"ui-spinner":customElements.get(e(s))||r()}}))}a();const l=o,u=a;export{l as UiLoadingOverlay,u as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface UiPagination extends Components.UiPagination, HTMLElement {}
|
|
4
|
+
export const UiPagination: {
|
|
5
|
+
prototype: UiPagination;
|
|
6
|
+
new (): UiPagination;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as i,H as a,c as e,h as n,a as s}from"./index.js";const r=i(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.uiChange=e(this,"uiChange"),this.total=1,this.current=1,this.siblings=1,this.clamp=t=>Math.min(Math.max(t,1),Math.max(this.total,1)),this.go=t=>{const i=this.clamp(t);i!==this.current&&(this.current=i,this.uiChange.emit(i))},this.buildRange=()=>{const t=Math.max(this.total,1),i=this.clamp(this.current),a=Math.max(this.siblings,0),e=Math.max(i-a,1),n=Math.min(i+a,t),s=new Set([1,t]);for(let t=e;t<=n;t+=1)s.add(t);const r=Array.from(s).filter((i=>i>=1&&i<=t)).sort(((t,i)=>t-i)),o=[];let c=0;for(const t of r)c&&t-c>1&&o.push("..."),o.push(t),c=t;return o}}render(){const t=Math.max(this.total,1),i=this.clamp(this.current),a=this.buildRange();return n(s,{key:"405a1c41db3850f25ffc14a053b12c0767809b1e"},n("nav",{key:"bd9baa3307cb5576ca81ab82653b44ccd4cb0385",class:"pagination",role:"navigation","aria-label":"Paginação"},n("button",{key:"8efdfeb278037fabab6b82ba4083a7d23a00d612",class:"page nav",type:"button","aria-label":"Página anterior",disabled:i<=1,onClick:()=>this.go(i-1)},"‹"),a.map(((t,a)=>{if("..."===t)return n("span",{key:"ellipsis-"+a,class:"ellipsis","aria-hidden":"true"},"…");const e=t===i;return n("button",{key:t,class:{page:!0,active:e},type:"button","aria-label":"Página "+t,"aria-current":e?"page":void 0,onClick:()=>this.go(t)},t)})),n("button",{key:"5ba13b9a59857423e65a4d10630eb66cc32c30fe",class:"page nav",type:"button","aria-label":"Próxima página",disabled:i>=t,onClick:()=>this.go(i+1)},"›")))}static get style(){return":host{display:inline-block}.pagination{display:inline-flex;align-items:center;gap:0.25rem;font-family:var(--ui-font-sans)}.page{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 0.5rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.page:hover{border-color:var(--ui-border-strong);background:var(--ui-chip)}.page:focus-visible{box-shadow:0 0 0 2px var(--ui-ring)}.page:disabled{pointer-events:none;opacity:0.5}.page.active{background:var(--ui-accent);color:var(--ui-accent-contrast);border-color:var(--ui-accent);box-shadow:var(--ui-shadow-sm)}.ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;color:var(--ui-text-faint);font-size:0.875rem}"}},[1,"ui-pagination",{total:[2],current:[1538],siblings:[2]}]);function o(){"undefined"!=typeof customElements&&["ui-pagination"].forEach((i=>{"ui-pagination"===i&&(customElements.get(t(i))||customElements.define(t(i),r))}))}o();const c=r,l=o;export{c as UiPagination,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as s,H as i,c as e,h as a,a as o}from"./index.js";import{a as n,c as r,o as c,f as
|
|
1
|
+
import{t,p as s,H as i,c as e,h as a,a as o}from"./index.js";import{a as n,c as r,o as c,f as d,s as h}from"./p-CyBRmmbs.js";const p=s(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.uiOpenChange=e(this,"uiOpenChange"),this.open=!1,this.placement="bottom",this.onTriggerClick=t=>{t.stopPropagation(),this.setOpen(!this.open)},this.onDocumentClick=t=>{this.open&&(t.composedPath().includes(this.host)||this.setOpen(!1))},this.onKeydown=t=>{"Escape"===t.key&&this.open&&this.setOpen(!1)}}onOpenChange(t){t?(requestAnimationFrame((()=>this.start())),document.addEventListener("click",this.onDocumentClick),document.addEventListener("keydown",this.onKeydown)):(this.stop(),document.removeEventListener("click",this.onDocumentClick),document.removeEventListener("keydown",this.onKeydown))}disconnectedCallback(){this.stop(),document.removeEventListener("click",this.onDocumentClick),document.removeEventListener("keydown",this.onKeydown)}async show(){this.setOpen(!0)}async close(){this.setOpen(!1)}setOpen(t){this.open!==t&&(this.open=t,this.uiOpenChange.emit(t))}start(){this.triggerEl&&this.floatingEl&&(this.stop(),this.cleanup=n(this.triggerEl,this.floatingEl,(()=>{this.triggerEl&&this.floatingEl&&r(this.triggerEl,this.floatingEl,{placement:this.placement,middleware:[c(8),d(),h({padding:8})]}).then((({x:t,y:s})=>{Object.assign(this.floatingEl.style,{left:t+"px",top:s+"px"})}))})))}stop(){this.cleanup?.(),this.cleanup=void 0}render(){return a(o,{key:"61b4088ff4d61701a3466619274e60ac64fcc420"},a("span",{key:"d2d00f4dbf391ea1bc119870e399187d98634de6",class:"trigger",ref:t=>this.triggerEl=t,onClick:this.onTriggerClick},a("slot",{key:"ece70edbdda096821de68295e55a3fba3caeada4",name:"trigger"})),a("div",{key:"f30e5a570e49eb9c7056fd820bc57408dd78e013",class:{panel:!0,"is-open":this.open},ref:t=>this.floatingEl=t},a("slot",{key:"5823d3c7ed47946d812a2c34002fc5fd0cfc8a29"})))}get host(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:inline-block}.trigger{display:inline-flex}.panel{position:fixed;top:0;left:0;z-index:50;width:18rem;max-width:calc(100vw - 1rem);padding:1rem;font-family:var(--ui-font-sans);color:var(--ui-foreground);border:1px solid var(--ui-border);background:var(--ui-panel-strong);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px);border-radius:var(--ui-radius);visibility:hidden;opacity:0;transform:scale(0.96);transition:opacity var(--ui-duration) var(--ui-ease), transform var(--ui-duration) var(--ui-ease)}.panel.is-open{visibility:visible;opacity:1;transform:scale(1)}"}},[257,"ui-popover",{open:[1540],placement:[1],show:[64],close:[64]},void 0,{open:[{onOpenChange:0}]}]);function l(){"undefined"!=typeof customElements&&["ui-popover"].forEach((s=>{"ui-popover"===s&&(customElements.get(t(s))||customElements.define(t(s),p))}))}l();const u=p,m=l;export{u as UiPopover,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as
|
|
1
|
+
import{t as i,p as e,H as r,h as t,a as s}from"./index.js";const a=e(class extends r{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.value=null,this.max=100,this.indeterminate=!1}get isIndeterminate(){return this.indeterminate||null===this.value}get percent(){return null===this.value||this.max<=0?0:Math.min(Math.max(this.value,0),this.max)/this.max*100}render(){const i=!this.isIndeterminate;return t(s,{key:"8f40e0e4a439959e1474d2952f0f891438fb3ecf",role:"progressbar","aria-valuenow":i?this.value+"":void 0,"aria-valuemin":i?"0":void 0,"aria-valuemax":i?this.max+"":void 0},t("div",{key:"9bfd7557efbfad05a8b170764b96935f00cbdaeb",class:"track"},t("div",{key:"02205ac65e75f27f52869991b168c6397c8b2760",class:{indicator:!0,indeterminate:this.isIndeterminate},style:i?{width:this.percent+"%"}:void 0})))}static get style(){return":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%)}}"}},[1,"ui-progress",{value:[2],max:[2],indeterminate:[4]}]);function n(){"undefined"!=typeof customElements&&["ui-progress"].forEach((e=>{"ui-progress"===e&&(customElements.get(i(e))||customElements.define(i(e),a))}))}n();const o=a,d=n;export{o as UiProgress,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as i,p as r,H as e,c as a,h as t,a as o}from"./index.js";const s=r(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.uiChange=a(this,"uiChange"),this.options=[],this.disabled=!1,this.select=i=>{this.disabled||i===this.value||(this.value=i,this.uiChange.emit(i))},this.onKeyDown=(i,r)=>{if(this.disabled)return;const e=this.options.length;if(0===e)return;let a=-1;"ArrowDown"===i.key||"ArrowRight"===i.key?a=(r+1)%e:"ArrowUp"!==i.key&&"ArrowLeft"!==i.key||(a=(r-1+e)%e),a>=0&&(i.preventDefault(),this.select(this.options[a].value))}}render(){return t(o,{key:"
|
|
1
|
+
import{t as i,p as r,H as e,c as a,h as t,a as o}from"./index.js";const s=r(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.uiChange=a(this,"uiChange"),this.options=[],this.disabled=!1,this.select=i=>{this.disabled||i===this.value||(this.value=i,this.uiChange.emit(i))},this.onKeyDown=(i,r)=>{if(this.disabled)return;const e=this.options.length;if(0===e)return;let a=-1;"ArrowDown"===i.key||"ArrowRight"===i.key?a=(r+1)%e:"ArrowUp"!==i.key&&"ArrowLeft"!==i.key||(a=(r-1+e)%e),a>=0&&(i.preventDefault(),this.select(this.options[a].value))}}render(){return t(o,{key:"67c377ec552ea8cb6ea3d015bab1ee3d66ee436c"},t("div",{key:"aa52c74b8473ca06b762811a900d90cdfc8f7422",class:"group",role:"radiogroup"},this.options.map(((i,r)=>{const e=i.value===this.value;return t("button",{class:"radio",type:"button",role:"radio","aria-checked":e?"true":"false",tabindex:e||!this.value&&0===r?"0":"-1",disabled:this.disabled,onClick:()=>this.select(i.value),onKeyDown:i=>this.onKeyDown(i,r)},t("span",{class:"indicator"},t("span",{class:"dot"})),t("span",{class:"label"},i.label))}))))}static get style(){return':host{display:block}.group{display:flex;flex-direction:column;gap:0.5rem}.radio{display:inline-flex;align-items:center;gap:0.625rem;padding:0;border:none;background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;cursor:pointer;outline:none}.radio:disabled{opacity:0.5;pointer-events:none}.indicator{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-full);background:var(--ui-panel);transition:all var(--ui-duration) var(--ui-ease)}.radio:focus-visible .indicator{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.radio[aria-checked="true"] .indicator{border-color:var(--ui-accent)}.dot{width:0.625rem;height:0.625rem;border-radius:var(--ui-radius-full);background:var(--ui-accent);opacity:0;transform:scale(0.4);transition:all var(--ui-duration) var(--ui-ease)}.radio[aria-checked="true"] .dot{opacity:1;transform:scale(1)}.label{line-height:1.25rem}'}},[1,"ui-radio-group",{value:[1025],name:[1],options:[16],disabled:[4]}]);function n(){"undefined"!=typeof customElements&&["ui-radio-group"].forEach((r=>{"ui-radio-group"===r&&(customElements.get(i(r))||customElements.define(i(r),s))}))}n();const d=s,c=n;export{d as UiRadioGroup,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as s,h as i,a
|
|
1
|
+
import{t as e,p as t,H as s,h as i,a}from"./index.js";const r=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.delay=0,this.visible=!1}connectedCallback(){"undefined"!=typeof IntersectionObserver?(this.observer=new IntersectionObserver((e=>{for(const t of e)if(t.isIntersecting){this.visible=!0,this.observer?.disconnect();break}})),this.observer.observe(this.host)):this.visible=!0}disconnectedCallback(){this.observer?.disconnect()}render(){return i(a,{key:"4ab570c0eaa9fb6b4d6a9d01887fde6edd72ba8d"},i("div",{key:"cf0287499bfa5107fb49cadc85c85f2f70063967",class:{reveal:!0,visible:this.visible},style:{transitionDelay:this.delay+"ms"}},i("slot",{key:"b46502732e597f13d60ec55be0d456dba8181386"})))}get host(){return this}static get style(){return":host{display:block}.reveal{opacity:0;transform:translateY(16px);filter:blur(8px);transition:opacity 0.6s var(--ui-ease), transform 0.6s var(--ui-ease), filter 0.6s var(--ui-ease)}.reveal.visible{opacity:1;transform:none;filter:none}"}},[257,"ui-reveal",{delay:[2],visible:[32]}]);function n(){"undefined"!=typeof customElements&&["ui-reveal"].forEach((t=>{"ui-reveal"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}n();const o=r,c=n;export{o as UiReveal,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as s,H as t,h as r,a}from"./index.js";const
|
|
1
|
+
import{t as e,p as s,H as t,h as r,a as i}from"./index.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.progress=0,this.onScroll=()=>{if("undefined"==typeof document)return;const e=document.documentElement,s=e.scrollHeight-e.clientHeight;this.progress=s>0?e.scrollTop/s:0}}connectedCallback(){"undefined"!=typeof window&&(window.addEventListener("scroll",this.onScroll,{passive:!0}),this.onScroll())}disconnectedCallback(){"undefined"!=typeof window&&window.removeEventListener("scroll",this.onScroll)}render(){return r(i,{key:"cb2d746b6e0ca3642a0460cff5685f2eb83a6301"},r("div",{key:"7fdb8b414f833110c389aef8620c313fb8c001c7",class:"bar",role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(100*this.progress),style:{transform:`scaleX(${this.progress})`}}))}static get style(){return":host{display:block}.bar{position:fixed;top:0;left:0;width:100%;height:2px;transform-origin:left;transform:scaleX(0);background:linear-gradient( 90deg, var(--ui-accent), var(--ui-accent-strong) );z-index:100;transition:transform var(--ui-duration) var(--ui-ease)}"}},[1,"ui-scroll-progress",{progress:[32]}]);function o(){"undefined"!=typeof customElements&&["ui-scroll-progress"].forEach((s=>{"ui-scroll-progress"===s&&(customElements.get(e(s))||customElements.define(e(s),n))}))}o();const a=n,c=o;export{a as UiScrollProgress,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as
|
|
1
|
+
import{t as e,p as t,H as i,h as r,a as s}from"./index.js";const a=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.eyebrow="",this.heading="",this.description=""}render(){return r(s,{key:"71344e4d5a4c6bccade1bf5151aeba1dffa14d7f"},r("section",{key:"404cb27c6db128f60608b4eff44fa6e05520016b"},this.eyebrow&&r("p",{key:"204ced95531d3bf77c2a32f940c3ec4bc0e76f53",class:"eyebrow"},this.eyebrow),this.heading&&r("h2",{key:"46818123dd264ef60db8ff9c7a2ad93979d71434",class:"heading"},this.heading),this.description&&r("p",{key:"eaba39853cd12a874c9079e2181aca9e0fc130b7",class:"description"},this.description),r("slot",{key:"24d02b1d9176e42d7906ef43881807d7cfda2e52"})))}static get style(){return":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)}"}},[257,"ui-section",{eyebrow:[1],heading:[1],description:[1]}]);function c(){"undefined"!=typeof customElements&&["ui-section"].forEach((t=>{"ui-section"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))}c();const n=a,o=c;export{n as UiSection,o as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface UiSegmented extends Components.UiSegmented, HTMLElement {}
|
|
4
|
+
export const UiSegmented: {
|
|
5
|
+
prototype: UiSegmented;
|
|
6
|
+
new (): UiSegmented;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as t,H as i,c as r,h as s,a as n}from"./index.js";const a=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uiChange=r(this,"uiChange"),this.items=[],this.value="",this.select=e=>{e!==this.value&&(this.value=e,this.uiChange.emit(e))}}render(){return s(n,{key:"92649a392383aebb62bab90e3f20a008783f2ed2"},s("div",{key:"22983cd496ee1f9ed1dbf49d989c409cdca3c8b4",class:"track",role:"radiogroup"},this.items.map((e=>{const t=e.value===this.value;return s("button",{key:e.value,class:{segment:!0,active:t},type:"button",role:"radio","aria-checked":t?"true":"false",onClick:()=>this.select(e.value)},e.label)}))))}static get style(){return":host{display:inline-block}.track{display:inline-flex;align-items:center;gap:0.125rem;padding:0.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip);font-family:var(--ui-font-sans)}.segment{display:inline-flex;align-items:center;justify-content:center;height:2rem;padding:0 0.875rem;border:none;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-text-muted);font-family:var(--ui-font-sans);font-size:0.8125rem;font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.segment:hover{color:var(--ui-foreground)}.segment:focus-visible{box-shadow:0 0 0 2px var(--ui-ring)}.segment.active{background:var(--ui-panel-strong);color:var(--ui-foreground);box-shadow:var(--ui-shadow-sm)}"}},[1,"ui-segmented",{items:[16],value:[1537]}]);function o(){"undefined"!=typeof customElements&&["ui-segmented"].forEach((t=>{"ui-segmented"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))}o();const u=a,d=o;export{u as UiSegmented,d as defineCustomElement}
|
|
@@ -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:"5f41047362d77643cc663925900c15c6cd10ec60"},o("div",{key:"53ec77b2100bdd6de568ad549a42ad8fd080ac6a",class:"wrapper"},o("select",{key:"b0b4b1def7b7166bf24f996f9736a670a9b7b052",class:"select",name:this.name,disabled:this.disabled,onChange:this.onChange},this.placeholder&&o("option",{key:"e83b039418ac74bb3124c151dca9af43ff05dd61",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:"bb3165c856d11b352b2c7a64cc12ab4284541fb4",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:"ab5e3cb2419dc63fbcd3804740b781c856ae8240",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 c=a,d=n;export{c as UiSelect,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as o,h as i,a as s}from"./index.js";const r=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.orientation="horizontal"}render(){return i(s,{key:"
|
|
1
|
+
import{t,p as e,H as o,h as i,a as s}from"./index.js";const r=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.orientation="horizontal"}render(){return i(s,{key:"33e452485ff7838e37a378f9acba10f242069cfc",role:"separator","aria-orientation":this.orientation,class:"orientation-"+this.orientation})}static get style(){return":host{display:block;background:var(--ui-border)}:host(.orientation-horizontal){width:100%;height:1px}:host(.orientation-vertical){display:inline-block;width:1px;height:100%}"}},[1,"ui-separator",{orientation:[513]}]);function a(){"undefined"!=typeof customElements&&["ui-separator"].forEach((e=>{"ui-separator"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}a();const n=r,c=a;export{n as UiSeparator,c 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 as r}from"./index.js";const i=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(r,{key:"8f839817a493a8221e9d3b2e95fd7ae5ece2e70e"},n("span",{key:"295dce8e9e6489def8b20a703f04c65ad3740ce8",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 o(){"undefined"!=typeof customElements&&["ui-skeleton"].forEach((s=>{"ui-skeleton"===s&&(customElements.get(e(s))||customElements.define(e(s),i))}))}o();const a=i,u=o;export{a as UiSkeleton,u 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:"22fe57f0e95edb2e169718c8b1fb5c2f3d78ddfe"},a("input",{key:"a9e16ef8f97f412c22911f72c4b7212f6d04a293",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 o=n,d=u;export{o as UiSlider,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{U as o,d as s}from"./p-
|
|
1
|
+
import{U as o,d as s}from"./p-BwNtNvTb.js";const t=o,p=s;export{t as UiSpinner,p as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface UiStack extends Components.UiStack, HTMLElement {}
|
|
4
|
+
export const UiStack: {
|
|
5
|
+
prototype: UiStack;
|
|
6
|
+
new (): UiStack;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as s,h as a,a as r}from"./index.js";const n={xs:"0.25rem",sm:"0.5rem",md:"1rem",lg:"1.5rem",xl:"2rem"},i={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch"},c={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(r,{key:"ba9547e72877aa05a5e93afbe098d7402b315df3"},a("div",{key:"e0fd73777e2211925435f2fd8bfcb74ad2eb8085",class:"stack",style:{flexDirection:"horizontal"===this.direction?"row":"column",gap:n[this.gap],alignItems:i[this.align],justifyContent:c[this.justify],flexWrap:this.wrap?"wrap":"nowrap"}},a("slot",{key:"3a5aa50721c641f0cc81328a21262ff5d375e55c"})))}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 f(){"undefined"!=typeof customElements&&["ui-stack"].forEach((e=>{"ui-stack"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}f();const o=l,d=f;export{o as UiStack,d as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface UiStat extends Components.UiStat, HTMLElement {}
|
|
4
|
+
export const UiStat: {
|
|
5
|
+
prototype: UiStat;
|
|
6
|
+
new (): UiStat;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
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:"7afc03397921ff23d08da136999896a40d8a31be"},t("div",{key:"35a7d594e9ebb426f10ff256ba4805ee88a0100c",class:"card"},t("p",{key:"92a82cf415c22f884ed782d410e25559ff391017",class:"label"},this.label),t("div",{key:"1c8d08800ca0a6f38e574930c5187ec979666a62",class:"value-row"},t("span",{key:"0bb5e825e9d51a045638f48616c24bdc7a4a0ee0",class:"value"},this.value),this.delta&&t("span",{key:"01aa434582c8eee2c1fd6b69c16de0262fb89daf",class:{delta:!0,["trend-"+this.trend]:!0}},this.renderArrow(),this.delta)),t("div",{key:"4446e15c156412cc8b6c72f823a49396f31e8e74",class:"extra"},t("slot",{key:"ca4e0cc60f588840d3fd88e3efaecabb84cd633d"}))))}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}
|
|
@@ -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:"018ccd47d567e5c16ce40a600c15a9e2281301d2"},r("button",{key:"7975d671d3c6d048b760b285a68e9ae832c93ebc",class:"switch",type:"button",role:"switch","aria-checked":this.checked?"true":"false",disabled:this.disabled,onClick:this.toggle,onKeyDown:this.onKeyDown},r("span",{key:"4ac740348a215ff97e0cae3bbbbd411163760792",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 c(){"undefined"!=typeof customElements&&["ui-switch"].forEach((i=>{"ui-switch"===i&&(customElements.get(t(i))||customElements.define(t(i),o))}))}c();const n=o,u=c;export{n 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:"fc0926743b6a547c13660f574fc56abefc6e6c2e"},i("div",{key:"a1582c6234e1faaa5cb6b563a51ecf2192a88d40",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:"5d9b8d61e8005b7e6baa216ffd571f7b9403acd5",class:"panel",role:"tabpanel"},i("slot",{key:"8ba0cf22e6e837f038c2ec7fad8d533287325119",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
|
|
1
|
+
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:"ba1b88ab3fa990a903e6d61f31fbbade7b58eb27"},r("textarea",{key:"f9ac9e1aff98e94b3562b812cef34fcc138cd350",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:"da51d59a9d5b28dec214d4fe63f5cebf78d80a51"},n("button",{key:"55436252c82f49628c4b0394905623bc5a78dc00",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
|
|
1
|
+
import{U as o,d as s}from"./p-CgsjJD8o.js";const p=o,r=s;export{p 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 as o}from"./index.js";import{d as a}from"./p-CgsjJD8o.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(o,{key:"eb3198a053270b41c8b632b91135987f04735ac5"},i("div",{key:"d37bf3710646977e7db39690f221e76360c43aee",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((s=>{switch(s){case"ui-toaster":customElements.get(t(s))||customElements.define(t(s),n);break;case"ui-toast":customElements.get(t(s))||a()}}))}r();const c=n,d=r;export{c as UiToaster,d 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 d}from"./p-CyBRmmbs.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(),d({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:"5e20fbcdd1ae94f29596938ab465a863b46ed65b",onMouseEnter:this.onEnter,onMouseLeave:this.onLeave,onFocusin:this.onEnter,onFocusout:this.onLeave},e("span",{key:"5f4e8b75930fee583f37f1977473c60f6e681ee6",class:"trigger",ref:t=>this.triggerEl=t},e("slot",{key:"eae9e842023fe1e4589d2af1889c6e6753bc9010"})),e("div",{key:"dc815b28e5d1dfbd91a970ce50b77fc8ecd3f5ab",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 c(){"undefined"!=typeof customElements&&["ui-tooltip"].forEach((i=>{"ui-tooltip"===i&&(customElements.get(t(i))||customElements.define(t(i),l))}))}c();const u=l,p=c;export{u as UiTooltip,p as defineCustomElement}
|
package/dist/esm/loader.js
CHANGED
|
@@ -4,7 +4,7 @@ export { s as setNonce } from './index-DYwlrXg_.js';
|
|
|
4
4
|
const defineCustomElements = async (win, options) => {
|
|
5
5
|
if (typeof window === 'undefined') return undefined;
|
|
6
6
|
await globalScripts();
|
|
7
|
-
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-
|
|
7
|
+
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-container",[[257,"ui-container",{"size":[1],"padded":[4]}]]],["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-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-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-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-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-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);
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
export { defineCustomElements };
|
|
@@ -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: '4b2e9ef0cda9117df86bef529c4bead45bbe8090' }, h("details", { key: '18c5ff6f8d9ac966d36240949670d84fc2603883', open: this.open, onToggle: this.onToggle }, h("summary", { key: '608bb56fe9b4558d50dc50be2edb922233de35aa' }, h("span", { key: '5d65f0199fff46a4a32139ab1565533dfb299ea9', class: "heading" }, this.heading), h("svg", { key: 'dd32e7223d4eab848185fe027e86892643e98070', 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: 'd9d02a5e5cfe20a77ae5cd6e383962656038d6d5', points: "6 9 12 15 18 9" }))), h("div", { key: 'b82b7a754b6eb160044b0eadf85ff7a8812e80a5', class: "content" }, h("slot", { key: 'c6a5b13158bbef248980737d9cea866178d2122c' })))));
|
|
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: '839f17ea9b81b97b0ca49e89d9907c6a0571f049' }, h("slot", { key: '71badd4150a835acfaa0d5867287a30c8a0b7936' })));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
UiAccordion.style = uiAccordionCss();
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
|
+
|
|
3
|
+
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)}`;
|
|
4
|
+
|
|
5
|
+
const UiAlert = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.uiClose = createEvent(this, "uiClose");
|
|
9
|
+
/** Variante visual. */
|
|
10
|
+
this.variant = "info";
|
|
11
|
+
/** Exibe o botão de fechar. */
|
|
12
|
+
this.dismissible = false;
|
|
13
|
+
/** Controla a visibilidade interna do alerta. */
|
|
14
|
+
this.open = true;
|
|
15
|
+
this.dismiss = () => {
|
|
16
|
+
this.open = false;
|
|
17
|
+
this.uiClose.emit();
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
renderIcon() {
|
|
21
|
+
switch (this.variant) {
|
|
22
|
+
case "success":
|
|
23
|
+
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" })));
|
|
24
|
+
case "warning":
|
|
25
|
+
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" })));
|
|
26
|
+
case "danger":
|
|
27
|
+
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" })));
|
|
28
|
+
default:
|
|
29
|
+
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" })));
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
render() {
|
|
33
|
+
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" }))))))));
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
UiAlert.style = uiAlertCss();
|
|
37
|
+
|
|
38
|
+
export { UiAlert as ui_alert };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
|
+
|
|
3
|
+
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)}`;
|
|
4
|
+
|
|
5
|
+
const UiAvatarGroup = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
return (h(Host, { key: '2413b9065333e5beb192143529b60daceefc11fe' }, h("div", { key: 'df93cb1e73bc05abfee09226111da32f50bf908d', class: "group" }, h("slot", { key: 'fa7fc7b57b009355e32c904cc78b46848403c0eb' }))));
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
UiAvatarGroup.style = uiAvatarGroupCss();
|
|
14
|
+
|
|
15
|
+
export { UiAvatarGroup as ui_avatar_group };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
2
|
|
|
3
|
-
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}`;
|
|
3
|
+
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)}`;
|
|
4
4
|
|
|
5
5
|
const UiAvatar = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -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: '0a3b07acb18d2ddeecf3b072fcd6913dbc187474' }, h("span", { key: '9b6c302f378ef47385f43d24a3fe491cdec0bfe0', class: "wrapper" }, h("span", { key: '5093f8e180da9c3b1583da7f651bc69be89821b9', 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: '920d70149458e747aef1ac35c945a0b403986928', class: `status status-${this.status}`, "aria-label": this.status })))));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
UiAvatar.style = uiAvatarCss();
|
|
@@ -1,15 +1,20 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
2
|
|
|
3
|
-
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)}`;
|
|
3
|
+
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}`;
|
|
4
4
|
|
|
5
5
|
const UiBadge = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
+
this.uiRemove = createEvent(this, "uiRemove");
|
|
8
9
|
/** Variante visual. */
|
|
9
10
|
this.variant = "default";
|
|
11
|
+
/** Exibe um ponto colorido à esquerda. */
|
|
12
|
+
this.dot = false;
|
|
13
|
+
/** Exibe um botão para remover o badge. */
|
|
14
|
+
this.removable = false;
|
|
10
15
|
}
|
|
11
16
|
render() {
|
|
12
|
-
return (h(Host, { key: '
|
|
17
|
+
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" })))))));
|
|
13
18
|
}
|
|
14
19
|
};
|
|
15
20
|
UiBadge.style = uiBadgeCss();
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
|
+
|
|
3
|
+
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}`;
|
|
4
|
+
|
|
5
|
+
const UiBreadcrumbItem = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
/** Indica o item atual (página corrente). */
|
|
9
|
+
this.current = false;
|
|
10
|
+
}
|
|
11
|
+
renderSeparator() {
|
|
12
|
+
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" }))));
|
|
13
|
+
}
|
|
14
|
+
render() {
|
|
15
|
+
const isLink = this.href && !this.current;
|
|
16
|
+
return (h(Host, { key: '20d22dde2f7b6b4c03a76b4e6be851a0c4cd39d5' }, 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()));
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
UiBreadcrumbItem.style = uiBreadcrumbItemCss();
|
|
20
|
+
|
|
21
|
+
export { UiBreadcrumbItem as ui_breadcrumb_item };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-DYwlrXg_.js';
|
|
2
|
+
|
|
3
|
+
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}`;
|
|
4
|
+
|
|
5
|
+
const UiBreadcrumb = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
return (h(Host, { key: '3c86ea43e5dde2c8486b49f8c2ece55f66c4dec5' }, h("nav", { key: '6da35c2ffc4b7c2aa13d3321ed6227d97be59e80', "aria-label": "breadcrumb" }, h("ol", { key: '567cb7aaf4e8ae8f1e15369b45b482104f1264da' }, h("slot", { key: '5f942426d1195ea0eae8256ebfb01d25b6f350ab' })))));
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
UiBreadcrumb.style = uiBreadcrumbCss();
|
|
14
|
+
|
|
15
|
+
export { UiBreadcrumb as ui_breadcrumb };
|