@luster-ui/ui 1.0.0

package/dist/components/luster-modal.d.ts

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

package/dist/components/luster-modal.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as a,createEvent as e,h as o,transformTag as s}from"@stencil/core/internal/client";import{d as r}from"./luster-button2.js";const i=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dcClose=e(this,"dcClose",7),this.dcConfirm=e(this,"dcConfirm",7),this.open=!1,this.heading="",this.subtitle="",this.confirmLabel="Proceed",this.cancelLabel="Cancel",this.size="md",this.visible=!1,this.handleClose=()=>{this.open=!1,this.visible=!1,this.dcClose.emit()},this.handleConfirm=()=>{this.dcConfirm.emit(),this.handleClose()}}watchOpen(t){this.visible=t}componentWillLoad(){this.visible=this.open}render(){return this.visible?o("div",{class:"modal-overlay",onClick:t=>{t.target.classList.contains("modal-overlay")&&this.handleClose()}},o("div",{class:"modal modal--"+this.size,role:"dialog","aria-modal":"true"},o("div",{class:"modal__header"},this.heading&&o("h2",{class:"modal__title"},this.heading),this.subtitle&&o("p",{class:"modal__subtitle"},this.subtitle),o("button",{class:"modal__close",onClick:this.handleClose,"aria-label":"Close"},o("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},o("line",{x1:"18",y1:"6",x2:"6",y2:"18",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}),o("line",{x1:"6",y1:"6",x2:"18",y2:"18",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})))),o("div",{class:"modal__body"},o("slot",null)),o("div",{class:"modal__footer"},o("slot",{name:"footer"},o("luster-button",{variant:"secondary",onDcClick:this.handleClose},this.cancelLabel),o("luster-button",{variant:"primary",onDcClick:this.handleConfirm},this.confirmLabel))))):null}static get watchers(){return{open:[{watchOpen:0}]}}static get style(){return":host{display:block}.modal-overlay{position:fixed;inset:0;background:var(--dc-overlay-modal);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--dc-space-6);animation:fadeIn 0.2s ease-out}.modal{background:var(--dc-surface-container-highest);border-radius:var(--dc-round-5);box-shadow:var(--dc-shadow-xl);border:1px solid var(--dc-border-default);display:flex;flex-direction:column;animation:scaleIn 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);overflow:hidden;max-height:90vh}.modal--sm{width:380px}.modal--md{width:520px}.modal--lg{width:680px}.modal__header{padding:var(--dc-space-6);padding-bottom:var(--dc-space-4);position:relative;display:flex;flex-direction:column;gap:var(--dc-space-2)}.modal__title{font-family:var(--dc-font-display);font-size:var(--dc-headline-sm);font-weight:700;color:var(--dc-on-surface);letter-spacing:var(--dc-tracking-tight);margin:0;padding-right:var(--dc-space-8)}.modal__subtitle{font-size:var(--dc-body-sm);color:var(--dc-on-surface-variant);margin:0;line-height:1.5}.modal__close{position:absolute;top:var(--dc-space-5);right:var(--dc-space-5);width:32px;height:32px;background:var(--dc-close-bg);border:none;border-radius:var(--dc-round-full);color:var(--dc-on-surface-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--dc-transition-fast)}.modal__close:hover{background:var(--dc-close-hover);color:var(--dc-on-surface)}.modal__body{padding:var(--dc-space-4) var(--dc-space-6);flex:1;overflow-y:auto}.modal__footer{padding:var(--dc-space-4) var(--dc-space-6) var(--dc-space-6);display:flex;justify-content:flex-end;gap:var(--dc-space-3);border-top:1px solid var(--dc-border-faint)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleIn{from{opacity:0;transform:scale(0.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}"}},[257,"luster-modal",{open:[1028],heading:[1],subtitle:[1],confirmLabel:[1,"confirm-label"],cancelLabel:[1,"cancel-label"],size:[1],visible:[32]},void 0,{open:[{watchOpen:0}]}]),l=i,d=function(){"undefined"!=typeof customElements&&["luster-modal","luster-button"].forEach((t=>{switch(t){case"luster-modal":customElements.get(s(t))||customElements.define(s(t),i);break;case"luster-button":customElements.get(s(t))||r()}}))};export{l as LusterModal,d as defineCustomElement}

package/dist/components/luster-navbar.d.ts

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

package/dist/components/luster-navbar.js

@@ -0,0 +1 @@
+import{proxyCustomElement as a,HTMLElement as e,h as r,transformTag as c}from"@stencil/core/internal/client";const n=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.logoTitle="The Digital Curator",this.logoSub="EDITORIAL SYSTEM",this.activeLink="explorer"}render(){return r("nav",{key:"e5dbbb0cc263cb87e559918ef5cc38fb3cfde204",class:"navbar"},r("div",{key:"f95606c6b5af2ae3ce1cab758f7c66b2f87f515c",class:"navbar__logo"},r("div",{key:"d482f382cddea590500018f3deb56bce9a3d1c14",class:"navbar__logo-icon"},r("svg",{key:"bc8261415478dfb00d86a6d39a0325c0cf93c95e",width:"22",height:"22",viewBox:"0 0 22 22",fill:"none"},r("rect",{key:"f13bf8767bbc656a51fbb2a93fb1cc47facaa35c",x:"2",y:"2",width:"8",height:"8",rx:"1.5",fill:"var(--dc-primary)",opacity:"0.9"}),r("rect",{key:"d0424e2e33f7e13e2bf7a8058495f29bf9f6db8c",x:"12",y:"2",width:"8",height:"8",rx:"1.5",fill:"var(--dc-primary)",opacity:"0.55"}),r("rect",{key:"7c60e5ad1f221330882f26bedcdb091b4ce1d52a",x:"2",y:"12",width:"8",height:"8",rx:"1.5",fill:"var(--dc-primary)",opacity:"0.55"}),r("rect",{key:"2b513e2d6290e8879620533aa9c58ab49b1e4b32",x:"12",y:"12",width:"8",height:"8",rx:"1.5",fill:"var(--dc-primary)",opacity:"0.25"}))),r("div",{key:"b3ca9864b28b79126c08275bca941fcf98354bc2",class:"navbar__logo-text"},r("span",{key:"aec2170c04b5d40cf32e5e8cfa2d860c84b002d0",class:"navbar__logo-title"},this.logoTitle),r("span",{key:"5408c53b4aabcb10620b48d358d11ddc0f54c0b4",class:"navbar__logo-sub"},this.logoSub))),r("div",{key:"b0a4f7d1c7b157f87f3139bc9d97404c34108811",class:"navbar__nav"},r("a",{key:"2db3c86508d3221e2f536121bc34be11a3f19d81",class:"navbar__link "+("explorer"===this.activeLink?"navbar__link--active":"")},"Design System Explorer"),r("a",{key:"969e28208f8ed5b827c0a4bbe5ca355a3a7e04f2",class:"navbar__link"},"Docs"),r("a",{key:"b6acdb1baee7870c2cb58bb45aae9eb7d17a2159",class:"navbar__link"},"Updates"),r("a",{key:"dd590a967203a59a0f5200af95d11f0069da51a1",class:"navbar__link"},"Community")),r("div",{key:"c19d890b314017cdd5d4322e3b57ce5f4ae2051e",class:"navbar__actions"},r("div",{key:"2cb9d4b178f73f85deda72a3a1838afbafae4bd0",class:"navbar__search"},r("svg",{key:"c2b50cfbb95a8910f18ed9a65771c4231f821640",class:"navbar__search-icon",width:"13",height:"13",viewBox:"0 0 24 24",fill:"none"},r("circle",{key:"b0844d54bdf2488c0f1631e2f1303b917fcbcafa",cx:"11",cy:"11",r:"8",stroke:"currentColor","stroke-width":"2.5"}),r("path",{key:"8ae57987a06dc1adb093340e48b5507317b00159",d:"m21 21-4.35-4.35",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round"})),r("input",{key:"4effb00bb7c2a3b6bd136cc579586953f7d138a4",class:"navbar__search-input",placeholder:"Search components..."})),r("button",{key:"87f4634d7546500bbfdd2a8e47654d745b1e6fe3",class:"navbar__icon-btn","aria-label":"Notifications"},r("svg",{key:"0cf8c5e5b4cd9856d17b377f456316ebe2293fb0",width:"17",height:"17",viewBox:"0 0 24 24",fill:"none"},r("path",{key:"89b2fe4434e9a3021ff3c7d8782dba2956334ebb",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","stroke-linejoin":"round"}),r("path",{key:"74aabe2b9558adb47eb460d995993423517c2baa",d:"M13.73 21a2 2 0 0 1-3.46 0",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}))),r("button",{key:"225948849df6c7f5b117a00a5a1ecf812c02b099",class:"navbar__icon-btn","aria-label":"Settings"},r("svg",{key:"841e4d3fa5a43c128a225cf242a9abe6958d4b09",width:"17",height:"17",viewBox:"0 0 24 24",fill:"none"},r("circle",{key:"df0e9409049654cab0aaf04a377f0ef829efa0be",cx:"12",cy:"12",r:"3",stroke:"currentColor","stroke-width":"2"}),r("path",{key:"f4e5f61b6706fc390c7221584dcd9e3ae6d86b9a",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"}))),r("div",{key:"5fa98a2166329a036352f71f8f5e68e1d053460b",class:"navbar__avatar"},"DC")))}static get style(){return":host{display:block;position:sticky;top:0;z-index:100}.navbar{display:flex;align-items:center;gap:var(--dc-space-6);padding:var(--dc-space-3) var(--dc-space-6);background:var(--dc-glass-nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--dc-border-default)}.navbar__logo{display:flex;align-items:center;gap:var(--dc-space-3);flex-shrink:0;text-decoration:none}.navbar__logo-text{display:flex;flex-direction:column;line-height:1.2}.navbar__logo-title{font-family:var(--dc-font-display);font-size:var(--dc-label-lg);font-weight:700;color:var(--dc-on-surface);white-space:nowrap}.navbar__logo-sub{font-size:var(--dc-label-sm);font-weight:600;color:var(--dc-on-surface-variant);letter-spacing:var(--dc-tracking-wider);text-transform:uppercase}.navbar__nav{display:flex;align-items:center;gap:var(--dc-space-1);flex:1}.navbar__link{font-size:var(--dc-body-md);font-weight:500;color:var(--dc-on-surface-variant);text-decoration:none;cursor:pointer;padding:var(--dc-space-1) var(--dc-space-3);border-radius:var(--dc-round-2);transition:color var(--dc-transition-fast), background var(--dc-transition-fast)}.navbar__link:hover{color:var(--dc-on-surface);background:var(--dc-hover-tint-md)}.navbar__link--active{color:var(--dc-on-surface);font-weight:600}.navbar__actions{display:flex;align-items:center;gap:var(--dc-space-2);flex-shrink:0}.navbar__search{display:flex;align-items:center;gap:var(--dc-space-2);background:var(--dc-glass-search);border:1px solid var(--dc-border-medium);border-radius:var(--dc-round-full);padding:var(--dc-space-1) var(--dc-space-3);transition:border-color var(--dc-transition-fast)}.navbar__search:focus-within{border-color:var(--dc-focus-ring-hover)}.navbar__search-icon{color:var(--dc-on-surface-variant);flex-shrink:0}.navbar__search-input{background:none;border:none;outline:none;color:var(--dc-on-surface);font-family:var(--dc-font-body);font-size:var(--dc-body-sm);width:140px}.navbar__search-input::placeholder{color:var(--dc-on-surface-variant)}.navbar__icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:none;border-radius:var(--dc-round-full);color:var(--dc-on-surface-variant);cursor:pointer;transition:background var(--dc-transition-fast), color var(--dc-transition-fast)}.navbar__icon-btn:hover{background:var(--dc-hover-tint-icon-md);color:var(--dc-on-surface)}.navbar__avatar{width:30px;height:30px;border-radius:var(--dc-round-full);background:linear-gradient(135deg, var(--dc-primary), var(--dc-primary-dim));display:flex;align-items:center;justify-content:center;font-family:var(--dc-font-display);font-size:10px;font-weight:700;color:var(--dc-on-primary);cursor:pointer;flex-shrink:0}"}},[1,"luster-navbar",{logoTitle:[1,"logo-title"],logoSub:[1,"logo-sub"],activeLink:[1,"active-link"]}]),o=n,t=function(){"undefined"!=typeof customElements&&["luster-navbar"].forEach((a=>{"luster-navbar"===a&&(customElements.get(c(a))||customElements.define(c(a),n))}))};export{o as LusterNavbar,t as defineCustomElement}

package/dist/components/luster-profile-card.d.ts

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

package/dist/components/luster-profile-card.js

@@ -0,0 +1 @@
+import{proxyCustomElement as a,HTMLElement as e,h as t,transformTag as r}from"@stencil/core/internal/client";import{d as c}from"./luster-button2.js";const s=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.name="",this.role="",this.avatar="",this.stat1Value="",this.stat1Label="",this.stat2Value="",this.stat2Label="",this.ctaLabel="View Portfolio"}render(){return t("div",{key:"69a8fff167fee4805499b3bb754d286c2287413b",class:"profile-card"},t("div",{key:"d2547d0cec607d9d001b3074f69557f06d863e3d",class:"profile-card__avatar"},this.avatar?t("img",{src:this.avatar,alt:this.name,class:"profile-card__avatar-img"}):t("span",{class:"profile-card__avatar-initials"},this.name.split(" ").map((a=>a[0])).join("").slice(0,2))),t("div",{key:"22f74d3a2982647a4fcfb807fb8ece81a59d2b9c",class:"profile-card__info"},t("h3",{key:"06d8567c4c4be29e3653d39357fbf0235a907303",class:"profile-card__name"},this.name),t("span",{key:"9e8500c7a3d5ee6c895d6209c067c9441dce7d2f",class:"profile-card__role"},this.role)),(this.stat1Value||this.stat2Value)&&t("div",{key:"5dd61dcd4d290b140e50de1bf4ca3befb81d6f3a",class:"profile-card__stats"},this.stat1Value&&t("div",{key:"2c972fdc9dd621540e7d7fc572df27bb61fef70a",class:"profile-card__stat"},t("span",{key:"9693a5bb68e674a3c21681c8ba4b99ca12bf934c",class:"profile-card__stat-value"},this.stat1Value),t("span",{key:"ece29d1b9fdc7ebdc4461298bcae931f6d83e8ed",class:"profile-card__stat-label"},this.stat1Label)),this.stat2Value&&t("div",{key:"211198eda038b08f6093289b7f97c8d5fdac6b6e",class:"profile-card__stat"},t("span",{key:"ce84623aeeed41e2b48f0e50a10b4b633fd5b246",class:"profile-card__stat-value"},this.stat2Value),t("span",{key:"dcfad2516563bdef51e37623a8fd3c474bea40a6",class:"profile-card__stat-label"},this.stat2Label))),t("luster-button",{key:"5de015471f6e29cc283aef60bb7097ec384b3b15",variant:"primary","full-width":!0},this.ctaLabel))}static get style(){return":host{display:block}.profile-card{display:flex;flex-direction:column;align-items:center;gap:var(--dc-space-4);padding:var(--dc-space-6);background:var(--dc-surface-container-high);border-radius:var(--dc-round-4);text-align:center}.profile-card__avatar{width:80px;height:80px;border-radius:var(--dc-round-full);background:linear-gradient(135deg, var(--dc-primary-dim), var(--dc-secondary-container));display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 0 0 3px var(--dc-focus-ring)}.profile-card__avatar-img{width:100%;height:100%;object-fit:cover}.profile-card__avatar-initials{font-family:var(--dc-font-display);font-size:var(--dc-headline-sm);font-weight:800;color:var(--dc-on-primary)}.profile-card__info{display:flex;flex-direction:column;gap:var(--dc-space-1)}.profile-card__name{font-family:var(--dc-font-display);font-size:var(--dc-title-lg);font-weight:700;color:var(--dc-on-surface);margin:0;letter-spacing:var(--dc-tracking-tight)}.profile-card__role{font-size:var(--dc-body-sm);color:var(--dc-on-surface-variant)}.profile-card__stats{display:flex;gap:var(--dc-space-6);width:100%;justify-content:center;padding:var(--dc-space-3) 0;border-top:1px solid var(--dc-border-faint);border-bottom:1px solid var(--dc-border-faint)}.profile-card__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.profile-card__stat-value{font-family:var(--dc-font-display);font-size:var(--dc-headline-sm);font-weight:800;color:var(--dc-on-surface)}.profile-card__stat-label{font-size:var(--dc-label-sm);color:var(--dc-on-surface-variant);text-transform:uppercase;letter-spacing:var(--dc-tracking-wide)}"}},[1,"luster-profile-card",{name:[1],role:[1],avatar:[1],stat1Value:[1,"stat-1-value"],stat1Label:[1,"stat-1-label"],stat2Value:[1,"stat-2-value"],stat2Label:[1,"stat-2-label"],ctaLabel:[1,"cta-label"]}]),i=s,d=function(){"undefined"!=typeof customElements&&["luster-profile-card","luster-button"].forEach((a=>{switch(a){case"luster-profile-card":customElements.get(r(a))||customElements.define(r(a),s);break;case"luster-button":customElements.get(r(a))||c()}}))};export{i as LusterProfileCard,d as defineCustomElement}

package/dist/components/luster-resource-table.d.ts

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

package/dist/components/luster-resource-table.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as r,h as a,transformTag as c}from"@stencil/core/internal/client";import{d as t}from"./luster-badge2.js";import{d as s}from"./luster-button2.js";const o=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.rows="[]",this.parsedRows=[]}componentWillLoad(){if("string"==typeof this.rows)try{this.parsedRows=JSON.parse(this.rows)}catch(e){this.parsedRows=[]}else this.parsedRows=this.rows}getStatusVariant(e){return"active"===e?"success":"stable"===e?"primary":"beta"===e?"beta":"error"}renderScoreBar(e){return a("div",{class:"score-bar"},a("div",{class:"score-bar__track"},a("div",{class:"score-bar__fill",style:{width:e+"%",background:e>=80?"var(--dc-primary)":e>=50?"var(--dc-warning)":"var(--dc-error)"}})),a("span",{class:"score-bar__label"},e))}render(){return a("div",{key:"6bdeb9b52ef5582e7f0e8c393c9227c80f84f008",class:"resource-table"},a("div",{key:"e0487a74bad62fa8b102dff89a0830a5699b5ed0",class:"resource-table__header"},a("span",{key:"569ff5a31ce8851b717d860cac1572a2276b4570",class:"resource-table__section-label"},"Resource Registry"),a("div",{key:"1188c11c3ac56f061e7b8e429ca4124cf4eb9003",class:"resource-table__actions"},a("button",{key:"6918269ebfdc7036de0f215af7917f6c4fd30fef",class:"resource-table__filter-btn"},a("svg",{key:"df3013ce155e854c73e119b4cb6460a64dc8c745",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none"},a("polygon",{key:"8c6e8e05f16f1ae2381ea5854cfbe895d649b50c",points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",stroke:"currentColor","stroke-width":"2","stroke-linejoin":"round"})),"Filter"),a("luster-button",{key:"8f279527c0c382383606b8adc630fd073d1a0228",variant:"primary",size:"sm"},a("svg",{key:"9084bef4d4a7c36a65ec2ad638e8ac2306fe9e8b",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none"},a("line",{key:"f0fe5080bf336f57543d7c2674c89133799c446e",x1:"12",y1:"5",x2:"12",y2:"19",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round"}),a("line",{key:"2ba13c955df243e207f23412fd83711d739bd7c7",x1:"5",y1:"12",x2:"19",y2:"12",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round"})),"New Resource"))),a("table",{key:"babbd76b01ed435059b1aa464bfb8b18d232b055",class:"resource-table__table"},a("thead",{key:"c4c6c3da19b5fc1ffd6054972d5984559e91ba21"},a("tr",{key:"99ef959a0097257388338bd19fdd5bc5c3034135"},a("th",{key:"4620f3a90752404ed11a6b0fb5bd61b46593bdc6",class:"resource-table__th"},"Resource Name"),a("th",{key:"56a8d39b968cb1792df91eb33a15f52e25b5f033",class:"resource-table__th"},"Category"),a("th",{key:"2f73489d579a24238ff62bccd275869afcf5ca5e",class:"resource-table__th"},"Status"),a("th",{key:"6bacb56a5f7243da34c64da024aee65eadf86183",class:"resource-table__th"},"Score"),a("th",{key:"7a0d111e4a20b1d249343c3b0f7c5a1125aff7eb",class:"resource-table__th"},"Actions"))),a("tbody",{key:"86dbffb47088aac4ca6f549e5813c3cab148419a"},this.parsedRows.map(((e,r)=>a("tr",{key:r,class:"resource-table__row"},a("td",{class:"resource-table__td resource-table__td--name"},a("div",{class:"resource-table__name-cell"},a("div",{class:"resource-table__row-icon"}),a("span",{class:"resource-table__name"},e.name))),a("td",{class:"resource-table__td"},a("span",{class:"resource-table__category"},e.category)),a("td",{class:"resource-table__td"},a("luster-badge",{variant:this.getStatusVariant(e.status),dot:!0},e.status.charAt(0).toUpperCase()+e.status.slice(1))),a("td",{class:"resource-table__td"},this.renderScoreBar(e.score)),a("td",{class:"resource-table__td"},a("button",{class:"resource-table__action-btn","aria-label":"More actions"},a("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},a("circle",{cx:"12",cy:"5",r:"1.5",fill:"currentColor"}),a("circle",{cx:"12",cy:"12",r:"1.5",fill:"currentColor"}),a("circle",{cx:"12",cy:"19",r:"1.5",fill:"currentColor"}))))))))))}static get style(){return":host{display:block}.resource-table{background:var(--dc-surface-container-high);border-radius:var(--dc-round-4);overflow:hidden}.resource-table__header{display:flex;align-items:center;justify-content:space-between;padding:var(--dc-space-4) var(--dc-space-6);border-bottom:1px solid var(--dc-border-faint)}.resource-table__section-label{font-family:var(--dc-font-display);font-size:var(--dc-title-sm);font-weight:700;color:var(--dc-on-surface)}.resource-table__actions{display:flex;align-items:center;gap:var(--dc-space-3)}.resource-table__filter-btn{display:flex;align-items:center;gap:var(--dc-space-2);padding:var(--dc-space-1) var(--dc-space-3);background:var(--dc-close-bg);border:1px solid var(--dc-border-medium);border-radius:var(--dc-round-2);color:var(--dc-on-surface-variant);font-family:var(--dc-font-body);font-size:var(--dc-label-md);font-weight:500;cursor:pointer;transition:all var(--dc-transition-fast)}.resource-table__filter-btn:hover{background:var(--dc-close-hover);color:var(--dc-on-surface)}.resource-table__table{width:100%;border-collapse:collapse}.resource-table__th{padding:var(--dc-space-3) var(--dc-space-6);text-align:left;font-size:var(--dc-label-sm);font-weight:700;color:var(--dc-on-surface-variant);letter-spacing:var(--dc-tracking-wide);text-transform:uppercase;background:var(--dc-surface-container)}.resource-table__row{transition:background var(--dc-transition-fast);border-bottom:1px solid var(--dc-divider)}.resource-table__row:hover{background:var(--dc-hover-tint)}.resource-table__row:last-child{border-bottom:none}.resource-table__td{padding:var(--dc-space-3) var(--dc-space-6);vertical-align:middle}.resource-table__name-cell{display:flex;align-items:center;gap:var(--dc-space-3)}.resource-table__row-icon{width:32px;height:32px;border-radius:var(--dc-round-2);background:var(--dc-icon-bg);flex-shrink:0}.resource-table__name{font-size:var(--dc-body-sm);font-weight:600;color:var(--dc-on-surface)}.resource-table__category{font-size:var(--dc-body-sm);color:var(--dc-on-surface-variant)}.score-bar{display:flex;align-items:center;gap:var(--dc-space-3)}.score-bar__track{flex:1;height:4px;background:var(--dc-close-hover);border-radius:var(--dc-round-full);overflow:hidden;min-width:80px}.score-bar__fill{height:100%;border-radius:var(--dc-round-full);transition:width var(--dc-transition-slow)}.score-bar__label{font-size:var(--dc-label-sm);color:var(--dc-on-surface-variant);min-width:24px}.resource-table__action-btn{background:none;border:none;color:var(--dc-on-surface-variant);cursor:pointer;padding:var(--dc-space-1);border-radius:var(--dc-round-2);display:flex;align-items:center;transition:all var(--dc-transition-fast)}.resource-table__action-btn:hover{background:var(--dc-hover-tint-icon-md);color:var(--dc-on-surface)}"}},[1,"luster-resource-table",{rows:[1]}]),d=o,l=function(){"undefined"!=typeof customElements&&["luster-resource-table","luster-badge","luster-button"].forEach((e=>{switch(e){case"luster-resource-table":customElements.get(c(e))||customElements.define(c(e),o);break;case"luster-badge":customElements.get(c(e))||t();break;case"luster-button":customElements.get(c(e))||s()}}))};export{d as LusterResourceTable,l as defineCustomElement}

