@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
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { h, Host } from "@stencil/core";
|
|
2
|
+
export class UiStat {
|
|
3
|
+
constructor() {
|
|
4
|
+
/** Direção da tendência. */
|
|
5
|
+
this.trend = "neutral";
|
|
6
|
+
}
|
|
7
|
+
renderArrow() {
|
|
8
|
+
if (this.trend === "down") {
|
|
9
|
+
return (h("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "currentColor", "aria-hidden": "true" }, h("path", { d: "M6 11 1 4h10z" })));
|
|
10
|
+
}
|
|
11
|
+
if (this.trend === "up") {
|
|
12
|
+
return (h("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "currentColor", "aria-hidden": "true" }, h("path", { d: "M6 1 11 8H1z" })));
|
|
13
|
+
}
|
|
14
|
+
return null;
|
|
15
|
+
}
|
|
16
|
+
render() {
|
|
17
|
+
return (h(Host, { key: '7afc03397921ff23d08da136999896a40d8a31be' }, h("div", { key: '35a7d594e9ebb426f10ff256ba4805ee88a0100c', class: "card" }, h("p", { key: '92a82cf415c22f884ed782d410e25559ff391017', class: "label" }, this.label), h("div", { key: '1c8d08800ca0a6f38e574930c5187ec979666a62', class: "value-row" }, h("span", { key: '0bb5e825e9d51a045638f48616c24bdc7a4a0ee0', class: "value" }, this.value), this.delta && (h("span", { key: '01aa434582c8eee2c1fd6b69c16de0262fb89daf', class: { delta: true, [`trend-${this.trend}`]: true } }, this.renderArrow(), this.delta))), h("div", { key: '4446e15c156412cc8b6c72f823a49396f31e8e74', class: "extra" }, h("slot", { key: 'ca4e0cc60f588840d3fd88e3efaecabb84cd633d' })))));
|
|
18
|
+
}
|
|
19
|
+
static get is() { return "ui-stat"; }
|
|
20
|
+
static get encapsulation() { return "shadow"; }
|
|
21
|
+
static get originalStyleUrls() {
|
|
22
|
+
return {
|
|
23
|
+
"$": ["ui-stat.css"]
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
static get styleUrls() {
|
|
27
|
+
return {
|
|
28
|
+
"$": ["ui-stat.css"]
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
static get properties() {
|
|
32
|
+
return {
|
|
33
|
+
"label": {
|
|
34
|
+
"type": "string",
|
|
35
|
+
"mutable": false,
|
|
36
|
+
"complexType": {
|
|
37
|
+
"original": "string",
|
|
38
|
+
"resolved": "string",
|
|
39
|
+
"references": {}
|
|
40
|
+
},
|
|
41
|
+
"required": true,
|
|
42
|
+
"optional": false,
|
|
43
|
+
"docs": {
|
|
44
|
+
"tags": [],
|
|
45
|
+
"text": "R\u00F3tulo da m\u00E9trica."
|
|
46
|
+
},
|
|
47
|
+
"getter": false,
|
|
48
|
+
"setter": false,
|
|
49
|
+
"reflect": false,
|
|
50
|
+
"attribute": "label"
|
|
51
|
+
},
|
|
52
|
+
"value": {
|
|
53
|
+
"type": "string",
|
|
54
|
+
"mutable": false,
|
|
55
|
+
"complexType": {
|
|
56
|
+
"original": "string",
|
|
57
|
+
"resolved": "string",
|
|
58
|
+
"references": {}
|
|
59
|
+
},
|
|
60
|
+
"required": true,
|
|
61
|
+
"optional": false,
|
|
62
|
+
"docs": {
|
|
63
|
+
"tags": [],
|
|
64
|
+
"text": "Valor principal exibido."
|
|
65
|
+
},
|
|
66
|
+
"getter": false,
|
|
67
|
+
"setter": false,
|
|
68
|
+
"reflect": false,
|
|
69
|
+
"attribute": "value"
|
|
70
|
+
},
|
|
71
|
+
"delta": {
|
|
72
|
+
"type": "string",
|
|
73
|
+
"mutable": false,
|
|
74
|
+
"complexType": {
|
|
75
|
+
"original": "string",
|
|
76
|
+
"resolved": "string | undefined",
|
|
77
|
+
"references": {}
|
|
78
|
+
},
|
|
79
|
+
"required": false,
|
|
80
|
+
"optional": true,
|
|
81
|
+
"docs": {
|
|
82
|
+
"tags": [],
|
|
83
|
+
"text": "Varia\u00E7\u00E3o exibida no chip (ex.: \"+12%\")."
|
|
84
|
+
},
|
|
85
|
+
"getter": false,
|
|
86
|
+
"setter": false,
|
|
87
|
+
"reflect": false,
|
|
88
|
+
"attribute": "delta"
|
|
89
|
+
},
|
|
90
|
+
"trend": {
|
|
91
|
+
"type": "string",
|
|
92
|
+
"mutable": false,
|
|
93
|
+
"complexType": {
|
|
94
|
+
"original": "UiStatTrend",
|
|
95
|
+
"resolved": "\"down\" | \"neutral\" | \"up\"",
|
|
96
|
+
"references": {
|
|
97
|
+
"UiStatTrend": {
|
|
98
|
+
"location": "local",
|
|
99
|
+
"path": "/Users/andersonespindola/.ghq/github.com/andersonflima/ui/packages/core/src/components/ui-stat/ui-stat.tsx",
|
|
100
|
+
"id": "src/components/ui-stat/ui-stat.tsx::UiStatTrend"
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
"required": false,
|
|
105
|
+
"optional": false,
|
|
106
|
+
"docs": {
|
|
107
|
+
"tags": [],
|
|
108
|
+
"text": "Dire\u00E7\u00E3o da tend\u00EAncia."
|
|
109
|
+
},
|
|
110
|
+
"getter": false,
|
|
111
|
+
"setter": false,
|
|
112
|
+
"reflect": false,
|
|
113
|
+
"attribute": "trend",
|
|
114
|
+
"defaultValue": "\"neutral\""
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
}
|
|
118
|
+
}
|
|
@@ -19,7 +19,7 @@ export class UiSwitch {
|
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: '018ccd47d567e5c16ce40a600c15a9e2281301d2' }, h("button", { key: '7975d671d3c6d048b760b285a68e9ae832c93ebc', class: "switch", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", disabled: this.disabled, onClick: this.toggle, onKeyDown: this.onKeyDown }, h("span", { key: '4ac740348a215ff97e0cae3bbbbd411163760792', class: "thumb" }))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "ui-switch"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -32,7 +32,19 @@
|
|
|
32
32
|
box-shadow: 0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring);
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
+
.tab:hover:not(.active) {
|
|
36
|
+
color: var(--ui-foreground);
|
|
37
|
+
}
|
|
38
|
+
|
|
35
39
|
.tab.active {
|
|
36
40
|
background: var(--ui-panel-strong);
|
|
37
41
|
color: var(--ui-foreground);
|
|
42
|
+
box-shadow: var(--ui-shadow-sm);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.panel {
|
|
46
|
+
margin-top: 1.25rem;
|
|
47
|
+
color: var(--ui-text-soft);
|
|
48
|
+
font-size: 0.9375rem;
|
|
49
|
+
line-height: 1.5;
|
|
38
50
|
}
|
|
@@ -13,10 +13,10 @@ export class UiTabs {
|
|
|
13
13
|
};
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: 'fc0926743b6a547c13660f574fc56abefc6e6c2e' }, h("div", { key: 'a1582c6234e1faaa5cb6b563a51ecf2192a88d40', class: "tablist", role: "tablist" }, this.items.map((item) => {
|
|
17
17
|
const active = item.value === this.value;
|
|
18
18
|
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));
|
|
19
|
-
})), h("slot", { key: '
|
|
19
|
+
})), h("div", { key: '5d9b8d61e8005b7e6baa216ffd571f7b9403acd5', class: "panel", role: "tabpanel" }, h("slot", { key: '8ba0cf22e6e837f038c2ec7fad8d533287325119', name: this.value }))));
|
|
20
20
|
}
|
|
21
21
|
static get is() { return "ui-tabs"; }
|
|
22
22
|
static get encapsulation() { return "shadow"; }
|
|
@@ -19,7 +19,7 @@ export class UiTextarea {
|
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: 'ba1b88ab3fa990a903e6d61f31fbbade7b58eb27' }, h("textarea", { key: 'f9ac9e1aff98e94b3562b812cef34fcc138cd350', 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)));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "ui-textarea"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -50,7 +50,7 @@ export class UiThemeToggle {
|
|
|
50
50
|
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" })));
|
|
51
51
|
}
|
|
52
52
|
render() {
|
|
53
|
-
return (h(Host, { key: '
|
|
53
|
+
return (h(Host, { key: 'da51d59a9d5b28dec214d4fe63f5cebf78d80a51' }, h("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())));
|
|
54
54
|
}
|
|
55
55
|
static get is() { return "ui-theme-toggle"; }
|
|
56
56
|
static get encapsulation() { return "shadow"; }
|
|
@@ -47,7 +47,7 @@ export class UiToast {
|
|
|
47
47
|
this.dismiss();
|
|
48
48
|
}
|
|
49
49
|
render() {
|
|
50
|
-
return (h(Host, { key: '
|
|
50
|
+
return (h(Host, { key: '79bd3e7ed207efd5ff62f5296ab11a06993ce347' }, this.open && (h("div", { key: '15a138288380473dff3ff1880e3298e211377339', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, h("div", { key: '33adfee858ddfd37f144b34f8677f312b89c04f3', class: "body" }, this.heading && h("p", { key: 'a56d837636f27897f06a8d693f28763b4bc95db6', class: "heading" }, this.heading), this.description && (h("p", { key: '7c86fb20c84c42e3c5e3262cc91061e9a80804aa', class: "description" }, this.description))), h("button", { key: '4d8160818b76b65c29a27e4404c39a7525441a72', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, h("svg", { key: 'ce7ee6982cc1d742b4d4de8573ca11d18166c814', 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: 'c8440dbbb12ce67dd30a052aef92bc736a4532f9', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: '9ee2d2ec78efa7566e63feb337e346a5574ccf55', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
|
|
51
51
|
}
|
|
52
52
|
static get is() { return "ui-toast"; }
|
|
53
53
|
static get encapsulation() { return "shadow"; }
|
|
@@ -15,7 +15,7 @@ export class UiToaster {
|
|
|
15
15
|
this.items = this.items.filter((item) => item.id !== id);
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: 'eb3198a053270b41c8b632b91135987f04735ac5' }, h("div", { key: 'd37bf3710646977e7db39690f221e76360c43aee', 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) }))))));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "ui-toaster"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -13,15 +13,16 @@
|
|
|
13
13
|
z-index: 50;
|
|
14
14
|
width: max-content;
|
|
15
15
|
max-width: 18rem;
|
|
16
|
-
padding: 0.
|
|
16
|
+
padding: 0.4rem 0.7rem;
|
|
17
17
|
font-family: var(--ui-font-sans);
|
|
18
18
|
font-size: 0.75rem;
|
|
19
|
+
font-weight: 500;
|
|
19
20
|
line-height: 1.4;
|
|
20
21
|
color: var(--ui-foreground);
|
|
21
|
-
|
|
22
|
-
background: var(--ui-
|
|
22
|
+
/* Fundo OPACO (sem backdrop-filter) para garantir contraste em qualquer tema. */
|
|
23
|
+
background: color-mix(in srgb, var(--ui-background) 90%, var(--ui-foreground) 8%);
|
|
24
|
+
border: 1px solid var(--ui-border-strong);
|
|
23
25
|
box-shadow: var(--ui-shadow-lg);
|
|
24
|
-
backdrop-filter: blur(22px);
|
|
25
26
|
border-radius: var(--ui-radius-sm);
|
|
26
27
|
pointer-events: none;
|
|
27
28
|
opacity: 0;
|
|
@@ -49,7 +49,7 @@ export class UiTooltip {
|
|
|
49
49
|
this.cleanup = undefined;
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
return (h(Host, { key: '
|
|
52
|
+
return (h(Host, { key: '5e20fbcdd1ae94f29596938ab465a863b46ed65b', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, h("span", { key: '5f4e8b75930fee583f37f1977473c60f6e681ee6', class: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: 'eae9e842023fe1e4589d2af1889c6e6753bc9010' })), h("div", { key: 'dc815b28e5d1dfbd91a970ce50b77fc8ecd3f5ab', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
|
|
53
53
|
}
|
|
54
54
|
static get is() { return "ui-tooltip"; }
|
|
55
55
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as s,H as i,h as r,a as n}from"./index.js";const t=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="md"}render(){return r(n,{key:"
|
|
1
|
+
import{t as e,p as s,H as i,h as r,a as n}from"./index.js";const t=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="md"}render(){return r(n,{key:"0414d6e3be8588ad4c71c5e4cf227075ac7494ab",role:"status"},r("span",{key:"61e5d0a16b5fd566767ef098477c3144a9c1c987",class:{spinner:!0,[`size-${this.size}`]:!0}}),r("span",{key:"ea33b6e6603ba23e7a117ef978329c83818a044b",class:"sr-only"},"Carregando"))}static get style(){return":host{display:inline-flex;color:var(--ui-accent)}.spinner{display:inline-block;border-radius:var(--ui-radius-full);border:2px solid currentColor;border-top-color:transparent;animation:ui-spinner-spin 0.7s linear infinite}.size-sm{width:1rem;height:1rem}.size-md{width:1.5rem;height:1.5rem}.size-lg{width:2rem;height:2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}"}},[1,"ui-spinner",{size:[1]}]);function a(){"undefined"!=typeof customElements&&["ui-spinner"].forEach((s=>{"ui-spinner"===s&&(customElements.get(e(s))||customElements.define(e(s),t))}))}a();export{t as U,a as d}
|
|
@@ -1 +1 @@
|
|
|
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.uiClose=i(this,"uiClose"),this.open=!1,this.variant="default",this.duration=4e3}onOpenChange(e){e?this.startTimer():this.clearTimer()}componentDidLoad(){this.open&&this.startTimer()}disconnectedCallback(){this.clearTimer()}startTimer(){this.clearTimer(),this.duration>0&&(this.timer=setTimeout((()=>this.dismiss()),this.duration))}clearTimer(){this.timer&&(clearTimeout(this.timer),this.timer=void 0)}dismiss(){this.clearTimer(),this.open=!1,this.uiClose.emit()}async show(){this.open=!0}async close(){this.dismiss()}render(){return r(s,{key:"
|
|
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.uiClose=i(this,"uiClose"),this.open=!1,this.variant="default",this.duration=4e3}onOpenChange(e){e?this.startTimer():this.clearTimer()}componentDidLoad(){this.open&&this.startTimer()}disconnectedCallback(){this.clearTimer()}startTimer(){this.clearTimer(),this.duration>0&&(this.timer=setTimeout((()=>this.dismiss()),this.duration))}clearTimer(){this.timer&&(clearTimeout(this.timer),this.timer=void 0)}dismiss(){this.clearTimer(),this.open=!1,this.uiClose.emit()}async show(){this.open=!0}async close(){this.dismiss()}render(){return r(s,{key:"79bd3e7ed207efd5ff62f5296ab11a06993ce347"},this.open&&r("div",{key:"15a138288380473dff3ff1880e3298e211377339",class:{toast:!0,[`variant-${this.variant}`]:!0},role:"status"},r("div",{key:"33adfee858ddfd37f144b34f8677f312b89c04f3",class:"body"},this.heading&&r("p",{key:"a56d837636f27897f06a8d693f28763b4bc95db6",class:"heading"},this.heading),this.description&&r("p",{key:"7c86fb20c84c42e3c5e3262cc91061e9a80804aa",class:"description"},this.description)),r("button",{key:"4d8160818b76b65c29a27e4404c39a7525441a72",class:"close",type:"button","aria-label":"Fechar",onClick:()=>this.dismiss()},r("svg",{key:"ce7ee6982cc1d742b4d4de8573ca11d18166c814",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},r("line",{key:"c8440dbbb12ce67dd30a052aef92bc736a4532f9",x1:"18",y1:"6",x2:"6",y2:"18"}),r("line",{key:"9ee2d2ec78efa7566e63feb337e346a5574ccf55",x1:"6",y1:"6",x2:"18",y2:"18"})))))}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:block}.toast{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-accent);border-radius:var(--ui-radius);background:var(--ui-panel-strong);backdrop-filter:blur(22px);box-shadow:var(--ui-shadow-lg);font-family:var(--ui-font-sans);animation:ui-toast-pop var(--ui-duration) var(--ui-ease)}.variant-default{border-left-color:var(--ui-accent)}.variant-success{border-left-color:var(--ui-success)}.variant-warning{border-left-color:var(--ui-warning)}.variant-danger{border-left-color:var(--ui-danger)}.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)}.description{margin:0;font-size:0.8125rem;color:var(--ui-text-muted)}.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)}@keyframes ui-toast-pop{from{opacity:0;transform:translateY(0.5rem) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}"}},[1,"ui-toast",{open:[1540],variant:[1],heading:[1],description:[1],duration:[2],show:[64],close:[64]},void 0,{open:[{onOpenChange:0}]}]);function n(){"undefined"!=typeof customElements&&["ui-toast"].forEach((t=>{"ui-toast"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}n();export{o as U,n as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as o,c as
|
|
1
|
+
import{t as e,p as t,H as o,c as r,h as a,a as i}from"./index.js";const s=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uiToggle=r(this,"uiToggle"),this.heading="",this.open=!1,this.onToggle=e=>{this.open=e.currentTarget.open,this.uiToggle.emit(this.open)}}render(){return a(i,{key:"4b2e9ef0cda9117df86bef529c4bead45bbe8090"},a("details",{key:"18c5ff6f8d9ac966d36240949670d84fc2603883",open:this.open,onToggle:this.onToggle},a("summary",{key:"608bb56fe9b4558d50dc50be2edb922233de35aa"},a("span",{key:"5d65f0199fff46a4a32139ab1565533dfb299ea9",class:"heading"},this.heading),a("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"},a("polyline",{key:"d9d02a5e5cfe20a77ae5cd6e383962656038d6d5",points:"6 9 12 15 18 9"}))),a("div",{key:"b82b7a754b6eb160044b0eadf85ff7a8812e80a5",class:"content"},a("slot",{key:"c6a5b13158bbef248980737d9cea866178d2122c"}))))}static get style(){return":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)}"}},[257,"ui-accordion-item",{heading:[1],open:[1540]}]);function n(){"undefined"!=typeof customElements&&["ui-accordion-item"].forEach((t=>{"ui-accordion-item"===t&&(customElements.get(e(t))||customElements.define(e(t),s))}))}n();const d=s,c=n;export{d as UiAccordionItem,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as s,H as e,h as
|
|
1
|
+
import{t,p as s,H as e,h as a,a as o}from"./index.js";const c=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return a(o,{key:"839f17ea9b81b97b0ca49e89d9907c6a0571f049"},a("slot",{key:"71badd4150a835acfaa0d5867287a30c8a0b7936"}))}static get style(){return":host{display:block;font-family:var(--ui-font-sans)}"}},[257,"ui-accordion"]);function n(){"undefined"!=typeof customElements&&["ui-accordion"].forEach((s=>{"ui-accordion"===s&&(customElements.get(t(s))||customElements.define(t(s),c))}))}n();const i=c,r=n;export{i as UiAccordion,r as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface UiAlert extends Components.UiAlert, HTMLElement {}
|
|
4
|
+
export const UiAlert: {
|
|
5
|
+
prototype: UiAlert;
|
|
6
|
+
new (): UiAlert;
|
|
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 r,p as e,H as i,c as n,h as a,a as o}from"./index.js";const t=e(class extends i{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.uiClose=n(this,"uiClose"),this.variant="info",this.dismissible=!1,this.open=!0,this.dismiss=()=>{this.open=!1,this.uiClose.emit()}}renderIcon(){switch(this.variant){case"success":return a("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"},a("circle",{cx:"12",cy:"12",r:"10"}),a("path",{d:"M8 12l3 3 5-6"}));case"warning":return a("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"},a("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"}),a("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),a("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"}));case"danger":return a("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"},a("circle",{cx:"12",cy:"12",r:"10"}),a("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),a("line",{x1:"9",y1:"9",x2:"15",y2:"15"}));default:return a("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"},a("circle",{cx:"12",cy:"12",r:"10"}),a("line",{x1:"12",y1:"11",x2:"12",y2:"16"}),a("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"}))}}render(){return a(o,{key:"0de470e0aec991fe0ed4b47d4b14075d0153ef54"},this.open&&a("div",{key:"d17b7326f4c76fe99a32f402fb53a095721bf209",class:{alert:!0,["variant-"+this.variant]:!0},role:"alert"},a("span",{key:"124489a92f47b4c7751f9af674b13add775bf3d3",class:"indicator"},this.renderIcon()),a("div",{key:"9c0741a48bee7225f7831b18ab492156c217f5a5",class:"body"},this.heading&&a("p",{key:"f883db0bdd9b48cfc1915d209675f681cc846d95",class:"heading"},this.heading),a("div",{key:"4a1de1b6a5f6fc84eead49a0a0357067b6c3dcab",class:"content"},a("slot",{key:"21ac76a2d287bb4e8629bac25cd3753886d14b5d"}))),this.dismissible&&a("button",{key:"f96e21942bed9489b296f76b6bdcc026f4351141",class:"close",type:"button","aria-label":"Fechar",onClick:this.dismiss},a("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"},a("line",{key:"e05e78664e7161af63d9e420a77726b52f14fff5",x1:"18",y1:"6",x2:"6",y2:"18"}),a("line",{key:"f6e62b74f93061762881b30866c105b332e79870",x1:"6",y1:"6",x2:"18",y2:"18"})))))}static get style(){return":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)}"}},[257,"ui-alert",{variant:[1],heading:[1],dismissible:[4],open:[32]}]);function s(){"undefined"!=typeof customElements&&["ui-alert"].forEach((e=>{"ui-alert"===e&&(customElements.get(r(e))||customElements.define(r(e),t))}))}s();const c=t,d=s;export{c as UiAlert,d as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface UiAvatarGroup extends Components.UiAvatarGroup, HTMLElement {}
|
|
4
|
+
export const UiAvatarGroup: {
|
|
5
|
+
prototype: UiAvatarGroup;
|
|
6
|
+
new (): UiAvatarGroup;
|
|
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 r,h as s,a}from"./index.js";const i=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(a,{key:"2413b9065333e5beb192143529b60daceefc11fe"},s("div",{key:"df93cb1e73bc05abfee09226111da32f50bf908d",class:"group"},s("slot",{key:"fa7fc7b57b009355e32c904cc78b46848403c0eb"})))}static get style(){return":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)}"}},[257,"ui-avatar-group"]);function u(){"undefined"!=typeof customElements&&["ui-avatar-group"].forEach((t=>{"ui-avatar-group"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}u();const o=i,l=u;export{o as UiAvatarGroup,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as a,p as t,H as
|
|
1
|
+
import{t as a,p as t,H as s,h as e,a as i}from"./index.js";const r=t(class extends s{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.alt=""}render(){return e(i,{key:"0a3b07acb18d2ddeecf3b072fcd6913dbc187474"},e("span",{key:"9b6c302f378ef47385f43d24a3fe491cdec0bfe0",class:"wrapper"},e("span",{key:"5093f8e180da9c3b1583da7f651bc69be89821b9",class:"avatar"},this.src?e("img",{class:"image",src:this.src,alt:this.alt}):e("span",{class:"fallback"},this.fallback)),this.status&&e("span",{key:"920d70149458e747aef1ac35c945a0b403986928",class:"status status-"+this.status,"aria-label":this.status})))}static get style(){return":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)}"}},[1,"ui-avatar",{src:[1],alt:[1],fallback:[1],status:[1]}]);function n(){"undefined"!=typeof customElements&&["ui-avatar"].forEach((t=>{"ui-avatar"===t&&(customElements.get(a(t))||customElements.define(a(t),r))}))}n();const o=r,u=n;export{o as UiAvatar,u as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as r,p as
|
|
1
|
+
import{t as r,p as e,H as a,c as i,h as t,a as o}from"./index.js";const n=e(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.uiRemove=i(this,"uiRemove"),this.variant="default",this.dot=!1,this.removable=!1}render(){return t(o,{key:"30760a471c805c011e45b1ee2c59507de0774b3c"},t("span",{key:"f06905297a3c5641634104a014452737d34918cc",class:{badge:!0,["variant-"+this.variant]:!0}},this.dot&&t("span",{key:"255e4debacda174708abb165159347c6aeeffced",class:"dot"}),t("slot",{key:"e8fb22f25b0b1c805289e3e6d1108a1cb93b5e28"}),this.removable&&t("button",{key:"a30d3213f31780e4c3fa80d98b45ae539b711f43",class:"remove",type:"button","aria-label":"Remover",onClick:()=>this.uiRemove.emit()},t("svg",{key:"e57df3139096ea131fa1c3fbddf51f6507423346",viewBox:"0 0 24 24",width:"12",height:"12",fill:"none",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round"},t("path",{key:"da3810852846ac9cda68957d7dadcb3737be348d",d:"M18 6 6 18M6 6l12 12"})))))}static get style(){return":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}"}},[257,"ui-badge",{variant:[1],dot:[4],removable:[4]}]);function s(){"undefined"!=typeof customElements&&["ui-badge"].forEach((e=>{"ui-badge"===e&&(customElements.get(r(e))||customElements.define(r(e),n))}))}s();const c=n,d=s;export{c as UiBadge,d as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface UiBreadcrumbItem extends Components.UiBreadcrumbItem, HTMLElement {}
|
|
4
|
+
export const UiBreadcrumbItem: {
|
|
5
|
+
prototype: UiBreadcrumbItem;
|
|
6
|
+
new (): UiBreadcrumbItem;
|
|
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 r,h as i,a as n}from"./index.js";const s=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.current=!1}renderSeparator(){return i("span",{class:"separator","aria-hidden":"true"},i("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},i("polyline",{points:"9 18 15 12 9 6"})))}render(){return i(n,{key:"20d22dde2f7b6b4c03a76b4e6be851a0c4cd39d5"},this.href&&!this.current?i("a",{class:"link",href:this.href},i("slot",null)):i("span",{class:"current","aria-current":this.current?"page":void 0},i("slot",null)),!this.current&&this.renderSeparator())}static get style(){return":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}"}},[257,"ui-breadcrumb-item",{href:[1],current:[4]}]);function o(){"undefined"!=typeof customElements&&["ui-breadcrumb-item"].forEach((t=>{"ui-breadcrumb-item"===t&&(customElements.get(e(t))||customElements.define(e(t),s))}))}o();const a=s,l=o;export{a as UiBreadcrumbItem,l as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface UiBreadcrumb extends Components.UiBreadcrumb, HTMLElement {}
|
|
4
|
+
export const UiBreadcrumb: {
|
|
5
|
+
prototype: UiBreadcrumb;
|
|
6
|
+
new (): UiBreadcrumb;
|
|
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 t,h as s,a as r}from"./index.js";const c=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(r,{key:"3c86ea43e5dde2c8486b49f8c2ece55f66c4dec5"},s("nav",{key:"6da35c2ffc4b7c2aa13d3321ed6227d97be59e80","aria-label":"breadcrumb"},s("ol",{key:"567cb7aaf4e8ae8f1e15369b45b482104f1264da"},s("slot",{key:"5f942426d1195ea0eae8256ebfb01d25b6f350ab"}))))}static get style(){return":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}"}},[257,"ui-breadcrumb"]);function n(){"undefined"!=typeof customElements&&["ui-breadcrumb"].forEach((a=>{"ui-breadcrumb"===a&&(customElements.get(e(a))||customElements.define(e(a),c))}))}n();const d=c,i=n;export{d as UiBreadcrumb,i as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as r,p as t,H as e,h as i,a}from"./index.js";const
|
|
1
|
+
import{t as r,p as t,H as e,h as i,a}from"./index.js";const o=t(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.size="md",this.disabled=!1,this.loading=!1,this.type="button",this.full=!1}render(){return i(a,{key:"fa9886a20cac8424b127be543c0fd1ad04cc2fb1"},i("button",{key:"c54077dabce85b286733efcae8a08a435b81d72e",class:{btn:!0,["variant-"+this.variant]:!0,["size-"+this.size]:!0},type:this.type,disabled:this.disabled||this.loading,"aria-busy":this.loading?"true":null},this.loading&&i("span",{key:"8e557bd098d5655be256ea7fc0748990b7f11026",class:"spinner","aria-hidden":"true"}),i("slot",{key:"36946d065411700928e3541f351a3f6f75018ae9"})))}static get style(){return":host{display:inline-block}:host([full]){display:block;width:100%}:host([full]) .btn{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border:1px solid transparent;border-radius:var(--ui-radius-full);font-family:var(--ui-font-sans);font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.btn:active{transform:scale(0.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.btn:disabled{pointer-events:none;opacity:0.5}.size-sm{height:2.25rem;padding:0 1rem;font-size:0.75rem}.size-md{height:2.75rem;padding:0 1.25rem;font-size:0.875rem}.size-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.size-icon{height:2.5rem;width:2.5rem;padding:0}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast);box-shadow:var(--ui-shadow)}.variant-solid:hover{filter:brightness(1.1)}.variant-default{background:var(--ui-panel-strong);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-default:hover{border-color:var(--ui-border-strong)}.variant-subtle{background:var(--ui-chip);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-subtle:hover{background:var(--ui-panel)}.variant-outline{color:var(--ui-foreground);border-color:color-mix(in srgb, var(--ui-foreground) 30%, transparent)}.variant-outline:hover{background:var(--ui-chip);border-color:color-mix(in srgb, var(--ui-foreground) 45%, transparent)}.variant-ghost{color:var(--ui-text-soft)}.variant-ghost:hover{background:var(--ui-chip)}.variant-destructive{background:var(--ui-danger);color:var(--ui-on-status)}.variant-destructive:hover{filter:brightness(1.1)}.variant-link{color:var(--ui-accent);text-underline-offset:4px}.variant-link:hover{text-decoration:underline}.spinner{width:1rem;height:1rem;border-radius:9999px;border:2px solid currentColor;border-top-color:transparent;animation:ui-button-spin 0.7s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}"}},[257,"ui-button",{variant:[1],size:[1],disabled:[4],loading:[4],type:[1],full:[516]}]);function n(){"undefined"!=typeof customElements&&["ui-button"].forEach((t=>{"ui-button"===t&&(customElements.get(r(t))||customElements.define(r(t),o))}))}n();const s=o,u=n;export{s as UiButton,u 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 r,a as o}from"./index.js";const d=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return r(o,{key:"39ddf0a9974086fcc9ad3fc89f1e1d6858e2fead"},r("div",{key:"e8e510a468dc662f9fc76affce785a9b37edc205",class:"card"},r("slot",{key:"ee92d4bc2fa1738d84689d989d4e113d515acc83",name:"title"}),r("slot",{key:"6e87c2406474b6ea2aa370d1602ff02a89c4f4d5",name:"description"}),r("slot",{key:"a388b4bc2d9c5e328ade55ac38c870afc9ade82c"}),r("slot",{key:"071ce297db672e332cf2d354a395b07e100b16a1",name:"footer"})))}static get style(){return':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}'}},[257,"ui-card"]);function s(){"undefined"!=typeof customElements&&["ui-card"].forEach((t=>{"ui-card"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))}s();const c=d,i=s;export{c as UiCard,i as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as
|
|
1
|
+
import{t as e,p as i,H as t,c as a,h as r,a as c}from"./index.js";const o=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uiChange=a(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(c,{key:"73477b35af6a093e87ae8a5b33232690888ca98c"},r("button",{key:"235b0102bbdd9a0ef23c3230acbba9aebdb06898",class:"checkbox",type:"button",role:"checkbox","aria-checked":this.checked?"true":"false",disabled:this.disabled,onClick:this.toggle,onKeyDown:this.onKeyDown},r("svg",{key:"3aaa64d1d173991b2c785298586aab66471e9285",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:"baaca1ba97901e5a9d4e97640221f35cdeb02351",points:"20 6 9 17 4 12"}))))}static get style(){return':host{display:inline-flex}.checkbox{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:1.5px solid color-mix(in srgb, var(--ui-foreground) 32%, transparent);border-radius:var(--ui-radius-sm);background:var(--ui-chip);cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.checkbox:hover:not(:disabled):not([aria-checked="true"]){border-color:var(--ui-accent)}.checkbox:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.checkbox[aria-checked="true"]{background:var(--ui-accent);border-color:var(--ui-accent)}.checkbox:disabled{opacity:0.5;pointer-events:none}.check{width:0.875rem;height:0.875rem;color:var(--ui-accent-contrast);opacity:0;transform:scale(0.6);transition:all var(--ui-duration) var(--ui-ease)}.checkbox[aria-checked="true"] .check{opacity:1;transform:scale(1)}'}},[1,"ui-checkbox",{checked:[1540],disabled:[4],name:[1],value:[1]}]);function s(){"undefined"!=typeof customElements&&["ui-checkbox"].forEach((i=>{"ui-checkbox"===i&&(customElements.get(e(i))||customElements.define(e(i),o))}))}s();const n=o,d=s;export{n as UiCheckbox,d as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface UiContainer extends Components.UiContainer, HTMLElement {}
|
|
4
|
+
export const UiContainer: {
|
|
5
|
+
prototype: UiContainer;
|
|
6
|
+
new (): UiContainer;
|
|
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 i,H as t,h as n,a as s}from"./index.js";const d=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="lg",this.padded=!0}render(){return n(s,{key:"4f00ee39f0ae347fafac349ee8e42c991c8013dd"},n("div",{key:"a0f8f0c6d418f119c6631d0387f9328af8fbb416",class:{container:!0,["size-"+this.size]:!0,padded:this.padded}},n("slot",{key:"86178f8371c958123fcf8b7e6bfe059aeed9f690"})))}static get style(){return":host{display:block;width:100%}.container{margin-inline:auto;width:100%;font-family:var(--ui-font-sans)}.size-sm{max-width:40rem}.size-md{max-width:48rem}.size-lg{max-width:64rem}.size-xl{max-width:80rem}.size-full{max-width:none}.padded{padding-inline:1.25rem}@media (min-width: 640px){.padded{padding-inline:2rem}}"}},[257,"ui-container",{size:[1],padded:[4]}]);function a(){"undefined"!=typeof customElements&&["ui-container"].forEach((i=>{"ui-container"===i&&(customElements.get(e(i))||customElements.define(e(i),d))}))}a();const m=d,r=a;export{m as UiContainer,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as
|
|
1
|
+
import{t,p as e,H as s,c as o,h as a,a as i}from"./index.js";const n=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.uiClose=o(this,"uiClose"),this.open=!1,this.onClose=()=>{this.open&&(this.open=!1,this.uiClose.emit())},this.onBackdropClick=t=>{t.target===this.dialogEl&&this.close()}}onOpenChange(t){this.sync(t)}componentDidLoad(){this.sync(this.open)}sync(t){this.dialogEl&&(t&&!this.dialogEl.open?this.dialogEl.showModal():!t&&this.dialogEl.open&&this.dialogEl.close())}async show(){this.open=!0}async close(){this.open=!1}render(){return a(i,{key:"e6c34700dc04fd3754eedeab279a67cd3997fb3d"},a("dialog",{key:"fdb23f89bd4b9aef79abaec586bf39add47ce013",class:"dialog",ref:t=>this.dialogEl=t,onClose:this.onClose,onCancel:this.onClose,onClick:this.onBackdropClick},a("div",{key:"8a86f47c263d4fac68debdcef9cc8ed7e0be7ca8",class:"content"},a("slot",{key:"fe9d9105c13670104b5a60c939f9256b44694e8e"}))))}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return'.dialog{padding:0;border:none;background:transparent;max-width:32rem;width:calc(100% - 2rem);color:var(--ui-foreground)}.dialog::backdrop{background:var(--ui-overlay);backdrop-filter:blur(4px)}.dialog[open]{animation:ui-dialog-in var(--ui-duration) var(--ui-ease)}.content{border:1px solid var(--ui-border);background:var(--ui-panel-strong);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px) saturate(140%);border-radius:var(--ui-radius-xl);padding:1.5rem;font-family:var(--ui-font-sans)}::slotted([slot="title"]){font-size:1.125rem;font-weight:600}::slotted([slot="description"]){color:var(--ui-text-muted);font-size:0.875rem}@keyframes ui-dialog-in{from{opacity:0;transform:scale(0.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}'}},[257,"ui-dialog",{open:[1540],show:[64],close:[64]},void 0,{open:[{onOpenChange:0}]}]);function r(){"undefined"!=typeof customElements&&["ui-dialog"].forEach((e=>{"ui-dialog"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}r();const d=n,c=r;export{d as UiDialog,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as r,H as
|
|
1
|
+
import{t,p as r,H as e,c as i,h as o,a as s}from"./index.js";const a=r(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.uiClose=i(this,"uiClose"),this.open=!1,this.side="right",this.onClose=()=>{this.open&&(this.open=!1,this.uiClose.emit())},this.onBackdropClick=t=>{t.target===this.dialogEl&&this.close()}}onOpenChange(t){this.sync(t)}componentDidLoad(){this.sync(this.open)}sync(t){this.dialogEl&&(t&&!this.dialogEl.open?this.dialogEl.showModal():!t&&this.dialogEl.open&&this.dialogEl.close())}async show(){this.open=!0}async close(){this.open=!1}render(){return o(s,{key:"5d44e7d604eab21d2d30d5cbaaa225658c8e7e71"},o("dialog",{key:"ecdfc2057a8864f6b8dc961ddcd51c3f349b2b54",class:"drawer side-"+this.side,ref:t=>this.dialogEl=t,onClose:this.onClose,onCancel:this.onClose,onClick:this.onBackdropClick},o("div",{key:"c14965ebb97a2c77d06c4a50466d00bf4036bafa",class:"content"},o("slot",{key:"2bdbb4cbd2cd30ade870090c5383d398cfb6772b"}))))}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}.drawer{position:fixed;margin:0;padding:0;border:none;max-width:none;max-height:none;background:transparent;overflow:visible}.drawer::backdrop{background:var(--ui-overlay);backdrop-filter:blur(2px)}.side-right{top:0;right:0;bottom:0;height:100%;width:min(24rem, 100%)}.side-bottom{left:0;right:0;bottom:0;width:100%;max-height:85vh}.content{box-sizing:border-box;width:100%;height:100%;padding:1.5rem;overflow:auto;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)}.side-right .content{border-top-left-radius:var(--ui-radius-xl);border-bottom-left-radius:var(--ui-radius-xl)}.side-bottom .content{border-top-left-radius:var(--ui-radius-xl);border-top-right-radius:var(--ui-radius-xl)}.side-right[open]{animation:ui-drawer-slide-right var(--ui-duration) var(--ui-ease)}.side-bottom[open]{animation:ui-drawer-slide-bottom var(--ui-duration) var(--ui-ease)}@keyframes ui-drawer-slide-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes ui-drawer-slide-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}"}},[257,"ui-drawer",{open:[1540],side:[513],show:[64],close:[64]},void 0,{open:[{onOpenChange:0}]}]);function d(){"undefined"!=typeof customElements&&["ui-drawer"].forEach((r=>{"ui-drawer"===r&&(customElements.get(t(r))||customElements.define(t(r),a))}))}d();const n=a,h=d;export{n as UiDrawer,h as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,c as s,h as o,a as r}from"./index.js";const n=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uiSelect=s(this,"uiSelect"),this.disabled=!1,this.onClick=()=>{this.disabled||(this.uiSelect.emit(),this.host.dispatchEvent(new CustomEvent("uiDropdownClose",{bubbles:!0,composed:!0})))}}render(){return o(r,{key:"
|
|
1
|
+
import{t as e,p as t,H as i,c as s,h as o,a as r}from"./index.js";const n=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.uiSelect=s(this,"uiSelect"),this.disabled=!1,this.onClick=()=>{this.disabled||(this.uiSelect.emit(),this.host.dispatchEvent(new CustomEvent("uiDropdownClose",{bubbles:!0,composed:!0})))}}render(){return o(r,{key:"a73d394ff94b232151c37e749d398f4485f46bde"},o("button",{key:"3827857b88fc5d63681e80dc2cc470b58faf69e1",type:"button",class:"item",role:"menuitem",disabled:this.disabled,onClick:this.onClick},o("slot",{key:"a6dbd79c7b171ef6a8a53aa5da39fbca37725e1c"})))}get host(){return this}static get style(){return":host{display:block}.item{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.5rem 0.625rem;font-family:var(--ui-font-sans);font-size:0.875rem;text-align:left;color:var(--ui-foreground);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease)}.item:hover,.item:focus-visible{background:var(--ui-chip)}.item:focus-visible{box-shadow:0 0 0 2px var(--ui-ring)}.item:disabled{pointer-events:none;opacity:0.5;cursor:default}"}},[257,"ui-dropdown-item",{disabled:[516]}]);function a(){"undefined"!=typeof customElements&&["ui-dropdown-item"].forEach((t=>{"ui-dropdown-item"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))}a();const d=n,u=a;export{d as UiDropdownItem,u as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as s,H as
|
|
1
|
+
import{t,p as s,H as i,c as e,h as n,a as o}from"./index.js";import{a,c as r,o as c,f as d,s as h}from"./p-CyBRmmbs.js";const l=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)}onItemClose(){this.setOpen(!1)}setOpen(t){this.open!==t&&(this.open=t,this.uiOpenChange.emit(t))}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:[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 n(o,{key:"6d1ac3cd9096527745a84f24443a3b230bf2aaf0"},n("span",{key:"5594e37030b1fd69260b4de30393aacfbc636ca3",class:"trigger",ref:t=>this.triggerEl=t,onClick:this.onTriggerClick},n("slot",{key:"763b6bf28fe4c79a13a2cc5a620d19e51ae5f6e2",name:"trigger"})),n("div",{key:"0bec01181593abbcb1a8634eb027ce0cef0d860d",class:{menu:!0,"is-open":this.open},role:"menu",ref:t=>this.floatingEl=t},n("slot",{key:"1b1fa528fc1186c81dd433d0cb9b775df8357641"})))}get host(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:inline-block}.trigger{display:inline-flex}.menu{position:fixed;top:0;left:0;z-index:50;display:flex;flex-direction:column;gap:0.125rem;min-width:10rem;max-width:calc(100vw - 1rem);padding:0.375rem;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)}.menu.is-open{visibility:visible;opacity:1;transform:scale(1)}"}},[257,"ui-dropdown-menu",{open:[1540],placement:[1],show:[64],close:[64]},[[0,"uiDropdownClose","onItemClose"]],{open:[{onOpenChange:0}]}]);function u(){"undefined"!=typeof customElements&&["ui-dropdown-menu"].forEach((s=>{"ui-dropdown-menu"===s&&(customElements.get(t(s))||customElements.define(t(s),l))}))}u();const m=l,p=u;export{m as UiDropdownMenu,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as
|
|
1
|
+
import{t as e,p as a,H as i,h as r,a as s}from"./index.js";const t=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.required=!1}render(){return r(s,{key:"1910a6ce3a389ab7faa9e3b46e0397e6a9bfbaab"},r("div",{key:"fb76fb030b9af9129578f7b2f0b85eaffefc8d67",class:"field"},this.label&&r("label",{key:"659a7c0982360c133891a1a22a98cdae32a529ed",class:"label",htmlFor:this.fieldId},this.label,this.required&&r("span",{key:"de93f19b8a2dd063df1175c00c68c0b7c9b092d6",class:"required","aria-hidden":"true"}," *")),r("slot",{key:"a510f107aab90a202c178f1d22727689db828fdc"}),this.error?r("p",{class:"error",role:"alert"},this.error):this.description&&r("p",{class:"description"},this.description)))}static get style(){return":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)}"}},[257,"ui-field",{label:[1],description:[1],error:[1],required:[4],fieldId:[1,"field-id"]}]);function o(){"undefined"!=typeof customElements&&["ui-field"].forEach((a=>{"ui-field"===a&&(customElements.get(e(a))||customElements.define(e(a),t))}))}o();const f=t,l=o;export{f as UiField,l as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface UiGrid extends Components.UiGrid, HTMLElement {}
|
|
4
|
+
export const UiGrid: {
|
|
5
|
+
prototype: UiGrid;
|
|
6
|
+
new (): UiGrid;
|
|
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 s,h as i,a}from"./index.js";const r={xs:"0.25rem",sm:"0.5rem",md:"1rem",lg:"1.5rem",xl:"2rem"},m=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.columns=12,this.gap="md"}render(){return i(a,{key:"465a816e064af42d8282185ee92e32477a6112fd"},i("div",{key:"da2e151c56959ced55477e3fe6c99aa5563b38aa",class:"grid",style:{gridTemplateColumns:this.minItemWidth?`repeat(auto-fit, minmax(${this.minItemWidth}, 1fr))`:`repeat(${this.columns}, minmax(0, 1fr))`,gap:r[this.gap]}},i("slot",{key:"5bb285ce0feaf16d066b627010fc3fb595a85c15"})))}static get style(){return":host{display:block}.grid{display:grid;font-family:var(--ui-font-sans)}"}},[257,"ui-grid",{columns:[2],gap:[1],minItemWidth:[1,"min-item-width"]}]);function d(){"undefined"!=typeof customElements&&["ui-grid"].forEach((t=>{"ui-grid"===t&&(customElements.get(e(t))||customElements.define(e(t),m))}))}d();const n=m,o=d;export{n as UiGrid,o as defineCustomElement}
|