@luster-ui/ui 1.0.0

package/dist/collection/components/luster-sidebar/luster-sidebar.js

@@ -0,0 +1,78 @@
+import { h } from "@stencil/core";
+export class DcSidebar {
+    constructor() {
+        this.active = 'foundations';
+        this.handleNav = (key) => {
+            this.dcNavChange.emit(key);
+        };
+        this.navItems = [
+            { key: 'foundations', label: 'Foundations' },
+            { key: 'buttons-inputs', label: 'Buttons & Inputs' },
+            { key: 'navigation', label: 'Navigation & Feedback' },
+            { key: 'cards', label: 'Cards & Data' },
+        ];
+        this.icons = {
+            foundations: (h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none" }, h("polygon", { points: "12,3 22,21 2,21", stroke: "currentColor", "stroke-width": "2", "stroke-linejoin": "round" }))),
+            'buttons-inputs': (h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none" }, h("rect", { x: "3", y: "9", width: "18", height: "7", rx: "3.5", stroke: "currentColor", "stroke-width": "2" }))),
+            navigation: (h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none" }, h("path", { d: "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }), h("path", { d: "M13.73 21a2 2 0 0 1-3.46 0", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))),
+            cards: (h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none" }, h("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", stroke: "currentColor", "stroke-width": "2" }), h("path", { d: "M8 21h8M12 17v4", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))),
+        };
+    }
+    render() {
+        return (h("aside", { key: '156bbdcd26532849231a17a0a25ada7e0b3ee49a', class: "sidebar" }, h("nav", { key: '0792a2cb932ef1e01be65b0e71b9b120007173ae', class: "sidebar__nav" }, this.navItems.map(item => (h("a", { key: item.key, class: `sidebar__item ${this.active === item.key ? 'sidebar__item--active' : ''}`, onClick: () => this.handleNav(item.key) }, h("span", { class: "sidebar__icon" }, this.icons[item.key]), h("span", { class: "sidebar__label" }, item.label))))), h("div", { key: '6569f9b239cc95c7af704bf6b8967912891e4669', class: "sidebar__bottom" }, h("button", { key: '5e49de90b28d51d366e30429308f5b088ea79de7', class: "sidebar__new-btn" }, h("svg", { key: 'b4adaf5f40fd916ee79cfa4ed31539cca891c3c0', width: "14", height: "14", viewBox: "0 0 24 24", fill: "none" }, h("line", { key: '2a1a1342289c742b5a19e9726d880f82d5391ae5', x1: "12", y1: "5", x2: "12", y2: "19", stroke: "currentColor", "stroke-width": "2.5", "stroke-linecap": "round" }), h("line", { key: '1c1af82ededac05213f765bf2b59dfaf842b72f3', x1: "5", y1: "12", x2: "19", y2: "12", stroke: "currentColor", "stroke-width": "2.5", "stroke-linecap": "round" })), "New Component"), h("div", { key: '415530b5a67ee42bec580664a27e5f050a124f64', class: "sidebar__footer-links" }, h("a", { key: 'f063c1d69506f587936dce24bf95ec475ab2c49a', class: "sidebar__item sidebar__item--sm" }, h("span", { key: '38aa317619f9f1a513f36e59fcfa6d0a9425472b', class: "sidebar__icon" }, h("svg", { key: 'ad5890e87a9e6ed96b2aea2267b773f2f0a22adc', width: "15", height: "15", viewBox: "0 0 24 24", fill: "none" }, h("circle", { key: 'cffb2dd618636cf8eb382f9ebdfbd3ff3f5e5474', cx: "12", cy: "12", r: "3", stroke: "currentColor", "stroke-width": "2" }), h("path", { key: 'a31d2b3c9ca5379940350f385a62520e141c4af5', d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z", stroke: "currentColor", "stroke-width": "2" }))), h("span", { key: '9551440506113e8fb2e58ac849882962a2775a7a', class: "sidebar__label" }, "Settings")), h("a", { key: 'b406df93302d530917a0486b3e397339d0356092', class: "sidebar__item sidebar__item--sm" }, h("span", { key: 'd04b4f834fd2e84c08545e4cf73330c8bd6d3b79', class: "sidebar__icon" }, h("svg", { key: 'f9098ac49052cf9f959cea295b8dd9493a9d3635', width: "15", height: "15", viewBox: "0 0 24 24", fill: "none" }, h("circle", { key: 'cbb8a5bea8c9dfaa4413a435a670c87691d808ff', cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "2" }), h("path", { key: '38b50c506b9ec19bb443e555d1bae07f4819d134', d: "M12 16v-4M12 8h.01", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))), h("span", { key: '65eb38a28de5d699eab95214ff7fd3c239d81d3e', class: "sidebar__label" }, "Support"))), h("div", { key: '13a36b659c7e9f3330c875477b051d6437822920', class: "sidebar__user" }, h("div", { key: 'cbf4b6a7ccd4bf4849c15762a967d612d67d487e', class: "sidebar__user-avatar" }, "AV"), h("div", { key: '2af195de05155ecd5ffcd9c612ec83f037316ad6', class: "sidebar__user-info" }, h("span", { key: 'a004b37c87e90aad0feae298da542966baabc871', class: "sidebar__user-name" }, "Alex Curator"), h("span", { key: '421c4155582025707eb780b30a71e1412ebabd19', class: "sidebar__user-role" }, "Lead Editor"))))));
+    }
+    static get is() { return "luster-sidebar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["luster-sidebar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["luster-sidebar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "active": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "active",
+                "defaultValue": "'foundations'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "dcNavChange",
+                "name": "dcNavChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+}

package/dist/collection/components/luster-sidebar/luster-sidebar.stories.js

@@ -0,0 +1,34 @@
+import { html } from "lit";
+const meta = {
+    title: 'Navigation/Sidebar',
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: 'Sidebar de navegação lateral com itens e perfil de usuário. Props: `active`.',
+            },
+        },
+        layout: 'fullscreen',
+    },
+    argTypes: {
+        active: {
+            control: 'select',
+            options: ['foundations', 'buttons-inputs', 'navigation', 'cards'],
+            description: 'Item de menu ativo',
+            table: { defaultValue: { summary: 'foundations' } },
+        },
+    },
+    args: {
+        active: 'foundations',
+    },
+};
+export default meta;
+const render = (args) => html `
+  <div style="height:600px;display:flex;">
+    <luster-sidebar active="${args.active}"></luster-sidebar>
+  </div>
+`;
+export const Foundations = { args: { active: 'foundations' }, render };
+export const ButtonsInputs = { name: 'Buttons & Inputs', args: { active: 'buttons-inputs' }, render };
+export const Navigation = { args: { active: 'navigation' }, render };
+export const Cards = { args: { active: 'cards' }, render };

package/dist/collection/components/luster-stat-card/luster-stat-card.css

@@ -0,0 +1,82 @@
+:host { display: block; }
+
+.stat-card {
+  background: var(--dc-surface-container-high);
+  border-radius: var(--dc-round-4);
+  padding: var(--dc-space-5);
+  display: flex;
+  flex-direction: column;
+  gap: var(--dc-space-4);
+  transition: background var(--dc-transition-base), box-shadow var(--dc-transition-base);
+  cursor: default;
+}
+
+.stat-card:hover {
+  background: var(--dc-surface-bright);
+  box-shadow: var(--dc-shadow-md);
+}
+
+.stat-card__header { display: flex; justify-content: space-between; align-items: flex-start; }
+
+.stat-card__icon-wrap {
+  width: 40px;
+  height: 40px;
+  border-radius: var(--dc-round-3);
+  background: var(--dc-icon-bg);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.stat-card__icon { color: var(--dc-primary); display: flex; }
+
+.stat-card__icon-placeholder {
+  width: 20px;
+  height: 20px;
+  border-radius: var(--dc-round-1);
+  background: var(--dc-primary-dim);
+  opacity: 0.4;
+}
+
+.stat-card__body { flex: 1; display: flex; flex-direction: column; gap: var(--dc-space-2); }
+
+.stat-card__title {
+  font-family: var(--dc-font-display);
+  font-size: var(--dc-title-md);
+  font-weight: 700;
+  color: var(--dc-on-surface);
+  margin: 0;
+}
+
+.stat-card__desc {
+  font-size: var(--dc-body-sm);
+  color: var(--dc-on-surface-variant);
+  margin: 0;
+  line-height: 1.5;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.stat-card__footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--dc-space-2);
+}
+
+.stat-card__meta {
+  display: flex;
+  align-items: center;
+  gap: var(--dc-space-2);
+  flex-wrap: wrap;
+}
+
+.stat-card__users {
+  display: flex;
+  align-items: center;
+  gap: var(--dc-space-1);
+  font-size: var(--dc-label-sm);
+  color: var(--dc-on-surface-variant);
+}

package/dist/collection/components/luster-stat-card/luster-stat-card.js

@@ -0,0 +1,194 @@
+import { h } from "@stencil/core";
+export class DcStatCard {
+    constructor() {
+        this.heading = '';
+        this.description = '';
+        this.version = '';
+        this.status = 'active';
+        this.users = '';
+        this.hasToggle = false;
+        this.toggleOn = false;
+        this.icon = '';
+    }
+    render() {
+        return (h("div", { key: '67edcd065e8dbe0bbab3293a1c2d3113966b2e92', class: "stat-card" }, h("div", { key: '34def7d2976c9aa72c80cf97f016fe0198fcb224', class: "stat-card__header" }, h("div", { key: '7dd6a1fddc56da32b1c4ab70d95a47e62b32b201', class: "stat-card__icon-wrap" }, this.icon
+            ? h("span", { class: "stat-card__icon", innerHTML: this.icon })
+            : h("div", { class: "stat-card__icon-placeholder" }))), h("div", { key: '927d66d98c96284de9d702b4722f9a248f1fd5ad', class: "stat-card__body" }, h("h4", { key: 'd3e4ec0f889cb4c7a5dbae3c91be59af454cff69', class: "stat-card__title" }, this.heading), h("p", { key: 'cf66fdc344ce596626b4431e81c8a3dd9108dab9', class: "stat-card__desc" }, this.description)), h("div", { key: '7b8b1dc652ace8c975d944b8833af5ab01c7bfed', class: "stat-card__footer" }, h("div", { key: '3154ab32f16a58f3640cfae5e4a26ad402f2a306', class: "stat-card__meta" }, this.version && h("luster-badge", { key: '3cb211b7547c2e67d737c683f2f1aaa8023bf17e', variant: "default", size: "sm" }, this.version), this.status === 'beta' && h("luster-badge", { key: '81ef69da5d4fb0c22f17f48d133e262d3189aa18', variant: "beta", size: "sm" }, "Beta"), this.users && (h("span", { key: 'eab97e42ba598fb004be8bd1b995e2575ff0a769', class: "stat-card__users" }, h("svg", { key: '0b44cb51ab317b08c3ea4dc516e046101a3825ab', width: "12", height: "12", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'a727ca4a5b7b4d47c4f4c29f716fa43999da498a', d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2", stroke: "currentColor", "stroke-width": "2" }), h("circle", { key: '486f29a519eae561aaf9489bcad926e964bfe48f', cx: "9", cy: "7", r: "4", stroke: "currentColor", "stroke-width": "2" }), h("path", { key: 'bfcacb0897e2074d5fdc79c979e81357c7b8adea', d: "M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75", stroke: "currentColor", "stroke-width": "2" })), this.users))), this.hasToggle && h("luster-toggle", { key: '30b1744edb34562a3db4ae1773fa4b8ef7a33a79', checked: this.toggleOn }))));
+    }
+    static get is() { return "luster-stat-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["luster-stat-card.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["luster-stat-card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading",
+                "defaultValue": "''"
+            },
+            "description": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "description",
+                "defaultValue": "''"
+            },
+            "version": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "version",
+                "defaultValue": "''"
+            },
+            "status": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'active' | 'beta' | 'deprecated'",
+                    "resolved": "\"active\" | \"beta\" | \"deprecated\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "status",
+                "defaultValue": "'active'"
+            },
+            "users": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "users",
+                "defaultValue": "''"
+            },
+            "hasToggle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "has-toggle",
+                "defaultValue": "false"
+            },
+            "toggleOn": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "toggle-on",
+                "defaultValue": "false"
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon",
+                "defaultValue": "''"
+            }
+        };
+    }
+}

package/dist/collection/components/luster-stat-card/luster-stat-card.stories.js

@@ -0,0 +1,75 @@
+import { html } from "lit";
+const meta = {
+    title: 'Cards/Stat Card',
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: 'Cartão de componente/recurso com metadados e toggle opcional. Props: `heading`, `description`, `version`, `status`, `users`, `has-toggle`, `toggle-on`.',
+            },
+        },
+    },
+    argTypes: {
+        heading: { control: 'text', description: 'Nome do componente' },
+        description: { control: 'text', description: 'Descrição breve' },
+        version: { control: 'text', description: 'Versão exibida como badge' },
+        status: {
+            control: 'select',
+            options: ['active', 'beta', 'deprecated'],
+            description: 'Status do componente',
+            table: { defaultValue: { summary: 'active' } },
+        },
+        users: { control: 'text', description: 'Contagem de usuários' },
+        hasToggle: {
+            control: 'boolean',
+            description: 'Exibe toggle no rodapé',
+            table: { defaultValue: { summary: 'false' } },
+        },
+        toggleOn: {
+            control: 'boolean',
+            description: 'Estado inicial do toggle',
+            table: { defaultValue: { summary: 'false' } },
+        },
+    },
+    args: {
+        heading: 'luster-button',
+        description: 'Multi-variant action trigger with gradient, ghost, and text styles.',
+        version: 'v1.0',
+        status: 'active',
+        users: '2.4k',
+        hasToggle: true,
+        toggleOn: true,
+    },
+};
+export default meta;
+const render = (args) => html `
+  <luster-stat-card
+    heading="${args.heading}"
+    description="${args.description}"
+    version="${args.version}"
+    status="${args.status}"
+    users="${args.users}"
+    ?has-toggle="${args.hasToggle}"
+    ?toggle-on="${args.toggleOn}"
+  ></luster-stat-card>
+`;
+export const Default = { render };
+export const BetaStatus = {
+    name: 'Beta Status',
+    args: { heading: 'luster-hero', status: 'beta', version: 'v0.9', toggleOn: false },
+    render,
+};
+export const Deprecated = {
+    args: { heading: 'dc-button', status: 'deprecated', version: 'v0.1', users: '' },
+    render,
+};
+export const Grid = {
+    name: 'Card Grid',
+    render: () => html `
+    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:780px;">
+      <luster-stat-card heading="luster-button" description="Action trigger" version="v1.0" status="active" users="2.4k" ?has-toggle="${true}" ?toggle-on="${true}"></luster-stat-card>
+      <luster-stat-card heading="luster-input" description="Text field" version="v1.0" status="active" users="1.9k" ?has-toggle="${true}" ?toggle-on="${true}"></luster-stat-card>
+      <luster-stat-card heading="luster-hero" description="Feature banner" version="v0.9" status="beta" users="340" ?has-toggle="${true}" ?toggle-on="${false}"></luster-stat-card>
+    </div>
+  `,
+};

package/dist/collection/components/luster-tabs/luster-tabs.css

@@ -0,0 +1,35 @@
+:host { display: block; }
+
+.tabs { display: flex; flex-direction: column; gap: var(--dc-space-4); }
+
+.tabs__list {
+  display: flex;
+  align-items: center;
+  gap: var(--dc-space-1);
+  background: var(--dc-surface-container-low);
+  border-radius: var(--dc-round-2);
+  padding: var(--dc-space-1);
+  width: fit-content;
+}
+
+.tabs__tab {
+  padding: var(--dc-space-1) var(--dc-space-4);
+  border: none;
+  border-radius: var(--dc-round-1);
+  background: transparent;
+  color: var(--dc-on-surface-variant);
+  font-family: var(--dc-font-body);
+  font-size: var(--dc-body-sm);
+  font-weight: 500;
+  cursor: pointer;
+  transition: all var(--dc-transition-fast);
+  white-space: nowrap;
+}
+
+.tabs__tab:hover { color: var(--dc-on-surface); background: rgba(64, 72, 93, 0.3); }
+
+.tabs__tab--active {
+  background: var(--dc-surface-container-high);
+  color: var(--dc-on-surface);
+  font-weight: 600;
+}

package/dist/collection/components/luster-tabs/luster-tabs.js

@@ -0,0 +1,116 @@
+import { h } from "@stencil/core";
+export class DcTabs {
+    constructor() {
+        this.tabs = '';
+        this.active = '';
+        this.activeTab = '';
+        this.parsedTabs = [];
+    }
+    componentWillLoad() {
+        var _a, _b;
+        if (typeof this.tabs === 'string') {
+            try {
+                this.parsedTabs = JSON.parse(this.tabs);
+            }
+            catch (_c) {
+                this.parsedTabs = [];
+            }
+        }
+        else {
+            this.parsedTabs = this.tabs;
+        }
+        this.activeTab = this.active || ((_b = (_a = this.parsedTabs[0]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '');
+    }
+    selectTab(value) {
+        this.activeTab = value;
+        this.dcTabChange.emit(value);
+    }
+    render() {
+        return (h("div", { key: '68e5a001a3c7e9f98a9239b18a3a54c8ded0c961', class: "tabs" }, h("div", { key: '5d14c39512d3e64c8a76745480b8a5789349d488', class: "tabs__list", role: "tablist" }, this.parsedTabs.map(tab => (h("button", { key: tab.value, class: `tabs__tab ${this.activeTab === tab.value ? 'tabs__tab--active' : ''}`, role: "tab", "aria-selected": this.activeTab === tab.value ? 'true' : 'false', onClick: () => this.selectTab(tab.value) }, tab.label)))), h("slot", { key: '2412bfdc1670989f3c348b1f289572cec10bd80f' })));
+    }
+    static get is() { return "luster-tabs"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["luster-tabs.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["luster-tabs.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "tabs": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TabItem[] | string",
+                    "resolved": "TabItem[] | string",
+                    "references": {
+                        "TabItem": {
+                            "location": "local",
+                            "path": "C:/Users/vieir/Documents/estudos/luster/stencil-ds/src/components/luster-tabs/luster-tabs.tsx",
+                            "id": "src/components/luster-tabs/luster-tabs.tsx::TabItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tabs",
+                "defaultValue": "''"
+            },
+            "active": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "active",
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "activeTab": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "dcTabChange",
+                "name": "dcTabChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+}