package/dist/components/luster-sidebar.d.ts

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

package/dist/components/luster-sidebar.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as a,createEvent as r,h as d,transformTag as i}from"@stencil/core/internal/client";const s=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dcNavChange=r(this,"dcNavChange",7),this.active="foundations",this.handleNav=e=>{this.dcNavChange.emit(e)},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:d("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},d("polygon",{points:"12,3 22,21 2,21",stroke:"currentColor","stroke-width":"2","stroke-linejoin":"round"})),"buttons-inputs":d("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},d("rect",{x:"3",y:"9",width:"18",height:"7",rx:"3.5",stroke:"currentColor","stroke-width":"2"})),navigation:d("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},d("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"}),d("path",{d:"M13.73 21a2 2 0 0 1-3.46 0",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})),cards:d("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},d("rect",{x:"2",y:"4",width:"20",height:"13",rx:"2",stroke:"currentColor","stroke-width":"2"}),d("path",{d:"M8 21h8M12 17v4",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}))}}render(){return d("aside",{key:"156bbdcd26532849231a17a0a25ada7e0b3ee49a",class:"sidebar"},d("nav",{key:"0792a2cb932ef1e01be65b0e71b9b120007173ae",class:"sidebar__nav"},this.navItems.map((e=>d("a",{key:e.key,class:"sidebar__item "+(this.active===e.key?"sidebar__item--active":""),onClick:()=>this.handleNav(e.key)},d("span",{class:"sidebar__icon"},this.icons[e.key]),d("span",{class:"sidebar__label"},e.label))))),d("div",{key:"6569f9b239cc95c7af704bf6b8967912891e4669",class:"sidebar__bottom"},d("button",{key:"5e49de90b28d51d366e30429308f5b088ea79de7",class:"sidebar__new-btn"},d("svg",{key:"b4adaf5f40fd916ee79cfa4ed31539cca891c3c0",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none"},d("line",{key:"2a1a1342289c742b5a19e9726d880f82d5391ae5",x1:"12",y1:"5",x2:"12",y2:"19",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round"}),d("line",{key:"1c1af82ededac05213f765bf2b59dfaf842b72f3",x1:"5",y1:"12",x2:"19",y2:"12",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round"})),"New Component"),d("div",{key:"415530b5a67ee42bec580664a27e5f050a124f64",class:"sidebar__footer-links"},d("a",{key:"f063c1d69506f587936dce24bf95ec475ab2c49a",class:"sidebar__item sidebar__item--sm"},d("span",{key:"38aa317619f9f1a513f36e59fcfa6d0a9425472b",class:"sidebar__icon"},d("svg",{key:"ad5890e87a9e6ed96b2aea2267b773f2f0a22adc",width:"15",height:"15",viewBox:"0 0 24 24",fill:"none"},d("circle",{key:"cffb2dd618636cf8eb382f9ebdfbd3ff3f5e5474",cx:"12",cy:"12",r:"3",stroke:"currentColor","stroke-width":"2"}),d("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"}))),d("span",{key:"9551440506113e8fb2e58ac849882962a2775a7a",class:"sidebar__label"},"Settings")),d("a",{key:"b406df93302d530917a0486b3e397339d0356092",class:"sidebar__item sidebar__item--sm"},d("span",{key:"d04b4f834fd2e84c08545e4cf73330c8bd6d3b79",class:"sidebar__icon"},d("svg",{key:"f9098ac49052cf9f959cea295b8dd9493a9d3635",width:"15",height:"15",viewBox:"0 0 24 24",fill:"none"},d("circle",{key:"cbb8a5bea8c9dfaa4413a435a670c87691d808ff",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"2"}),d("path",{key:"38b50c506b9ec19bb443e555d1bae07f4819d134",d:"M12 16v-4M12 8h.01",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}))),d("span",{key:"65eb38a28de5d699eab95214ff7fd3c239d81d3e",class:"sidebar__label"},"Support"))),d("div",{key:"13a36b659c7e9f3330c875477b051d6437822920",class:"sidebar__user"},d("div",{key:"cbf4b6a7ccd4bf4849c15762a967d612d67d487e",class:"sidebar__user-avatar"},"AV"),d("div",{key:"2af195de05155ecd5ffcd9c612ec83f037316ad6",class:"sidebar__user-info"},d("span",{key:"a004b37c87e90aad0feae298da542966baabc871",class:"sidebar__user-name"},"Alex Curator"),d("span",{key:"421c4155582025707eb780b30a71e1412ebabd19",class:"sidebar__user-role"},"Lead Editor")))))}static get style(){return":host{display:flex;flex-direction:column;width:196px;min-width:196px;background:var(--dc-surface-container-low);height:100%;overflow:hidden}.sidebar{display:flex;flex-direction:column;height:100%;padding:var(--dc-space-4) 0}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 var(--dc-space-3);overflow-y:auto}.sidebar__item{display:flex;align-items:center;gap:var(--dc-space-3);padding:var(--dc-space-2) var(--dc-space-3);border-radius:var(--dc-round-2);cursor:pointer;text-decoration:none;color:var(--dc-on-surface-variant);font-family:var(--dc-font-body);font-size:var(--dc-body-md);font-weight:500;transition:all var(--dc-transition-fast);line-height:1.3}.sidebar__item:hover{background:var(--dc-hover-tint-md);color:var(--dc-on-surface)}.sidebar__item--active{background:var(--dc-focus-ring);color:var(--dc-primary)}.sidebar__item--active .sidebar__icon{color:var(--dc-primary)}.sidebar__item--sm{padding:var(--dc-space-1) var(--dc-space-3);font-size:var(--dc-label-md)}.sidebar__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.sidebar__label{line-height:1.2}.sidebar__bottom{padding:var(--dc-space-3) var(--dc-space-3) 0;display:flex;flex-direction:column;gap:var(--dc-space-2);border-top:1px solid var(--dc-border-default);margin-top:var(--dc-space-3)}.sidebar__new-btn{display:flex;align-items:center;justify-content:center;gap:var(--dc-space-2);padding:var(--dc-space-2) var(--dc-space-3);background:var(--dc-hover-tint-strong);border:1px solid var(--dc-focus-ring);border-radius:var(--dc-round-2);color:var(--dc-primary);font-family:var(--dc-font-body);font-size:var(--dc-label-md);font-weight:600;cursor:pointer;transition:all var(--dc-transition-fast);width:100%}.sidebar__new-btn:hover{background:var(--dc-hover-tint-strong);border-color:var(--dc-focus-ring-hover)}.sidebar__footer-links{display:flex;flex-direction:column;gap:2px}.sidebar__user{display:flex;align-items:center;gap:var(--dc-space-3);padding:var(--dc-space-2) 0 var(--dc-space-2) var(--dc-space-1)}.sidebar__user-avatar{width:30px;height:30px;border-radius:var(--dc-round-full);background:linear-gradient(135deg, var(--dc-primary), var(--dc-primary-dim));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--dc-on-primary);flex-shrink:0}.sidebar__user-info{display:flex;flex-direction:column;gap:1px;overflow:hidden}.sidebar__user-name{font-size:var(--dc-label-md);font-weight:600;color:var(--dc-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:var(--dc-label-sm);color:var(--dc-on-surface-variant)}"}},[1,"luster-sidebar",{active:[1]}]),t=s,o=function(){"undefined"!=typeof customElements&&["luster-sidebar"].forEach((e=>{"luster-sidebar"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{t as LusterSidebar,o as defineCustomElement}

package/dist/components/luster-stat-card.d.ts

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

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

@@ -0,0 +1 @@
+import{proxyCustomElement as a,HTMLElement as e,h as t,transformTag as s}from"@stencil/core/internal/client";import{d as c}from"./luster-badge2.js";import{d}from"./luster-toggle2.js";const r=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.heading="",this.description="",this.version="",this.status="active",this.users="",this.hasToggle=!1,this.toggleOn=!1,this.icon=""}render(){return t("div",{key:"67edcd065e8dbe0bbab3293a1c2d3113966b2e92",class:"stat-card"},t("div",{key:"34def7d2976c9aa72c80cf97f016fe0198fcb224",class:"stat-card__header"},t("div",{key:"7dd6a1fddc56da32b1c4ab70d95a47e62b32b201",class:"stat-card__icon-wrap"},this.icon?t("span",{class:"stat-card__icon",innerHTML:this.icon}):t("div",{class:"stat-card__icon-placeholder"}))),t("div",{key:"927d66d98c96284de9d702b4722f9a248f1fd5ad",class:"stat-card__body"},t("h4",{key:"d3e4ec0f889cb4c7a5dbae3c91be59af454cff69",class:"stat-card__title"},this.heading),t("p",{key:"cf66fdc344ce596626b4431e81c8a3dd9108dab9",class:"stat-card__desc"},this.description)),t("div",{key:"7b8b1dc652ace8c975d944b8833af5ab01c7bfed",class:"stat-card__footer"},t("div",{key:"3154ab32f16a58f3640cfae5e4a26ad402f2a306",class:"stat-card__meta"},this.version&&t("luster-badge",{key:"3cb211b7547c2e67d737c683f2f1aaa8023bf17e",variant:"default",size:"sm"},this.version),"beta"===this.status&&t("luster-badge",{key:"81ef69da5d4fb0c22f17f48d133e262d3189aa18",variant:"beta",size:"sm"},"Beta"),this.users&&t("span",{key:"eab97e42ba598fb004be8bd1b995e2575ff0a769",class:"stat-card__users"},t("svg",{key:"0b44cb51ab317b08c3ea4dc516e046101a3825ab",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none"},t("path",{key:"a727ca4a5b7b4d47c4f4c29f716fa43999da498a",d:"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2",stroke:"currentColor","stroke-width":"2"}),t("circle",{key:"486f29a519eae561aaf9489bcad926e964bfe48f",cx:"9",cy:"7",r:"4",stroke:"currentColor","stroke-width":"2"}),t("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&&t("luster-toggle",{key:"30b1744edb34562a3db4ae1773fa4b8ef7a33a79",checked:this.toggleOn})))}static get style(){return":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)}"}},[1,"luster-stat-card",{heading:[1],description:[1],version:[1],status:[1],users:[1],hasToggle:[4,"has-toggle"],toggleOn:[4,"toggle-on"],icon:[1]}]),i=r,o=function(){"undefined"!=typeof customElements&&["luster-stat-card","luster-badge","luster-toggle"].forEach((a=>{switch(a){case"luster-stat-card":customElements.get(s(a))||customElements.define(s(a),r);break;case"luster-badge":customElements.get(s(a))||c();break;case"luster-toggle":customElements.get(s(a))||d()}}))};export{i as LusterStatCard,o as defineCustomElement}

package/dist/components/luster-tabs.d.ts

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

package/dist/components/luster-tabs.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as a,createEvent as s,h as e,transformTag as c}from"@stencil/core/internal/client";const r=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dcTabChange=s(this,"dcTabChange",7),this.tabs="",this.active="",this.activeTab="",this.parsedTabs=[]}componentWillLoad(){var t,a;if("string"==typeof this.tabs)try{this.parsedTabs=JSON.parse(this.tabs)}catch(t){this.parsedTabs=[]}else this.parsedTabs=this.tabs;this.activeTab=this.active||(null!==(a=null===(t=this.parsedTabs[0])||void 0===t?void 0:t.value)&&void 0!==a?a:"")}selectTab(t){this.activeTab=t,this.dcTabChange.emit(t)}render(){return e("div",{key:"68e5a001a3c7e9f98a9239b18a3a54c8ded0c961",class:"tabs"},e("div",{key:"5d14c39512d3e64c8a76745480b8a5789349d488",class:"tabs__list",role:"tablist"},this.parsedTabs.map((t=>e("button",{key:t.value,class:"tabs__tab "+(this.activeTab===t.value?"tabs__tab--active":""),role:"tab","aria-selected":this.activeTab===t.value?"true":"false",onClick:()=>this.selectTab(t.value)},t.label)))),e("slot",{key:"2412bfdc1670989f3c348b1f289572cec10bd80f"}))}static get style(){return":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}"}},[257,"luster-tabs",{tabs:[1],active:[1],activeTab:[32]}]),i=r,o=function(){"undefined"!=typeof customElements&&["luster-tabs"].forEach((t=>{"luster-tabs"===t&&(customElements.get(c(t))||customElements.define(c(t),r))}))};export{i as LusterTabs,o as defineCustomElement}

package/dist/components/luster-toggle.d.ts

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

package/dist/components/luster-toggle.js

@@ -0,0 +1 @@
+import{D as o,d as s}from"./luster-toggle2.js";const t=o,r=s;export{t as LusterToggle,r as defineCustomElement}

package/dist/components/luster-toggle2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as a,transformTag as o}from"@stencil/core/internal/client";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dcChange=s(this,"dcChange",7),this.label="",this.checked=!1,this.disabled=!1,this.innerChecked=!1,this.handleToggle=()=>{this.disabled||(this.innerChecked=!this.innerChecked,this.dcChange.emit(this.innerChecked))}}componentWillLoad(){this.innerChecked=this.checked}render(){return a("label",{key:"539add927a6a67d6a1461946a31299ca0e86d848",class:"toggle "+(this.disabled?"toggle--disabled":"")},this.label&&a("span",{key:"8c881782b2dfe533c03db72bc94a3abd3c83e4a7",class:"toggle__label"},this.label),a("button",{key:"6f512fd79089b7008386fc9a546870ccd694ca87",class:"toggle__track "+(this.innerChecked?"toggle__track--on":""),role:"switch","aria-checked":this.innerChecked?"true":"false",disabled:this.disabled,onClick:this.handleToggle},a("span",{key:"341416b72ffe057213e369a5ee3ef403a65f1b20",class:"toggle__thumb"})))}static get style(){return":host{display:inline-flex}.toggle{display:inline-flex;align-items:center;gap:var(--dc-space-3);cursor:pointer}.toggle--disabled{opacity:0.4;cursor:not-allowed}.toggle__label{font-size:var(--dc-body-md);color:var(--dc-on-surface)}.toggle__track{position:relative;width:40px;height:22px;border-radius:var(--dc-round-full);background:var(--dc-border-strong);border:none;cursor:pointer;transition:background var(--dc-transition-base);padding:0;flex-shrink:0}.toggle__track--on{background:var(--dc-primary-dim)}.toggle__thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--dc-round-full);background:white;transition:transform var(--dc-transition-base);display:block}.toggle__track--on .toggle__thumb{transform:translateX(18px)}"}},[1,"luster-toggle",{label:[1],checked:[4],disabled:[4],innerChecked:[32]}]);function r(){"undefined"!=typeof customElements&&["luster-toggle"].forEach((t=>{"luster-toggle"===t&&(customElements.get(o(t))||customElements.define(o(t),i))}))}export{i as D,r as d}