@editora/ui-core 0.2.2 → 0.3.0

package/dist/{calendar-CzpWDxLc.js → calendar-BsVqtpjM.js}

@@ -1,4 +1,4 @@
-"use strict";const Oe=require("./ElementBase-DxbvhLJs.js"),Pe={calendarLabel:"Calendar",today:"Today",clear:"Clear",apply:"Apply",cancel:"Cancel",now:"Now",previousMonth:"Previous month",nextMonth:"Next month",chooseMonthYear:"Choose month and year",previousYear:"Previous year",nextYear:"Next year",syncingSchedule:"Syncing schedule...",unableToSyncEvents:"Unable to sync events",scheduleSynced:"Schedule synced",event:"Event",selectDate:"Select date",selectDateRange:"Select date range",startDate:"Start date",endDate:"End date",startEnd:"Start — End",toggleCalendar:"Toggle calendar",clearDate:"Clear date",clearDateRange:"Clear date range",invalidDate:"Invalid date",dateOutOfRange:"Date is outside the allowed range",invalidRange:"Invalid range",invalidTime:"Invalid time",invalidDateTime:"Invalid date-time",invalidRangeOrder:"Invalid range order",rangeIncomplete:"Range is incomplete",last7Days:"Last 7 days",thisMonth:"This month",hour:"Hour",minute:"Minute",second:"Second",meridiem:"Meridiem",am:"AM",pm:"PM",startTime:"Start time",endTime:"End time",datePickerPanel:"Date picker panel",timePlaceholder:"HH:mm",timePlaceholderSeconds:"HH:mm:ss",dateTimePlaceholder:"YYYY-MM-DD HH:mm",dateRangeTimePlaceholder:"Start — End"},Le={calendarLabel:"日历",today:"今天",clear:"清除",apply:"应用",cancel:"取消",now:"现在",previousMonth:"上个月",nextMonth:"下个月",chooseMonthYear:"选择月份和年份",previousYear:"上一年",nextYear:"下一年",syncingSchedule:"正在同步日程...",unableToSyncEvents:"无法同步事件",scheduleSynced:"日程已同步",event:"事件",selectDate:"选择日期",selectDateRange:"选择日期范围",startDate:"开始日期",endDate:"结束日期",startEnd:"开始 — 结束",toggleCalendar:"切换日历",clearDate:"清除日期",clearDateRange:"清除日期范围",invalidDate:"日期无效",dateOutOfRange:"日期超出允许范围",invalidRange:"范围无效",invalidTime:"时间无效",invalidDateTime:"日期时间无效",invalidRangeOrder:"范围顺序无效",rangeIncomplete:"范围不完整",last7Days:"最近7天",thisMonth:"本月",hour:"小时",minute:"分钟",second:"秒",meridiem:"上午/下午",am:"上午",pm:"下午",startTime:"开始时间",endTime:"结束时间",datePickerPanel:"日期选择面板",timePlaceholder:"HH:mm",timePlaceholderSeconds:"HH:mm:ss",dateTimePlaceholder:"YYYY-MM-DD HH:mm",dateRangeTimePlaceholder:"开始 — 结束"},Be={calendarLabel:"Calendrier",today:"Aujourd'hui",clear:"Effacer",apply:"Appliquer",cancel:"Annuler",now:"Maintenant",previousMonth:"Mois precedent",nextMonth:"Mois suivant",chooseMonthYear:"Choisir le mois et l annee",previousYear:"Annee precedente",nextYear:"Annee suivante",syncingSchedule:"Synchronisation du planning...",unableToSyncEvents:"Impossible de synchroniser les evenements",scheduleSynced:"Planning synchronise",event:"Evenement",selectDate:"Selectionner une date",selectDateRange:"Selectionner une periode",startDate:"Date de debut",endDate:"Date de fin",startEnd:"Debut — Fin",toggleCalendar:"Afficher le calendrier",clearDate:"Effacer la date",clearDateRange:"Effacer la periode",invalidDate:"Date invalide",dateOutOfRange:"La date est hors de la plage autorisee",invalidRange:"Periode invalide",invalidTime:"Heure invalide",invalidDateTime:"Date/heure invalide",invalidRangeOrder:"Ordre de periode invalide",rangeIncomplete:"Periode incomplete",last7Days:"7 derniers jours",thisMonth:"Ce mois-ci",hour:"Heure",minute:"Minute",second:"Seconde",meridiem:"AM/PM",am:"AM",pm:"PM",startTime:"Heure de debut",endTime:"Heure de fin",datePickerPanel:"Panneau de selection de date",timePlaceholder:"HH:mm",timePlaceholderSeconds:"HH:mm:ss",dateTimePlaceholder:"YYYY-MM-DD HH:mm",dateRangeTimePlaceholder:"Debut — Fin"},Fe={en:Pe,zh:Le,fr:Be},oe=new Map;function Ue(r){return r.trim().toLowerCase().replace(/_/g,"-")}function He(r){const e=r||(typeof navigator<"u"&&navigator.language?navigator.language:"en"),t=Ue(e||"");return t==="zh"||t.startsWith("zh-")||t==="cn"||t==="chinese"||t==="zh-cn"||t==="zh-hans"||t==="zh-hant"?"zh":t==="fr"||t.startsWith("fr-")||t==="french"?"fr":"en"}function le(r){if(!r||typeof r!="object"||Array.isArray(r))return{};const e={};return Object.entries(r).forEach(([t,n])=>{typeof n=="string"&&(e[t]=n)}),e}function Ne(r,e){if(!r)return{};try{const t=JSON.parse(r);if(!t||typeof t!="object"||Array.isArray(t))return{};const n=le(t),a=le(t[e]);return{...n,...a}}catch{return{}}}function fe(r,e){const t=He(r),n=`${t}::${e||""}`,a=oe.get(n);if(a)return a;const i=Fe[t],s=Ne(e,t),l={...i,...s};return oe.set(n,l),l}const Ye=`
+"use strict";const Oe=require("./ElementBase-CbUsP3D6.js"),Pe={calendarLabel:"Calendar",today:"Today",clear:"Clear",apply:"Apply",cancel:"Cancel",now:"Now",previousMonth:"Previous month",nextMonth:"Next month",chooseMonthYear:"Choose month and year",previousYear:"Previous year",nextYear:"Next year",syncingSchedule:"Syncing schedule...",unableToSyncEvents:"Unable to sync events",scheduleSynced:"Schedule synced",event:"Event",selectDate:"Select date",selectDateRange:"Select date range",startDate:"Start date",endDate:"End date",startEnd:"Start — End",toggleCalendar:"Toggle calendar",clearDate:"Clear date",clearDateRange:"Clear date range",invalidDate:"Invalid date",dateOutOfRange:"Date is outside the allowed range",invalidRange:"Invalid range",invalidTime:"Invalid time",invalidDateTime:"Invalid date-time",invalidRangeOrder:"Invalid range order",rangeIncomplete:"Range is incomplete",last7Days:"Last 7 days",thisMonth:"This month",hour:"Hour",minute:"Minute",second:"Second",meridiem:"Meridiem",am:"AM",pm:"PM",startTime:"Start time",endTime:"End time",datePickerPanel:"Date picker panel",timePlaceholder:"HH:mm",timePlaceholderSeconds:"HH:mm:ss",dateTimePlaceholder:"YYYY-MM-DD HH:mm",dateRangeTimePlaceholder:"Start — End"},Le={calendarLabel:"日历",today:"今天",clear:"清除",apply:"应用",cancel:"取消",now:"现在",previousMonth:"上个月",nextMonth:"下个月",chooseMonthYear:"选择月份和年份",previousYear:"上一年",nextYear:"下一年",syncingSchedule:"正在同步日程...",unableToSyncEvents:"无法同步事件",scheduleSynced:"日程已同步",event:"事件",selectDate:"选择日期",selectDateRange:"选择日期范围",startDate:"开始日期",endDate:"结束日期",startEnd:"开始 — 结束",toggleCalendar:"切换日历",clearDate:"清除日期",clearDateRange:"清除日期范围",invalidDate:"日期无效",dateOutOfRange:"日期超出允许范围",invalidRange:"范围无效",invalidTime:"时间无效",invalidDateTime:"日期时间无效",invalidRangeOrder:"范围顺序无效",rangeIncomplete:"范围不完整",last7Days:"最近7天",thisMonth:"本月",hour:"小时",minute:"分钟",second:"秒",meridiem:"上午/下午",am:"上午",pm:"下午",startTime:"开始时间",endTime:"结束时间",datePickerPanel:"日期选择面板",timePlaceholder:"HH:mm",timePlaceholderSeconds:"HH:mm:ss",dateTimePlaceholder:"YYYY-MM-DD HH:mm",dateRangeTimePlaceholder:"开始 — 结束"},Be={calendarLabel:"Calendrier",today:"Aujourd'hui",clear:"Effacer",apply:"Appliquer",cancel:"Annuler",now:"Maintenant",previousMonth:"Mois precedent",nextMonth:"Mois suivant",chooseMonthYear:"Choisir le mois et l annee",previousYear:"Annee precedente",nextYear:"Annee suivante",syncingSchedule:"Synchronisation du planning...",unableToSyncEvents:"Impossible de synchroniser les evenements",scheduleSynced:"Planning synchronise",event:"Evenement",selectDate:"Selectionner une date",selectDateRange:"Selectionner une periode",startDate:"Date de debut",endDate:"Date de fin",startEnd:"Debut — Fin",toggleCalendar:"Afficher le calendrier",clearDate:"Effacer la date",clearDateRange:"Effacer la periode",invalidDate:"Date invalide",dateOutOfRange:"La date est hors de la plage autorisee",invalidRange:"Periode invalide",invalidTime:"Heure invalide",invalidDateTime:"Date/heure invalide",invalidRangeOrder:"Ordre de periode invalide",rangeIncomplete:"Periode incomplete",last7Days:"7 derniers jours",thisMonth:"Ce mois-ci",hour:"Heure",minute:"Minute",second:"Seconde",meridiem:"AM/PM",am:"AM",pm:"PM",startTime:"Heure de debut",endTime:"Heure de fin",datePickerPanel:"Panneau de selection de date",timePlaceholder:"HH:mm",timePlaceholderSeconds:"HH:mm:ss",dateTimePlaceholder:"YYYY-MM-DD HH:mm",dateRangeTimePlaceholder:"Debut — Fin"},Fe={en:Pe,zh:Le,fr:Be},oe=new Map;function Ue(r){return r.trim().toLowerCase().replace(/_/g,"-")}function He(r){const e=r||(typeof navigator<"u"&&navigator.language?navigator.language:"en"),t=Ue(e||"");return t==="zh"||t.startsWith("zh-")||t==="cn"||t==="chinese"||t==="zh-cn"||t==="zh-hans"||t==="zh-hant"?"zh":t==="fr"||t.startsWith("fr-")||t==="french"?"fr":"en"}function le(r){if(!r||typeof r!="object"||Array.isArray(r))return{};const e={};return Object.entries(r).forEach(([t,n])=>{typeof n=="string"&&(e[t]=n)}),e}function Ne(r,e){if(!r)return{};try{const t=JSON.parse(r);if(!t||typeof t!="object"||Array.isArray(t))return{};const n=le(t),a=le(t[e]);return{...n,...a}}catch{return{}}}function fe(r,e){const t=He(r),n=`${t}::${e||""}`,a=oe.get(n);if(a)return a;const i=Fe[t],s=Ne(e,t),l={...i,...s};return oe.set(n,l),l}const Ye=`
   :host {
     --ui-calendar-bg: var(--color-panel-solid, var(--ui-color-surface, #ffffff));
     --ui-calendar-border: var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 74%, transparent));
@@ -552,12 +552,12 @@
     --ui-calendar-border: #334155;
     --ui-calendar-text: #e2e8f0;
     --ui-calendar-muted: #93a4bd;
-    --ui-calendar-accent: #93c5fd;
+    --ui-calendar-accent: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-calendar-shadow: 0 16px 38px rgba(2, 6, 23, 0.5);
-    --ui-calendar-selected-bg: color-mix(in srgb, #93c5fd 22%, transparent);
-    --ui-calendar-selected-border: color-mix(in srgb, #93c5fd 72%, transparent);
-    --ui-calendar-range-bg: color-mix(in srgb, #93c5fd 12%, transparent);
-    --ui-calendar-range-edge: color-mix(in srgb, #93c5fd 20%, transparent);
+    --ui-calendar-selected-bg: color-mix(in srgb, var(--ui-color-accent-on-dark, #93c5fd) 22%, transparent);
+    --ui-calendar-selected-border: color-mix(in srgb, var(--ui-color-accent-on-dark, #93c5fd) 72%, transparent);
+    --ui-calendar-range-bg: color-mix(in srgb, var(--ui-color-accent-on-dark, #93c5fd) 12%, transparent);
+    --ui-calendar-range-edge: color-mix(in srgb, var(--ui-color-accent-on-dark, #93c5fd) 20%, transparent);
   }
 
   :host([disabled]) .frame {

package/dist/{calendar-DkSDFg33.mjs → calendar-CFafqZVA.mjs}

@@ -1,4 +1,4 @@
-import { E as Te } from "./ElementBase-BeZT54Hj.mjs";
+import { E as Te } from "./ElementBase-D5QsC5Vw.mjs";
 const Re = {
   calendarLabel: "Calendar",
   today: "Today",
@@ -727,12 +727,12 @@ const Fe = `
     --ui-calendar-border: #334155;
     --ui-calendar-text: #e2e8f0;
     --ui-calendar-muted: #93a4bd;
-    --ui-calendar-accent: #93c5fd;
+    --ui-calendar-accent: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-calendar-shadow: 0 16px 38px rgba(2, 6, 23, 0.5);
-    --ui-calendar-selected-bg: color-mix(in srgb, #93c5fd 22%, transparent);
-    --ui-calendar-selected-border: color-mix(in srgb, #93c5fd 72%, transparent);
-    --ui-calendar-range-bg: color-mix(in srgb, #93c5fd 12%, transparent);
-    --ui-calendar-range-edge: color-mix(in srgb, #93c5fd 20%, transparent);
+    --ui-calendar-selected-bg: color-mix(in srgb, var(--ui-color-accent-on-dark, #93c5fd) 22%, transparent);
+    --ui-calendar-selected-border: color-mix(in srgb, var(--ui-color-accent-on-dark, #93c5fd) 72%, transparent);
+    --ui-calendar-range-bg: color-mix(in srgb, var(--ui-color-accent-on-dark, #93c5fd) 12%, transparent);
+    --ui-calendar-range-edge: color-mix(in srgb, var(--ui-color-accent-on-dark, #93c5fd) 20%, transparent);
   }
 
   :host([disabled]) .frame {

package/dist/calendar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./calendar-CzpWDxLc.js");exports.UICalendar=e.UICalendar;exports.addDaysISO=e.addDaysISO;exports.addMonthsISO=e.addMonthsISO;exports.compareISO=e.compareISO;exports.endOfMonth=e.endOfMonth;exports.parseISO=e.parseISO;exports.startOfMonth=e.startOfMonth;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./calendar-BsVqtpjM.js");exports.UICalendar=e.UICalendar;exports.addDaysISO=e.addDaysISO;exports.addMonthsISO=e.addMonthsISO;exports.compareISO=e.compareISO;exports.endOfMonth=e.endOfMonth;exports.parseISO=e.parseISO;exports.startOfMonth=e.startOfMonth;

package/dist/calendar.esm.js

@@ -1,4 +1,4 @@
-import { U as d, a as e, b as o, c as r, e as t, p as O, s as n } from "./calendar-DkSDFg33.mjs";
+import { U as d, a as e, b as o, c as r, e as t, p as O, s as n } from "./calendar-CFafqZVA.mjs";
 export {
   d as UICalendar,
   e as addDaysISO,

package/dist/card.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./ElementBase-DxbvhLJs.js"),c=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-CbUsP3D6.js"),h=`
   :host {
     --ui-card-radius: var(--base-card-radius, calc(var(--ui-radius, 6px) + 2px));
     --ui-card-bg: var(--base-card-bg, var(--color-panel-solid, var(--ui-color-surface, #ffffff)));
@@ -234,7 +234,8 @@
     padding-top: var(--ui-card-padding);
   }
 
-  .body:last-child {
+  .body:last-child,
+  .card[data-has-footer="false"] .body {
     padding-bottom: var(--ui-card-padding);
   }
 
@@ -283,8 +284,8 @@
       box-shadow: none;
     }
   }
-`;function l(o){if(!o||!o.trim())return"var(--base-card-radius, var(--ui-radius, 6px))";const i=o.trim().toLowerCase();return i==="full"?"999px":/^-?\d+(\.\d+)?$/.test(i)?`${i}px`:o}const s="data-ui-card-auto-label";class d extends n.ElementBase{constructor(){super(...arguments),this._slotCleanup=[],this._onKeyDownBound=this._onKeyDown.bind(this)}static get observedAttributes(){return["variant","size","radius","tone","elevation","interactive","disabled","tabindex","role"]}connectedCallback(){super.connectedCallback(),this._syncHostStyles(),this.addEventListener("keydown",this._onKeyDownBound),this._syncAccessibilityState()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._onKeyDownBound),this._cleanupSlotListeners()}attributeChangedCallback(i,r,t){super.attributeChangedCallback(i,r,t),r!==t&&(i==="radius"&&this._syncHostStyles(),(i==="interactive"||i==="disabled"||i==="tabindex"||i==="role")&&this._syncAccessibilityState())}shouldRenderOnAttributeChange(){return!1}render(){this.setContent(`
-      <style>${c}</style>
+`;function b(o){if(!o||!o.trim())return"var(--base-card-radius, var(--ui-radius, 6px))";const e=o.trim().toLowerCase();return e==="full"?"999px":/^-?\d+(\.\d+)?$/.test(e)?`${e}px`:o}const s="data-ui-card-auto-label";class l extends u.ElementBase{constructor(){super(...arguments),this._slotCleanup=[],this._onKeyDownBound=this._onKeyDown.bind(this)}static get observedAttributes(){return["variant","size","radius","tone","elevation","interactive","disabled","tabindex","role"]}connectedCallback(){super.connectedCallback(),this._syncHostStyles(),this.addEventListener("keydown",this._onKeyDownBound),this._syncAccessibilityState()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._onKeyDownBound),this._cleanupSlotListeners()}attributeChangedCallback(e,r,i){super.attributeChangedCallback(e,r,i),r!==i&&(e==="radius"&&this._syncHostStyles(),(e==="interactive"||e==="disabled"||e==="tabindex"||e==="role")&&this._syncAccessibilityState())}shouldRenderOnAttributeChange(){return!1}render(){this.setContent(`
+      <style>${h}</style>
       <div class="card" part="card" role="group">
         <div class="section media" part="media" hidden>
           <slot name="media"></slot>
@@ -302,4 +303,4 @@
           <slot name="footer"></slot>
         </div>
       </div>
-    `),this._syncHostStyles(),this._bindSlotListeners(),this._syncSlotState()}_syncHostStyles(){this.style.setProperty("--ui-card-radius",l(this.getAttribute("radius")))}_syncAccessibilityState(){const i=this.hasAttribute("interactive"),r=this.hasAttribute("disabled");if(!i){this._clearAutoLabel(),this.getAttribute("role")==="button"&&this.removeAttribute("role"),this.removeAttribute("aria-disabled"),(this.getAttribute("tabindex")==="0"||this.getAttribute("tabindex")==="-1")&&this.removeAttribute("tabindex");return}this.hasAttribute("role")||this.setAttribute("role","button"),this.setAttribute("aria-disabled",r?"true":"false"),this._syncAutoLabel(),this.hasAttribute("tabindex")?r&&this.getAttribute("tabindex")!=="-1"&&this.setAttribute("tabindex","-1"):this.setAttribute("tabindex",r?"-1":"0")}_shownText(){const i=[],r=e=>{if(e.nodeType===Node.TEXT_NODE){const a=e.textContent||"";a.trim()&&i.push({text:a,parent:e.parentNode});return}if(e instanceof Element&&!(e.hasAttribute("hidden")||e.getAttribute("aria-hidden")==="true")&&!(e.tagName==="STYLE"||e.tagName==="SCRIPT")){if(e instanceof HTMLSlotElement){const a=e.assignedNodes({flatten:!0});(a.length?a:Array.from(e.childNodes)).forEach(r);return}e.childNodes.forEach(r)}};this.root.childNodes.forEach(r);let t="";return i.forEach((e,a)=>{t+=a>0&&i[a-1].parent!==e.parent?` ${e.text}`:e.text}),t.replace(/\s+/g," ").trim().slice(0,500)}_clearAutoLabel(){this.hasAttribute(s)&&(this.removeAttribute("aria-label"),this.removeAttribute(s))}_syncAutoLabel(){if(this.hasAttribute("aria-labelledby")||this.hasAttribute("aria-label")&&!this.hasAttribute(s)||this.getAttribute("role")!=="button"){this._clearAutoLabel();return}const r=this._shownText();if(!r){this._clearAutoLabel();return}this.getAttribute("aria-label")!==r&&this.setAttribute("aria-label",r),this.setAttribute(s,"")}_cleanupSlotListeners(){for(const i of this._slotCleanup)i();this._slotCleanup=[]}_bindSlotListeners(){this._cleanupSlotListeners(),this.root.querySelectorAll("slot").forEach(r=>{const t=()=>this._syncSlotState();r.addEventListener("slotchange",t),this._slotCleanup.push(()=>r.removeEventListener("slotchange",t))})}_syncSlotState(){this._toggleSection("media"),this._toggleSection("inset"),this._toggleSection("header"),this._toggleSection("footer"),this.hasAttribute("interactive")&&this._syncAutoLabel()}_toggleSection(i){const r=this.root.querySelector(`slot[name="${i}"]`),t=this.root.querySelector(`.${i}`);if(!r||!t)return;const e=r.assignedNodes({flatten:!0}).some(a=>a.nodeType===Node.TEXT_NODE?!!a.textContent?.trim():!0);t.hidden=!e}_onKeyDown(i){!this.hasAttribute("interactive")||this.hasAttribute("disabled")||i.defaultPrevented||i.target===this&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this.click())}}typeof customElements<"u"&&!customElements.get("ui-card")&&customElements.define("ui-card",d);exports.UICard=d;
+    `),this._syncHostStyles(),this._bindSlotListeners(),this._syncSlotState()}_syncHostStyles(){this.style.setProperty("--ui-card-radius",b(this.getAttribute("radius")))}_syncAccessibilityState(){const e=this.hasAttribute("interactive"),r=this.hasAttribute("disabled");if(!e){this._clearAutoLabel(),this.getAttribute("role")==="button"&&this.removeAttribute("role"),this.removeAttribute("aria-disabled"),(this.getAttribute("tabindex")==="0"||this.getAttribute("tabindex")==="-1")&&this.removeAttribute("tabindex");return}this.hasAttribute("role")||this.setAttribute("role","button"),this.setAttribute("aria-disabled",r?"true":"false"),this._syncAutoLabel(),this.hasAttribute("tabindex")?r&&this.getAttribute("tabindex")!=="-1"&&this.setAttribute("tabindex","-1"):this.setAttribute("tabindex",r?"-1":"0")}_shownText(){const e=[],r=t=>{if(t.nodeType===Node.TEXT_NODE){const a=t.textContent||"";a.trim()&&e.push({text:a,parent:t.parentNode});return}if(t instanceof Element&&!(t.hasAttribute("hidden")||t.getAttribute("aria-hidden")==="true")&&!(t.tagName==="STYLE"||t.tagName==="SCRIPT")){if(t instanceof HTMLSlotElement){const a=t.assignedNodes({flatten:!0});(a.length?a:Array.from(t.childNodes)).forEach(r);return}t.childNodes.forEach(r)}};this.root.childNodes.forEach(r);let i="";return e.forEach((t,a)=>{i+=a>0&&e[a-1].parent!==t.parent?` ${t.text}`:t.text}),i.replace(/\s+/g," ").trim().slice(0,500)}_clearAutoLabel(){this.hasAttribute(s)&&(this.removeAttribute("aria-label"),this.removeAttribute(s))}_syncAutoLabel(){if(this.hasAttribute("aria-labelledby")||this.hasAttribute("aria-label")&&!this.hasAttribute(s)||this.getAttribute("role")!=="button"){this._clearAutoLabel();return}const r=this._shownText();if(!r){this._clearAutoLabel();return}this.getAttribute("aria-label")!==r&&this.setAttribute("aria-label",r),this.setAttribute(s,"")}_cleanupSlotListeners(){for(const e of this._slotCleanup)e();this._slotCleanup=[]}_bindSlotListeners(){this._cleanupSlotListeners(),this.root.querySelectorAll("slot").forEach(r=>{const i=()=>this._syncSlotState();r.addEventListener("slotchange",i),this._slotCleanup.push(()=>r.removeEventListener("slotchange",i))})}_syncSlotState(){this._toggleSection("media"),this._toggleSection("inset"),this._toggleSection("header"),this._toggleSection("footer"),this._syncSectionOrder(),this.hasAttribute("interactive")&&this._syncAutoLabel()}_syncSectionOrder(){const e=this.root.querySelector(".inset"),r=this.root.querySelector(".header"),i=this.root.querySelector(".body");if(!e||!r||!i)return;const t=Array.from(this.children),a=t.findIndex(d=>d.getAttribute("slot")==="inset"),c=t.findIndex(d=>d.getAttribute("slot")==="header"),n=a>=0&&c>=0&&a>c?i:r;e.nextElementSibling!==n&&n.parentElement?.insertBefore(e,n)}_toggleSection(e){const r=this.root.querySelector(`slot[name="${e}"]`),i=this.root.querySelector(`.${e}`);if(!r||!i)return;const t=r.assignedNodes({flatten:!0}).some(a=>a.nodeType===Node.TEXT_NODE?!!a.textContent?.trim():!0);i.hidden=!t,e==="footer"&&this.root.querySelector(".card")?.setAttribute("data-has-footer",String(t))}_onKeyDown(e){!this.hasAttribute("interactive")||this.hasAttribute("disabled")||e.defaultPrevented||e.target===this&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.click())}}typeof customElements<"u"&&!customElements.get("ui-card")&&customElements.define("ui-card",l);exports.UICard=l;

package/dist/card.esm.js

@@ -1,5 +1,5 @@
-import { E as d } from "./ElementBase-BeZT54Hj.mjs";
-const n = `
+import { E as l } from "./ElementBase-D5QsC5Vw.mjs";
+const u = `
   :host {
     --ui-card-radius: var(--base-card-radius, calc(var(--ui-radius, 6px) + 2px));
     --ui-card-bg: var(--base-card-bg, var(--color-panel-solid, var(--ui-color-surface, #ffffff)));
@@ -235,7 +235,8 @@ const n = `
     padding-top: var(--ui-card-padding);
   }
 
-  .body:last-child {
+  .body:last-child,
+  .card[data-has-footer="false"] .body {
     padding-bottom: var(--ui-card-padding);
   }
 
@@ -285,13 +286,13 @@ const n = `
     }
   }
 `;
-function c(o) {
+function h(o) {
   if (!o || !o.trim()) return "var(--base-card-radius, var(--ui-radius, 6px))";
-  const i = o.trim().toLowerCase();
-  return i === "full" ? "999px" : /^-?\d+(\.\d+)?$/.test(i) ? `${i}px` : o;
+  const r = o.trim().toLowerCase();
+  return r === "full" ? "999px" : /^-?\d+(\.\d+)?$/.test(r) ? `${r}px` : o;
 }
 const s = "data-ui-card-auto-label";
-class l extends d {
+class b extends l {
   constructor() {
     super(...arguments), this._slotCleanup = [], this._onKeyDownBound = this._onKeyDown.bind(this);
   }
@@ -304,15 +305,15 @@ class l extends d {
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("keydown", this._onKeyDownBound), this._cleanupSlotListeners();
   }
-  attributeChangedCallback(i, r, e) {
-    super.attributeChangedCallback(i, r, e), r !== e && (i === "radius" && this._syncHostStyles(), (i === "interactive" || i === "disabled" || i === "tabindex" || i === "role") && this._syncAccessibilityState());
+  attributeChangedCallback(r, i, e) {
+    super.attributeChangedCallback(r, i, e), i !== e && (r === "radius" && this._syncHostStyles(), (r === "interactive" || r === "disabled" || r === "tabindex" || r === "role") && this._syncAccessibilityState());
   }
   shouldRenderOnAttributeChange() {
     return !1;
   }
   render() {
     this.setContent(`
-      <style>${n}</style>
+      <style>${u}</style>
       <div class="card" part="card" role="group">
         <div class="section media" part="media" hidden>
           <slot name="media"></slot>
@@ -333,15 +334,15 @@ class l extends d {
     `), this._syncHostStyles(), this._bindSlotListeners(), this._syncSlotState();
   }
   _syncHostStyles() {
-    this.style.setProperty("--ui-card-radius", c(this.getAttribute("radius")));
+    this.style.setProperty("--ui-card-radius", h(this.getAttribute("radius")));
   }
   _syncAccessibilityState() {
-    const i = this.hasAttribute("interactive"), r = this.hasAttribute("disabled");
-    if (!i) {
+    const r = this.hasAttribute("interactive"), i = this.hasAttribute("disabled");
+    if (!r) {
       this._clearAutoLabel(), this.getAttribute("role") === "button" && this.removeAttribute("role"), this.removeAttribute("aria-disabled"), (this.getAttribute("tabindex") === "0" || this.getAttribute("tabindex") === "-1") && this.removeAttribute("tabindex");
       return;
     }
-    this.hasAttribute("role") || this.setAttribute("role", "button"), this.setAttribute("aria-disabled", r ? "true" : "false"), this._syncAutoLabel(), this.hasAttribute("tabindex") ? r && this.getAttribute("tabindex") !== "-1" && this.setAttribute("tabindex", "-1") : this.setAttribute("tabindex", r ? "-1" : "0");
+    this.hasAttribute("role") || this.setAttribute("role", "button"), this.setAttribute("aria-disabled", i ? "true" : "false"), this._syncAutoLabel(), this.hasAttribute("tabindex") ? i && this.getAttribute("tabindex") !== "-1" && this.setAttribute("tabindex", "-1") : this.setAttribute("tabindex", i ? "-1" : "0");
   }
   // Chromium derives no name from this card's slotted content, so an interactive card (role
   // "button") was exposed unnamed. Name it after the text it shows, unless the author gave it a name:
@@ -349,25 +350,25 @@ class l extends d {
   // The text the card shows, in the order it is drawn (the shadow template's slot order, not the order
   // of the light DOM children), with a space where one element ends and the next begins.
   _shownText() {
-    const i = [], r = (t) => {
+    const r = [], i = (t) => {
       if (t.nodeType === Node.TEXT_NODE) {
         const a = t.textContent || "";
-        a.trim() && i.push({ text: a, parent: t.parentNode });
+        a.trim() && r.push({ text: a, parent: t.parentNode });
         return;
       }
       if (t instanceof Element && !(t.hasAttribute("hidden") || t.getAttribute("aria-hidden") === "true") && !(t.tagName === "STYLE" || t.tagName === "SCRIPT")) {
         if (t instanceof HTMLSlotElement) {
           const a = t.assignedNodes({ flatten: !0 });
-          (a.length ? a : Array.from(t.childNodes)).forEach(r);
+          (a.length ? a : Array.from(t.childNodes)).forEach(i);
           return;
         }
-        t.childNodes.forEach(r);
+        t.childNodes.forEach(i);
       }
     };
-    this.root.childNodes.forEach(r);
+    this.root.childNodes.forEach(i);
     let e = "";
-    return i.forEach((t, a) => {
-      e += a > 0 && i[a - 1].parent !== t.parent ? ` ${t.text}` : t.text;
+    return r.forEach((t, a) => {
+      e += a > 0 && r[a - 1].parent !== t.parent ? ` ${t.text}` : t.text;
     }), e.replace(/\s+/g, " ").trim().slice(0, 500);
   }
   _clearAutoLabel() {
@@ -378,37 +379,49 @@ class l extends d {
       this._clearAutoLabel();
       return;
     }
-    const r = this._shownText();
-    if (!r) {
+    const i = this._shownText();
+    if (!i) {
       this._clearAutoLabel();
       return;
     }
-    this.getAttribute("aria-label") !== r && this.setAttribute("aria-label", r), this.setAttribute(s, "");
+    this.getAttribute("aria-label") !== i && this.setAttribute("aria-label", i), this.setAttribute(s, "");
   }
   _cleanupSlotListeners() {
-    for (const i of this._slotCleanup) i();
+    for (const r of this._slotCleanup) r();
     this._slotCleanup = [];
   }
   _bindSlotListeners() {
-    this._cleanupSlotListeners(), this.root.querySelectorAll("slot").forEach((r) => {
+    this._cleanupSlotListeners(), this.root.querySelectorAll("slot").forEach((i) => {
       const e = () => this._syncSlotState();
-      r.addEventListener("slotchange", e), this._slotCleanup.push(() => r.removeEventListener("slotchange", e));
+      i.addEventListener("slotchange", e), this._slotCleanup.push(() => i.removeEventListener("slotchange", e));
     });
   }
   _syncSlotState() {
-    this._toggleSection("media"), this._toggleSection("inset"), this._toggleSection("header"), this._toggleSection("footer"), this.hasAttribute("interactive") && this._syncAutoLabel();
-  }
-  _toggleSection(i) {
-    const r = this.root.querySelector(`slot[name="${i}"]`), e = this.root.querySelector(`.${i}`);
-    if (!r || !e) return;
-    const t = r.assignedNodes({ flatten: !0 }).some((a) => a.nodeType === Node.TEXT_NODE ? !!a.textContent?.trim() : !0);
-    e.hidden = !t;
-  }
-  _onKeyDown(i) {
-    !this.hasAttribute("interactive") || this.hasAttribute("disabled") || i.defaultPrevented || i.target === this && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), this.click());
+    this._toggleSection("media"), this._toggleSection("inset"), this._toggleSection("header"), this._toggleSection("footer"), this._syncSectionOrder(), this.hasAttribute("interactive") && this._syncAutoLabel();
+  }
+  /**
+   * The inset goes where it was written relative to the header: above it by default (flush media
+   * at the top), below it when it comes after `<Card.Header>` in the markup. It used to be fixed
+   * above the header, so a header followed by a full-bleed table showed the table first. Media
+   * stays on top, the header above the body and the footer at the bottom, as before.
+   */
+  _syncSectionOrder() {
+    const r = this.root.querySelector(".inset"), i = this.root.querySelector(".header"), e = this.root.querySelector(".body");
+    if (!r || !i || !e) return;
+    const t = Array.from(this.children), a = t.findIndex((d) => d.getAttribute("slot") === "inset"), c = t.findIndex((d) => d.getAttribute("slot") === "header"), n = a >= 0 && c >= 0 && a > c ? e : i;
+    r.nextElementSibling !== n && n.parentElement?.insertBefore(r, n);
+  }
+  _toggleSection(r) {
+    const i = this.root.querySelector(`slot[name="${r}"]`), e = this.root.querySelector(`.${r}`);
+    if (!i || !e) return;
+    const t = i.assignedNodes({ flatten: !0 }).some((a) => a.nodeType === Node.TEXT_NODE ? !!a.textContent?.trim() : !0);
+    e.hidden = !t, r === "footer" && this.root.querySelector(".card")?.setAttribute("data-has-footer", String(t));
+  }
+  _onKeyDown(r) {
+    !this.hasAttribute("interactive") || this.hasAttribute("disabled") || r.defaultPrevented || r.target === this && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), this.click());
   }
 }
-typeof customElements < "u" && !customElements.get("ui-card") && customElements.define("ui-card", l);
+typeof customElements < "u" && !customElements.get("ui-card") && customElements.define("ui-card", b);
 export {
-  l as UICard
+  b as UICard
 };

package/dist/chart.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const J=require("./ElementBase-DxbvhLJs.js"),V=180,U=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const J=require("./ElementBase-CbUsP3D6.js"),V=180,U=`
   :host {
     --ui-chart-bg: var(--color-panel-solid, var(--ui-color-surface, #ffffff));
     --ui-chart-surface: color-mix(in srgb, var(--ui-color-surface, #ffffff) 97%, #ffffff 3%);
@@ -53,7 +53,7 @@
     --ui-chart-text: #e2e8f0;
     --ui-chart-muted: #94a3b8;
     --ui-chart-grid: color-mix(in srgb, #475569 74%, transparent);
-    --ui-chart-accent: #93c5fd;
+    --ui-chart-accent: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-chart-success: #34d399;
     --ui-chart-warning: #fbbf24;
     --ui-chart-success-text: var(--ui-chart-success);

package/dist/chart.esm.js

@@ -1,4 +1,4 @@
-import { E as Y } from "./ElementBase-BeZT54Hj.mjs";
+import { E as Y } from "./ElementBase-D5QsC5Vw.mjs";
 const V = 180, Z = `
   :host {
     --ui-chart-bg: var(--color-panel-solid, var(--ui-color-surface, #ffffff));
@@ -54,7 +54,7 @@ const V = 180, Z = `
     --ui-chart-text: #e2e8f0;
     --ui-chart-muted: #94a3b8;
     --ui-chart-grid: color-mix(in srgb, #475569 74%, transparent);
-    --ui-chart-accent: #93c5fd;
+    --ui-chart-accent: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-chart-success: #34d399;
     --ui-chart-warning: #fbbf24;
     --ui-chart-success-text: var(--ui-chart-success);

package/dist/checkbox.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./ElementBase-DxbvhLJs.js"),n=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-CbUsP3D6.js"),s=require("./form-control-B90_3kYN.js"),h=`
   :host {
     --ui-checkbox-size: 16px;
     --ui-checkbox-hit-area: 24px;
@@ -325,8 +325,8 @@
       --ui-checkbox-label-color: CanvasText;
     }
   }
-`;function r(t){return t!==null&&t.toLowerCase()!=="false"&&t!=="0"}function d(t){return t instanceof HTMLElement?!!t.closest('a, button, input, select, textarea, [contenteditable="true"], [data-ui-checkbox-no-toggle]'):!1}class c extends s.ElementBase{constructor(){super(),this._uid=`ui-checkbox-${Math.random().toString(36).slice(2,9)}`,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["checked","disabled","indeterminate","headless","loading","invalid","tabindex"]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onClick),this.addEventListener("keydown",this._onKeyDown),this._syncA11yState()}disconnectedCallback(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),super.disconnectedCallback()}attributeChangedCallback(e,i,o){if(i!==o){if(e==="tabindex"){this._syncA11yState();return}this.requestRender()}}get checked(){return r(this.getAttribute("checked"))}set checked(e){const i=!!e;i!==this.checked&&(i?this.setAttribute("checked",""):this.removeAttribute("checked"))}get indeterminate(){return r(this.getAttribute("indeterminate"))}set indeterminate(e){const i=!!e;i!==this.indeterminate&&(i?this.setAttribute("indeterminate",""):this.removeAttribute("indeterminate"))}get disabled(){return r(this.getAttribute("disabled"))}set disabled(e){const i=!!e;i!==this.disabled&&(i?this.setAttribute("disabled",""):this.removeAttribute("disabled"))}get loading(){return r(this.getAttribute("loading"))}set loading(e){const i=!!e;i!==this.loading&&(i?this.setAttribute("loading",""):this.removeAttribute("loading"))}get headless(){return this.hasAttribute("headless")}set headless(e){e!==this.headless&&(e?this.setAttribute("headless",""):this.removeAttribute("headless"))}get invalid(){return r(this.getAttribute("invalid"))}set invalid(e){const i=!!e;i!==this.invalid&&(i?this.setAttribute("invalid",""):this.removeAttribute("invalid"))}get density(){return this.getAttribute("density")||"default"}set density(e){const i=(e||"").trim().toLowerCase();if(!i||i==="default"){this.removeAttribute("density");return}this.setAttribute("density",i)}get preset(){return this.getAttribute("preset")||"default"}set preset(e){const i=(e||"").trim().toLowerCase();if(!i||i==="default"){this.removeAttribute("preset");return}this.setAttribute("preset",i)}_syncA11yState(){const e=this.indeterminate?"mixed":this.checked?"true":"false",i=this.disabled||this.loading,o=i?"-1":this.getAttribute("tabindex")||"0",a=`${this._uid}-label`;this.setAttribute("role","checkbox"),this.setAttribute("aria-checked",e),this.setAttribute("aria-disabled",i?"true":"false"),this.setAttribute("aria-busy",this.loading?"true":"false"),this.invalid?this.setAttribute("aria-invalid","true"):this.removeAttribute("aria-invalid"),this.getAttribute("aria-labelledby")===a&&this.removeAttribute("aria-labelledby"),this.setAttribute("tabindex",o)}_toggleFromUser(){if(this.disabled||this.loading)return;this.indeterminate?(this.indeterminate=!1,this.checked=!0):this.checked=!this.checked;const e={checked:this.checked,indeterminate:this.indeterminate};this.dispatchEvent(new CustomEvent("input",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,composed:!0}))}_onClick(e){this.disabled||this.loading||e.composedPath().some(o=>d(o))||this._toggleFromUser()}_onKeyDown(e){this.disabled||this.loading||e.key!==" "&&e.key!=="Enter"||(e.preventDefault(),this._toggleFromUser())}render(){this._syncA11yState(),this.setContent(`
-      <style>${n}</style>
+`;function r(t){return t!==null&&t.toLowerCase()!=="false"&&t!=="0"}function l(t){return t instanceof HTMLElement?!!t.closest('a, button, input, select, textarea, [contenteditable="true"], [data-ui-checkbox-no-toggle]'):!1}const a=class a extends d.ElementBase{constructor(){super(),this._formControl=new s.FormControl(this,{getValue:()=>this.checked?this.getAttribute("value")??"on":null,getValidity:()=>({valueMissing:s.isRequired(this)&&!this.checked,message:"Please check this box if you want to proceed."}),defaultAttribute:"checked",onFormDisabled:()=>this.requestRender()}),this._uid=`ui-checkbox-${Math.random().toString(36).slice(2,9)}`,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["checked","disabled","indeterminate","headless","loading","invalid","tabindex"]}formResetCallback(){this._formControl.formResetCallback()}formDisabledCallback(e){this._formControl.formDisabledCallback(e)}get form(){return this._formControl.form}connectedCallback(){super.connectedCallback(),this._formControl.connect(),this.addEventListener("click",this._onClick),this.addEventListener("keydown",this._onKeyDown),this._syncA11yState()}disconnectedCallback(){this._formControl.disconnect(),this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),super.disconnectedCallback()}attributeChangedCallback(e,i,o){if(i!==o){if(e==="tabindex"){this._syncA11yState();return}this.requestRender()}}get checked(){return r(this.getAttribute("checked"))}set checked(e){const i=!!e;i!==this.checked&&(i?this.setAttribute("checked",""):this.removeAttribute("checked"))}get indeterminate(){return r(this.getAttribute("indeterminate"))}set indeterminate(e){const i=!!e;i!==this.indeterminate&&(i?this.setAttribute("indeterminate",""):this.removeAttribute("indeterminate"))}get disabled(){return r(this.getAttribute("disabled"))||!!this._formControl?.disabledByForm}set disabled(e){const i=!!e;i!==this.disabled&&(i?this.setAttribute("disabled",""):this.removeAttribute("disabled"))}get loading(){return r(this.getAttribute("loading"))}set loading(e){const i=!!e;i!==this.loading&&(i?this.setAttribute("loading",""):this.removeAttribute("loading"))}get headless(){return this.hasAttribute("headless")}set headless(e){e!==this.headless&&(e?this.setAttribute("headless",""):this.removeAttribute("headless"))}get invalid(){return r(this.getAttribute("invalid"))}set invalid(e){const i=!!e;i!==this.invalid&&(i?this.setAttribute("invalid",""):this.removeAttribute("invalid"))}get density(){return this.getAttribute("density")||"default"}set density(e){const i=(e||"").trim().toLowerCase();if(!i||i==="default"){this.removeAttribute("density");return}this.setAttribute("density",i)}get preset(){return this.getAttribute("preset")||"default"}set preset(e){const i=(e||"").trim().toLowerCase();if(!i||i==="default"){this.removeAttribute("preset");return}this.setAttribute("preset",i)}_syncA11yState(){const e=this.indeterminate?"mixed":this.checked?"true":"false",i=this.disabled||this.loading,o=i?"-1":this.getAttribute("tabindex")||"0",n=`${this._uid}-label`;this.setAttribute("role","checkbox"),this.setAttribute("aria-checked",e),this.setAttribute("aria-disabled",i?"true":"false"),this.setAttribute("aria-busy",this.loading?"true":"false"),this.invalid?this.setAttribute("aria-invalid","true"):this.removeAttribute("aria-invalid"),this.getAttribute("aria-labelledby")===n&&this.removeAttribute("aria-labelledby"),this.setAttribute("tabindex",o)}_toggleFromUser(){if(this.disabled||this.loading)return;this.indeterminate?(this.indeterminate=!1,this.checked=!0):this.checked=!this.checked;const e={checked:this.checked,indeterminate:this.indeterminate};this.dispatchEvent(new CustomEvent("input",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,composed:!0}))}_onClick(e){this.disabled||this.loading||e.composedPath().some(o=>l(o))||this._toggleFromUser()}_onKeyDown(e){this.disabled||this.loading||e.key!==" "&&e.key!=="Enter"||(e.preventDefault(),this._toggleFromUser())}render(){this._syncA11yState(),this.setContent(`
+      <style>${h}</style>
       <span class="row" part="root">
         <span class="control-wrap" part="hit-area" aria-hidden="true">
           <span class="control" part="control">
@@ -339,4 +339,4 @@
         </span>
         <span class="label" id="${this._uid}-label" part="label"><slot></slot></span>
       </span>
-    `)}}typeof customElements<"u"&&!customElements.get("ui-checkbox")&&customElements.define("ui-checkbox",c);exports.UICheckbox=c;
+    `)}};a.formAssociated=!0;let c=a;typeof customElements<"u"&&!customElements.get("ui-checkbox")&&customElements.define("ui-checkbox",c);exports.UICheckbox=c;

package/dist/checkbox.esm.js

@@ -1,5 +1,6 @@
-import { E as a } from "./ElementBase-BeZT54Hj.mjs";
-const s = `
+import { E as n } from "./ElementBase-D5QsC5Vw.mjs";
+import { F as d, i as h } from "./form-control-D9wWUMBl.mjs";
+const l = `
   :host {
     --ui-checkbox-size: 16px;
     --ui-checkbox-hit-area: 24px;
@@ -330,21 +331,39 @@ const s = `
 function r(t) {
   return t !== null && t.toLowerCase() !== "false" && t !== "0";
 }
-function n(t) {
+function b(t) {
   return t instanceof HTMLElement ? !!t.closest('a, button, input, select, textarea, [contenteditable="true"], [data-ui-checkbox-no-toggle]') : !1;
 }
-class d extends a {
+const a = class a extends n {
   constructor() {
-    super(), this._uid = `ui-checkbox-${Math.random().toString(36).slice(2, 9)}`, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this);
+    super(), this._formControl = new d(this, {
+      getValue: () => this.checked ? this.getAttribute("value") ?? "on" : null,
+      getValidity: () => ({
+        valueMissing: h(this) && !this.checked,
+        message: "Please check this box if you want to proceed."
+      }),
+      defaultAttribute: "checked",
+      onFormDisabled: () => this.requestRender()
+    }), this._uid = `ui-checkbox-${Math.random().toString(36).slice(2, 9)}`, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this);
   }
   static get observedAttributes() {
     return ["checked", "disabled", "indeterminate", "headless", "loading", "invalid", "tabindex"];
   }
+  formResetCallback() {
+    this._formControl.formResetCallback();
+  }
+  formDisabledCallback(e) {
+    this._formControl.formDisabledCallback(e);
+  }
+  /** The `<form>` this field belongs to, if any. */
+  get form() {
+    return this._formControl.form;
+  }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener("click", this._onClick), this.addEventListener("keydown", this._onKeyDown), this._syncA11yState();
+    super.connectedCallback(), this._formControl.connect(), this.addEventListener("click", this._onClick), this.addEventListener("keydown", this._onKeyDown), this._syncA11yState();
   }
   disconnectedCallback() {
-    this.removeEventListener("click", this._onClick), this.removeEventListener("keydown", this._onKeyDown), super.disconnectedCallback();
+    this._formControl.disconnect(), this.removeEventListener("click", this._onClick), this.removeEventListener("keydown", this._onKeyDown), super.disconnectedCallback();
   }
   attributeChangedCallback(e, i, o) {
     if (i !== o) {
@@ -370,7 +389,7 @@ class d extends a {
     i !== this.indeterminate && (i ? this.setAttribute("indeterminate", "") : this.removeAttribute("indeterminate"));
   }
   get disabled() {
-    return r(this.getAttribute("disabled"));
+    return r(this.getAttribute("disabled")) || !!this._formControl?.disabledByForm;
   }
   set disabled(e) {
     const i = !!e;
@@ -419,8 +438,8 @@ class d extends a {
     this.setAttribute("preset", i);
   }
   _syncA11yState() {
-    const e = this.indeterminate ? "mixed" : this.checked ? "true" : "false", i = this.disabled || this.loading, o = i ? "-1" : this.getAttribute("tabindex") || "0", c = `${this._uid}-label`;
-    this.setAttribute("role", "checkbox"), this.setAttribute("aria-checked", e), this.setAttribute("aria-disabled", i ? "true" : "false"), this.setAttribute("aria-busy", this.loading ? "true" : "false"), this.invalid ? this.setAttribute("aria-invalid", "true") : this.removeAttribute("aria-invalid"), this.getAttribute("aria-labelledby") === c && this.removeAttribute("aria-labelledby"), this.setAttribute("tabindex", o);
+    const e = this.indeterminate ? "mixed" : this.checked ? "true" : "false", i = this.disabled || this.loading, o = i ? "-1" : this.getAttribute("tabindex") || "0", s = `${this._uid}-label`;
+    this.setAttribute("role", "checkbox"), this.setAttribute("aria-checked", e), this.setAttribute("aria-disabled", i ? "true" : "false"), this.setAttribute("aria-busy", this.loading ? "true" : "false"), this.invalid ? this.setAttribute("aria-invalid", "true") : this.removeAttribute("aria-invalid"), this.getAttribute("aria-labelledby") === s && this.removeAttribute("aria-labelledby"), this.setAttribute("tabindex", o);
   }
   _toggleFromUser() {
     if (this.disabled || this.loading) return;
@@ -429,14 +448,14 @@ class d extends a {
     this.dispatchEvent(new CustomEvent("input", { detail: e, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: e, bubbles: !0, composed: !0 }));
   }
   _onClick(e) {
-    this.disabled || this.loading || e.composedPath().some((o) => n(o)) || this._toggleFromUser();
+    this.disabled || this.loading || e.composedPath().some((o) => b(o)) || this._toggleFromUser();
   }
   _onKeyDown(e) {
     this.disabled || this.loading || e.key !== " " && e.key !== "Enter" || (e.preventDefault(), this._toggleFromUser());
   }
   render() {
     this._syncA11yState(), this.setContent(`
-      <style>${s}</style>
+      <style>${l}</style>
       <span class="row" part="root">
         <span class="control-wrap" part="hit-area" aria-hidden="true">
           <span class="control" part="control">
@@ -451,8 +470,10 @@ class d extends a {
       </span>
     `);
   }
-}
-typeof customElements < "u" && !customElements.get("ui-checkbox") && customElements.define("ui-checkbox", d);
+};
+a.formAssociated = !0;
+let c = a;
+typeof customElements < "u" && !customElements.get("ui-checkbox") && customElements.define("ui-checkbox", c);
 export {
-  d as UICheckbox
+  c as UICheckbox
 };

package/dist/clone-source-BxK2pEVw.mjs

@@ -0,0 +1,11 @@
+const e = "data-ui-clone-source";
+function i(t) {
+  !t || t.hasAttribute(e) || t.hasAttribute("aria-hidden") || (t.setAttribute("aria-hidden", "true"), t.setAttribute(e, ""));
+}
+function r(t) {
+  return t.hasAttribute(e) && (t.removeAttribute(e), t.removeAttribute("aria-hidden")), t;
+}
+export {
+  i as h,
+  r
+};

package/dist/clone-source-C7E_ri5f.js

@@ -0,0 +1 @@
+"use strict";const e="data-ui-clone-source";function i(t){!t||t.hasAttribute(e)||t.hasAttribute("aria-hidden")||(t.setAttribute("aria-hidden","true"),t.setAttribute(e,""))}function r(t){return t.hasAttribute(e)&&(t.removeAttribute(e),t.removeAttribute("aria-hidden")),t}exports.hideCloneSource=i;exports.revealClone=r;

package/dist/collapsible.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./ElementBase-DxbvhLJs.js"),x=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./ElementBase-CbUsP3D6.js"),x=`
   :host {
     --ui-collapsible-bg: var(--color-panel-solid, var(--ui-color-surface, #ffffff));
     --ui-collapsible-surface: var(--color-panel-solid, var(--ui-color-surface, #ffffff));

package/dist/collapsible.esm.js

@@ -1,4 +1,4 @@
-import { E as v } from "./ElementBase-BeZT54Hj.mjs";
+import { E as v } from "./ElementBase-D5QsC5Vw.mjs";
 const m = `
   :host {
     --ui-collapsible-bg: var(--color-panel-solid, var(--ui-color-surface, #ffffff));

package/dist/color-picker.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("./ElementBase-DxbvhLJs.js"),m=require("./date-time-utils-C-4eHTyy.js");function g(o,t,e){return Math.max(t,Math.min(e,o))}function _(o,t=3){const e=10**t;return Math.round(o*e)/e}function A(o){return g(Math.round(o),0,255)}function D(o){const t=o.trim();if(!t)return null;if(t.endsWith("%")){const r=Number(t.slice(0,-1));return Number.isFinite(r)?g(r/100,0,1):null}const e=Number(t);return Number.isFinite(e)?g(e,0,1):null}function C(o){const t=o.trim();if(!t)return null;if(t.endsWith("%")){const r=Number(t.slice(0,-1));return Number.isFinite(r)?A(g(r,0,100)/100*255):null}const e=Number(t);return Number.isFinite(e)?A(e):null}function B(o){const t=o.trim();if(!t.endsWith("%"))return null;const e=Number(t.slice(0,-1));return Number.isFinite(e)?g(e,0,100):null}function F(o){const t=o.trim().toLowerCase();if(!t)return null;if(t.endsWith("deg")){const r=Number(t.slice(0,-3));return Number.isFinite(r)?x(r):null}if(t.endsWith("turn")){const r=Number(t.slice(0,-4));return Number.isFinite(r)?x(r*360):null}if(t.endsWith("rad")){const r=Number(t.slice(0,-3));return Number.isFinite(r)?x(r*180/Math.PI):null}const e=Number(t);return Number.isFinite(e)?x(e):null}function x(o){const t=o%360;return t<0?t+360:t}function T(o){const t=o.trim();if(!t)return null;if(t.includes("/")){const[r,i]=t.split("/");if(i==null)return null;const a=r.includes(",")?r.split(","):r.trim().split(/\s+/);return a.length<3?null:{channels:a.map(n=>n.trim()).filter(Boolean),alpha:i.trim()}}if(t.includes(",")){const r=t.split(",").map(i=>i.trim()).filter(Boolean);return r.length<3?null:{channels:r.slice(0,3),alpha:r[3]??null}}const e=t.split(/\s+/).map(r=>r.trim()).filter(Boolean);return e.length<3?null:{channels:e.slice(0,3),alpha:e[3]??null}}function U(o){const t=o.trim().replace(/^#/,"");if(![3,4,6,8].includes(t.length)||!/^[0-9a-f]+$/i.test(t))return null;if(t.length===3||t.length===4){const n=parseInt(t[0]+t[0],16),s=parseInt(t[1]+t[1],16),l=parseInt(t[2]+t[2],16),c=t.length===4?parseInt(t[3]+t[3],16)/255:1;return b({r:n,g:s,b:l,a:c})}const e=parseInt(t.slice(0,2),16),r=parseInt(t.slice(2,4),16),i=parseInt(t.slice(4,6),16),a=t.length===8?parseInt(t.slice(6,8),16)/255:1;return b({r:e,g:r,b:i,a})}function N(o){const t=/^rgba?\((.+)\)$/i.exec(o.trim());if(!t)return null;const e=T(t[1]);if(!e||e.channels.length<3)return null;const r=C(e.channels[0]),i=C(e.channels[1]),a=C(e.channels[2]);if(r==null||i==null||a==null)return null;const n=e.alpha!=null?D(e.alpha):1;return n==null?null:b({r,g:i,b:a,a:n})}function V(o){const t=/^hsla?\((.+)\)$/i.exec(o.trim());if(!t)return null;const e=T(t[1]);if(!e||e.channels.length<3)return null;const r=F(e.channels[0]),i=B(e.channels[1]),a=B(e.channels[2]);if(r==null||i==null||a==null)return null;const n=e.alpha!=null?D(e.alpha):1;return n==null?null:$({h:r,s:i,l:a,a:n})}function b(o){return{r:A(o.r),g:A(o.g),b:A(o.b),a:_(g(o.a,0,1),4)}}function v(o){const t=(o||"").trim();return t?t.startsWith("#")?U(t):/^rgba?\(/i.test(t)?N(t):/^hsla?\(/i.test(t)?V(t):null:null}function W(o,t=!1){const e=b(o),r=a=>a.toString(16).padStart(2,"0"),i=`#${r(e.r)}${r(e.g)}${r(e.b)}`;return t?`${i}${r(Math.round(e.a*255))}`:i}function K(o,t=!0){const e=b(o);return!t||e.a>=1?`rgb(${e.r} ${e.g} ${e.b})`:`rgb(${e.r} ${e.g} ${e.b} / ${_(e.a,3)})`}function G(o,t=!0){const e=Math.round(x(o.h)),r=Math.round(g(o.s,0,100)),i=Math.round(g(o.l,0,100)),a=_(g(o.a,0,1),3);return!t||a>=1?`hsl(${e} ${r}% ${i}%)`:`hsl(${e} ${r}% ${i}% / ${a})`}function z(o){const t=b(o),e=t.r/255,r=t.g/255,i=t.b/255,a=Math.max(e,r,i),n=Math.min(e,r,i),s=a-n;let l=0;s!==0&&(a===e?l=(r-i)/s%6:a===r?l=(i-e)/s+2:l=(e-r)/s+4,l*=60,l<0&&(l+=360));const c=a===0?0:s/a*100,p=a*100;return{h:_(l,3),s:_(c,3),v:_(p,3),a:t.a}}function X(o){const t=x(o.h),e=g(o.s,0,100)/100,r=g(o.v,0,100)/100,i=r*e,a=i*(1-Math.abs(t/60%2-1)),n=r-i;let s=0,l=0,c=0;return t<60?(s=i,l=a):t<120?(s=a,l=i):t<180?(l=i,c=a):t<240?(l=a,c=i):t<300?(s=a,c=i):(s=i,c=a),b({r:(s+n)*255,g:(l+n)*255,b:(c+n)*255,a:o.a})}function M(o){const t=b(o),e=t.r/255,r=t.g/255,i=t.b/255,a=Math.max(e,r,i),n=Math.min(e,r,i),s=a-n,l=(a+n)/2;let c=0,p=0;return s!==0&&(p=s/(1-Math.abs(2*l-1)),a===e?c=(r-i)/s%6:a===r?c=(i-e)/s+2:c=(e-r)/s+4,c*=60,c<0&&(c+=360)),{h:_(c,3),s:_(p*100,3),l:_(l*100,3),a:t.a}}function $(o){const t=x(o.h),e=g(o.s,0,100)/100,r=g(o.l,0,100)/100,i=(1-Math.abs(2*r-1))*e,a=i*(1-Math.abs(t/60%2-1)),n=r-i/2;let s=0,l=0,c=0;return t<60?(s=i,l=a):t<120?(s=a,l=i):t<180?(l=i,c=a):t<240?(l=a,c=i):t<300?(s=a,c=i):(s=i,c=a),b({r:(s+n)*255,g:(l+n)*255,b:(c+n)*255,a:o.a})}function y(o,t){return W(o,t).toUpperCase()}function k(o,t){return K(o,t)}function Y(o,t){return G(M(o),t)}const I="#2563eb",L="editora:ui-color-picker:recent",j=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("./ElementBase-CbUsP3D6.js"),m=require("./date-time-utils-D3hQQ5Om.js");function g(o,t,e){return Math.max(t,Math.min(e,o))}function _(o,t=3){const e=10**t;return Math.round(o*e)/e}function A(o){return g(Math.round(o),0,255)}function D(o){const t=o.trim();if(!t)return null;if(t.endsWith("%")){const r=Number(t.slice(0,-1));return Number.isFinite(r)?g(r/100,0,1):null}const e=Number(t);return Number.isFinite(e)?g(e,0,1):null}function C(o){const t=o.trim();if(!t)return null;if(t.endsWith("%")){const r=Number(t.slice(0,-1));return Number.isFinite(r)?A(g(r,0,100)/100*255):null}const e=Number(t);return Number.isFinite(e)?A(e):null}function B(o){const t=o.trim();if(!t.endsWith("%"))return null;const e=Number(t.slice(0,-1));return Number.isFinite(e)?g(e,0,100):null}function F(o){const t=o.trim().toLowerCase();if(!t)return null;if(t.endsWith("deg")){const r=Number(t.slice(0,-3));return Number.isFinite(r)?x(r):null}if(t.endsWith("turn")){const r=Number(t.slice(0,-4));return Number.isFinite(r)?x(r*360):null}if(t.endsWith("rad")){const r=Number(t.slice(0,-3));return Number.isFinite(r)?x(r*180/Math.PI):null}const e=Number(t);return Number.isFinite(e)?x(e):null}function x(o){const t=o%360;return t<0?t+360:t}function T(o){const t=o.trim();if(!t)return null;if(t.includes("/")){const[r,i]=t.split("/");if(i==null)return null;const a=r.includes(",")?r.split(","):r.trim().split(/\s+/);return a.length<3?null:{channels:a.map(n=>n.trim()).filter(Boolean),alpha:i.trim()}}if(t.includes(",")){const r=t.split(",").map(i=>i.trim()).filter(Boolean);return r.length<3?null:{channels:r.slice(0,3),alpha:r[3]??null}}const e=t.split(/\s+/).map(r=>r.trim()).filter(Boolean);return e.length<3?null:{channels:e.slice(0,3),alpha:e[3]??null}}function U(o){const t=o.trim().replace(/^#/,"");if(![3,4,6,8].includes(t.length)||!/^[0-9a-f]+$/i.test(t))return null;if(t.length===3||t.length===4){const n=parseInt(t[0]+t[0],16),s=parseInt(t[1]+t[1],16),l=parseInt(t[2]+t[2],16),c=t.length===4?parseInt(t[3]+t[3],16)/255:1;return b({r:n,g:s,b:l,a:c})}const e=parseInt(t.slice(0,2),16),r=parseInt(t.slice(2,4),16),i=parseInt(t.slice(4,6),16),a=t.length===8?parseInt(t.slice(6,8),16)/255:1;return b({r:e,g:r,b:i,a})}function N(o){const t=/^rgba?\((.+)\)$/i.exec(o.trim());if(!t)return null;const e=T(t[1]);if(!e||e.channels.length<3)return null;const r=C(e.channels[0]),i=C(e.channels[1]),a=C(e.channels[2]);if(r==null||i==null||a==null)return null;const n=e.alpha!=null?D(e.alpha):1;return n==null?null:b({r,g:i,b:a,a:n})}function V(o){const t=/^hsla?\((.+)\)$/i.exec(o.trim());if(!t)return null;const e=T(t[1]);if(!e||e.channels.length<3)return null;const r=F(e.channels[0]),i=B(e.channels[1]),a=B(e.channels[2]);if(r==null||i==null||a==null)return null;const n=e.alpha!=null?D(e.alpha):1;return n==null?null:$({h:r,s:i,l:a,a:n})}function b(o){return{r:A(o.r),g:A(o.g),b:A(o.b),a:_(g(o.a,0,1),4)}}function v(o){const t=(o||"").trim();return t?t.startsWith("#")?U(t):/^rgba?\(/i.test(t)?N(t):/^hsla?\(/i.test(t)?V(t):null:null}function W(o,t=!1){const e=b(o),r=a=>a.toString(16).padStart(2,"0"),i=`#${r(e.r)}${r(e.g)}${r(e.b)}`;return t?`${i}${r(Math.round(e.a*255))}`:i}function K(o,t=!0){const e=b(o);return!t||e.a>=1?`rgb(${e.r} ${e.g} ${e.b})`:`rgb(${e.r} ${e.g} ${e.b} / ${_(e.a,3)})`}function G(o,t=!0){const e=Math.round(x(o.h)),r=Math.round(g(o.s,0,100)),i=Math.round(g(o.l,0,100)),a=_(g(o.a,0,1),3);return!t||a>=1?`hsl(${e} ${r}% ${i}%)`:`hsl(${e} ${r}% ${i}% / ${a})`}function z(o){const t=b(o),e=t.r/255,r=t.g/255,i=t.b/255,a=Math.max(e,r,i),n=Math.min(e,r,i),s=a-n;let l=0;s!==0&&(a===e?l=(r-i)/s%6:a===r?l=(i-e)/s+2:l=(e-r)/s+4,l*=60,l<0&&(l+=360));const c=a===0?0:s/a*100,p=a*100;return{h:_(l,3),s:_(c,3),v:_(p,3),a:t.a}}function X(o){const t=x(o.h),e=g(o.s,0,100)/100,r=g(o.v,0,100)/100,i=r*e,a=i*(1-Math.abs(t/60%2-1)),n=r-i;let s=0,l=0,c=0;return t<60?(s=i,l=a):t<120?(s=a,l=i):t<180?(l=i,c=a):t<240?(l=a,c=i):t<300?(s=a,c=i):(s=i,c=a),b({r:(s+n)*255,g:(l+n)*255,b:(c+n)*255,a:o.a})}function M(o){const t=b(o),e=t.r/255,r=t.g/255,i=t.b/255,a=Math.max(e,r,i),n=Math.min(e,r,i),s=a-n,l=(a+n)/2;let c=0,p=0;return s!==0&&(p=s/(1-Math.abs(2*l-1)),a===e?c=(r-i)/s%6:a===r?c=(i-e)/s+2:c=(e-r)/s+4,c*=60,c<0&&(c+=360)),{h:_(c,3),s:_(p*100,3),l:_(l*100,3),a:t.a}}function $(o){const t=x(o.h),e=g(o.s,0,100)/100,r=g(o.l,0,100)/100,i=(1-Math.abs(2*r-1))*e,a=i*(1-Math.abs(t/60%2-1)),n=r-i/2;let s=0,l=0,c=0;return t<60?(s=i,l=a):t<120?(s=a,l=i):t<180?(l=i,c=a):t<240?(l=a,c=i):t<300?(s=a,c=i):(s=i,c=a),b({r:(s+n)*255,g:(l+n)*255,b:(c+n)*255,a:o.a})}function y(o,t){return W(o,t).toUpperCase()}function k(o,t){return K(o,t)}function Y(o,t){return G(M(o),t)}const I="#2563eb",L="editora:ui-color-picker:recent",j=`
   <svg viewBox="0 0 20 20" aria-hidden="true" focusable="false">
     <path d="m5.6 7.6 4.4 4.6 4.4-4.6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
   </svg>
@@ -49,7 +49,7 @@
     --ui-cp-border: #334155;
     --ui-cp-text: #e2e8f0;
     --ui-cp-muted: #93a4bd;
-    --ui-cp-accent: #93c5fd;
+    --ui-cp-accent: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-cp-checker-a: #475569;
     --ui-cp-checker-b: #334155;
     --ui-cp-shadow: 0 18px 40px rgba(2, 6, 23, 0.55);

package/dist/color-picker.esm.js

@@ -1,5 +1,5 @@
-import { E as q } from "./ElementBase-BeZT54Hj.mjs";
-import { r as O, e as F, l as U, i as A, s as N, c as V } from "./date-time-utils-zAx4ghvC.mjs";
+import { E as q } from "./ElementBase-D5QsC5Vw.mjs";
+import { r as O, e as F, l as U, i as A, s as N, c as V } from "./date-time-utils-CJUksWj3.mjs";
 function g(o, t, e) {
   return Math.max(t, Math.min(e, o));
 }
@@ -239,7 +239,7 @@ const I = "#2563eb", L = "editora:ui-color-picker:recent", tt = `
     --ui-cp-border: #334155;
     --ui-cp-text: #e2e8f0;
     --ui-cp-muted: #93a4bd;
-    --ui-cp-accent: #93c5fd;
+    --ui-cp-accent: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-cp-checker-a: #475569;
     --ui-cp-checker-b: #334155;
     --ui-cp-shadow: 0 18px 40px rgba(2, 6, 23, 0.55);