@editora/ui-core 0.1.9 → 0.1.10

package/dist/date-time-utils-5cf58cd0.js

@@ -0,0 +1 @@
+"use strict";const c=require("./calendar-a8735e40.js"),C=require("./scroll-lock-48793569.js"),$=new Map;function h(t,e,n){return Math.max(e,Math.min(n,t))}function s(t){return String(t).padStart(2,"0")}function M(t){if(!/^-?\d+$/.test(t))return null;const e=Number(t);return Number.isFinite(e)?Math.trunc(e):null}function I(t){return t.replace(/[.\-]/g,"/").replace(/\s+/g," ").trim()}function v(t){const e=[];for(let n=0;n<12;n+=1)e.push(new Intl.DateTimeFormat(t,{month:"short",timeZone:"UTC"}).format(new Date(Date.UTC(2024,n,1))));return e}function L(t){const e=[];for(let n=0;n<12;n+=1)e.push(new Intl.DateTimeFormat(t,{month:"long",timeZone:"UTC"}).format(new Date(Date.UTC(2024,n,1))));return e}function N(t,e=!1){if(t==null)return e;const n=t.trim().toLowerCase();return n?n!=="false"&&n!=="0"&&n!=="off"&&n!=="no":!0}function O(t){const e=(t||"").trim();return e||(typeof navigator<"u"&&navigator.language?navigator.language:"en-US")}function f(t){if(!t)return null;const e=c.parseISO(t);return e?`${e.y}-${s(e.m)}-${s(e.d)}`:null}function D(t){if(!t)return null;const e=/^(\d{4}-\d{2}-\d{2})[T ](\d{1,2}:\d{2}(?::\d{2})?)$/.exec(t.trim());if(!e)return null;const n=f(e[1]);if(!n)return null;const r=m(e[2],!0);if(!r)return null;const o=e[2].split(":").length===3;return{date:n,time:w(r,o)}}function U(t,e){if(!t||!e)return null;const n=f(t),r=m(e,!0);return!n||!r?null:`${n}T${w(r,e.split(":").length>=3)}`}function F(t){if(!t)return null;const e=f(t);if(e)return e;const n=D(t);return(n==null?void 0:n.date)||null}function z(t){if(!t)return null;const e=D(t);if(e)return e;const n=f(t);return n?{date:n,time:"00:00"}:null}function B(t,e,n){const r=c.parseISO(t);if(!r)return t;const o=`${e}::${JSON.stringify(n||{})}`;let i=$.get(o);return i||(i=new Intl.DateTimeFormat(e,{year:"numeric",month:"short",day:"2-digit",timeZone:"UTC",...n||{}}),$.set(o,i)),i.format(new Date(Date.UTC(r.y,r.m-1,r.d)))}function Y(t,e,n,r){if(!t)return"";if(n==="iso")return t;if(n==="custom"&&r){const o=c.parseISO(t);if(!o)return t;const i=v(e),u=L(e);return r.replace(/YYYY/g,String(o.y)).replace(/MMM/g,i[o.m-1]||"").replace(/MMMM/g,u[o.m-1]||"").replace(/MM/g,s(o.m)).replace(/DD/g,s(o.d))}return B(t,e)}function k(t,e){const n=f(t.trim());if(n)return n;const r=I(t);if(!r)return null;const o=f(r);if(o)return o;const i=r.split("/").map(b=>b.trim()).filter(Boolean);if(i.length!==3)return null;const u=M(i[0]),a=M(i[1]),y=M(i[2]);if(u==null||a==null||y==null)return null;let l=y;l<100&&(l+=l>=70?1900:2e3);const T=e.toLowerCase().startsWith("en-us"),d=T?u:a,p=T?a:u;if(l<1e3||d<1||d>12||p<1||p>31)return null;const S=`${l}-${s(d)}-${s(p)}`;return f(S)}function m(t,e){const n=t.trim().toLowerCase();if(!n)return null;const r=/^(\d{1,2})(?::|\.|h)?(\d{1,2})?(?::|\.|m)?(\d{1,2})?\s*(am|pm)?$/.exec(n);if(!r)return null;let o=Number(r[1]);const i=Number(r[2]??"0"),u=Number(r[3]??"0");if(!Number.isFinite(o)||!Number.isFinite(i)||!Number.isFinite(u)||i<0||i>59||u<0||u>59||!e&&u!==0)return null;const a=r[4];if(a){if(o<1||o>12)return null;a==="pm"&&o<12&&(o+=12),a==="am"&&o===12&&(o=0)}return o<0||o>23?null:{hours:o,minutes:i,seconds:u}}function w(t,e=!1){if(!t)return"";const n=s(h(t.hours,0,23)),r=s(h(t.minutes,0,59));if(!e)return`${n}:${r}`;const o=s(h(t.seconds,0,59));return`${n}:${r}:${o}`}function q(t,e){const n=m(t,!0);if(!n)return t;const r=new Date;return r.setHours(n.hours,n.minutes,n.seconds,0),new Intl.DateTimeFormat(e,{hour:"numeric",minute:"2-digit",second:t.split(":").length>2?"2-digit":void 0,hour12:!0}).format(r)}function g(t,e){const n=m(t,!0),r=m(e,!0);if(!n||!r)return t.localeCompare(e);const o=n.hours*3600+n.minutes*60+n.seconds,i=r.hours*3600+r.minutes*60+r.seconds;return o-i}function x(t,e,n){const r=m(t,!0);if(!r)return t;let o=w(r,t.split(":").length>=3);return e&&g(o,e)<0&&(o=e),n&&g(o,n)>0&&(o=n),o}function A(t,e,n){let r=t;return e&&c.compareISO(r,e)<0&&(r=e),n&&c.compareISO(r,n)>0&&(r=n),r}function P(t,e){const n=D(t),r=D(e);if(!n||!r)return t.localeCompare(e);const o=c.compareISO(n.date,r.date);return o!==0?o:g(n.time,r.time)}function H(t){const e=c.parseISO(t);if(!e)return{start:t,end:t};const n=c.startOfMonth(e.y,e.m),r=c.endOfMonth(e.y,e.m);return{start:`${n.y}-${s(n.m)}-${s(n.d)}`,end:`${r.y}-${s(r.m)}-${s(r.d)}`}}function W(t,e){const n=h(e,1,366);return{start:c.addDaysISO(t,-(n-1)),end:t}}function Z(t,e,n=8,r=8){const o=typeof window<"u"?window.innerWidth:1200,i=typeof window<"u"?window.innerHeight:800,u=typeof window<"u"&&window.scrollY||0,a=typeof window<"u"&&window.scrollX||0,l=t.bottom+r+e.height<=i-n?"bottom":"top",T=l==="bottom"?t.bottom+r+u:t.top-e.height-r+u,d=t.left+a,p=a+o-e.width-n,S=h(d,a+n,Math.max(a+n,p));return{top:T,left:S,placement:l}}function X(t){let e=0;return{run:()=>{e||(e=requestAnimationFrame(()=>{e=0,t()}))},cancel:()=>{e&&(cancelAnimationFrame(e),e=0)}}}function J(t){return(t||"popover")==="inline"||typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia("(max-width: 639px)").matches}function j(){return C.acquireBodyScrollLock()}exports.clampDateIso=A;exports.clampTime=x;exports.combineDateTime=U;exports.compareDateTimes=P;exports.compareTimes=g;exports.computeLastDaysRange=W;exports.computeMonthRange=H;exports.computePopoverPosition=Z;exports.formatDateForDisplay=Y;exports.formatTime=w;exports.isTruthyAttr=N;exports.lockBodyScroll=j;exports.normalizeDateIso=f;exports.normalizeLocale=O;exports.parseConstraintDate=F;exports.parseConstraintDateTime=z;exports.parseTimeInput=m;exports.parseUserDateInput=k;exports.rafThrottle=X;exports.shouldUseMobileSheet=J;exports.splitDateTime=D;exports.to12hDisplay=q;

package/dist/date-time-utils-bdceb7af.mjs

@@ -0,0 +1,273 @@
+import { p as w, c as $, s as v, e as N, a as F } from "./calendar-2c11b824.mjs";
+import { a as L } from "./scroll-lock-9de6d328.mjs";
+const b = /* @__PURE__ */ new Map();
+function p(t, n, e) {
+  return Math.max(n, Math.min(e, t));
+}
+function s(t) {
+  return String(t).padStart(2, "0");
+}
+function T(t) {
+  if (!/^-?\d+$/.test(t))
+    return null;
+  const n = Number(t);
+  return Number.isFinite(n) ? Math.trunc(n) : null;
+}
+function U(t) {
+  return t.replace(/[.\-]/g, "/").replace(/\s+/g, " ").trim();
+}
+function I(t) {
+  const n = [];
+  for (let e = 0; e < 12; e += 1)
+    n.push(
+      new Intl.DateTimeFormat(t, {
+        month: "short",
+        timeZone: "UTC"
+      }).format(new Date(Date.UTC(2024, e, 1)))
+    );
+  return n;
+}
+function O(t) {
+  const n = [];
+  for (let e = 0; e < 12; e += 1)
+    n.push(
+      new Intl.DateTimeFormat(t, {
+        month: "long",
+        timeZone: "UTC"
+      }).format(new Date(Date.UTC(2024, e, 1)))
+    );
+  return n;
+}
+function B(t, n = !1) {
+  if (t == null)
+    return n;
+  const e = t.trim().toLowerCase();
+  return e ? e !== "false" && e !== "0" && e !== "off" && e !== "no" : !0;
+}
+function k(t) {
+  const n = (t || "").trim();
+  return n || (typeof navigator < "u" && navigator.language ? navigator.language : "en-US");
+}
+function l(t) {
+  if (!t)
+    return null;
+  const n = w(t);
+  return n ? `${n.y}-${s(n.m)}-${s(n.d)}` : null;
+}
+function g(t) {
+  if (!t)
+    return null;
+  const n = /^(\d{4}-\d{2}-\d{2})[T ](\d{1,2}:\d{2}(?::\d{2})?)$/.exec(t.trim());
+  if (!n)
+    return null;
+  const e = l(n[1]);
+  if (!e)
+    return null;
+  const r = f(n[2], !0);
+  if (!r)
+    return null;
+  const o = n[2].split(":").length === 3;
+  return { date: e, time: S(r, o) };
+}
+function q(t, n) {
+  if (!t || !n)
+    return null;
+  const e = l(t), r = f(n, !0);
+  return !e || !r ? null : `${e}T${S(r, n.split(":").length >= 3)}`;
+}
+function A(t) {
+  if (!t)
+    return null;
+  const n = l(t);
+  if (n)
+    return n;
+  const e = g(t);
+  return (e == null ? void 0 : e.date) || null;
+}
+function H(t) {
+  if (!t)
+    return null;
+  const n = g(t);
+  if (n)
+    return n;
+  const e = l(t);
+  return e ? { date: e, time: "00:00" } : null;
+}
+function z(t, n, e) {
+  const r = w(t);
+  if (!r)
+    return t;
+  const o = `${n}::${JSON.stringify(e || {})}`;
+  let i = b.get(o);
+  return i || (i = new Intl.DateTimeFormat(n, {
+    year: "numeric",
+    month: "short",
+    day: "2-digit",
+    timeZone: "UTC",
+    ...e || {}
+  }), b.set(o, i)), i.format(new Date(Date.UTC(r.y, r.m - 1, r.d)));
+}
+function W(t, n, e, r) {
+  if (!t)
+    return "";
+  if (e === "iso")
+    return t;
+  if (e === "custom" && r) {
+    const o = w(t);
+    if (!o)
+      return t;
+    const i = I(n), u = O(n);
+    return r.replace(/YYYY/g, String(o.y)).replace(/MMM/g, i[o.m - 1] || "").replace(/MMMM/g, u[o.m - 1] || "").replace(/MM/g, s(o.m)).replace(/DD/g, s(o.d));
+  }
+  return z(t, n);
+}
+function Z(t, n) {
+  const e = l(t.trim());
+  if (e)
+    return e;
+  const r = U(t);
+  if (!r)
+    return null;
+  const o = l(r);
+  if (o)
+    return o;
+  const i = r.split("/").map((C) => C.trim()).filter(Boolean);
+  if (i.length !== 3)
+    return null;
+  const u = T(i[0]), a = T(i[1]), D = T(i[2]);
+  if (u == null || a == null || D == null)
+    return null;
+  let c = D;
+  c < 100 && (c += c >= 70 ? 1900 : 2e3);
+  const h = n.toLowerCase().startsWith("en-us"), m = h ? u : a, d = h ? a : u;
+  if (c < 1e3 || m < 1 || m > 12 || d < 1 || d > 31)
+    return null;
+  const y = `${c}-${s(m)}-${s(d)}`;
+  return l(y);
+}
+function f(t, n) {
+  const e = t.trim().toLowerCase();
+  if (!e)
+    return null;
+  const r = /^(\d{1,2})(?::|\.|h)?(\d{1,2})?(?::|\.|m)?(\d{1,2})?\s*(am|pm)?$/.exec(e);
+  if (!r)
+    return null;
+  let o = Number(r[1]);
+  const i = Number(r[2] ?? "0"), u = Number(r[3] ?? "0");
+  if (!Number.isFinite(o) || !Number.isFinite(i) || !Number.isFinite(u) || i < 0 || i > 59 || u < 0 || u > 59 || !n && u !== 0)
+    return null;
+  const a = r[4];
+  if (a) {
+    if (o < 1 || o > 12)
+      return null;
+    a === "pm" && o < 12 && (o += 12), a === "am" && o === 12 && (o = 0);
+  }
+  return o < 0 || o > 23 ? null : { hours: o, minutes: i, seconds: u };
+}
+function S(t, n = !1) {
+  if (!t)
+    return "";
+  const e = s(p(t.hours, 0, 23)), r = s(p(t.minutes, 0, 59));
+  if (!n)
+    return `${e}:${r}`;
+  const o = s(p(t.seconds, 0, 59));
+  return `${e}:${r}:${o}`;
+}
+function P(t, n) {
+  const e = f(t, !0);
+  if (!e)
+    return t;
+  const r = /* @__PURE__ */ new Date();
+  return r.setHours(e.hours, e.minutes, e.seconds, 0), new Intl.DateTimeFormat(n, {
+    hour: "numeric",
+    minute: "2-digit",
+    second: t.split(":").length > 2 ? "2-digit" : void 0,
+    hour12: !0
+  }).format(r);
+}
+function M(t, n) {
+  const e = f(t, !0), r = f(n, !0);
+  if (!e || !r)
+    return t.localeCompare(n);
+  const o = e.hours * 3600 + e.minutes * 60 + e.seconds, i = r.hours * 3600 + r.minutes * 60 + r.seconds;
+  return o - i;
+}
+function X(t, n, e) {
+  const r = f(t, !0);
+  if (!r)
+    return t;
+  let o = S(r, t.split(":").length >= 3);
+  return n && M(o, n) < 0 && (o = n), e && M(o, e) > 0 && (o = e), o;
+}
+function j(t, n, e) {
+  let r = t;
+  return n && $(r, n) < 0 && (r = n), e && $(r, e) > 0 && (r = e), r;
+}
+function J(t, n) {
+  const e = g(t), r = g(n);
+  if (!e || !r)
+    return t.localeCompare(n);
+  const o = $(e.date, r.date);
+  return o !== 0 ? o : M(e.time, r.time);
+}
+function E(t) {
+  const n = w(t);
+  if (!n)
+    return { start: t, end: t };
+  const e = v(n.y, n.m), r = N(n.y, n.m);
+  return {
+    start: `${e.y}-${s(e.m)}-${s(e.d)}`,
+    end: `${r.y}-${s(r.m)}-${s(r.d)}`
+  };
+}
+function G(t, n) {
+  const e = p(n, 1, 366);
+  return {
+    start: F(t, -(e - 1)),
+    end: t
+  };
+}
+function K(t, n, e = 8, r = 8) {
+  const o = typeof window < "u" ? window.innerWidth : 1200, i = typeof window < "u" ? window.innerHeight : 800, u = typeof window < "u" && window.scrollY || 0, a = typeof window < "u" && window.scrollX || 0, c = t.bottom + r + n.height <= i - e ? "bottom" : "top", h = c === "bottom" ? t.bottom + r + u : t.top - n.height - r + u, m = t.left + a, d = a + o - n.width - e, y = p(m, a + e, Math.max(a + e, d));
+  return { top: h, left: y, placement: c };
+}
+function Q(t) {
+  let n = 0;
+  return { run: () => {
+    n || (n = requestAnimationFrame(() => {
+      n = 0, t();
+    }));
+  }, cancel: () => {
+    n && (cancelAnimationFrame(n), n = 0);
+  } };
+}
+function V(t) {
+  return (t || "popover") === "inline" || typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(max-width: 639px)").matches;
+}
+function _() {
+  return L();
+}
+export {
+  j as a,
+  k as b,
+  K as c,
+  Z as d,
+  G as e,
+  W as f,
+  E as g,
+  q as h,
+  B as i,
+  g as j,
+  J as k,
+  _ as l,
+  H as m,
+  l as n,
+  f as o,
+  A as p,
+  S as q,
+  Q as r,
+  V as s,
+  P as t,
+  X as u,
+  M as v
+};

package/dist/description.cjs.js

@@ -0,0 +1,85 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./ElementBase-1b301e7f.js"),u=`
+  :host {
+    --ui-description-color: var(--ui-color-muted, var(--ui-muted, #64748b));
+    --ui-description-size: 12px;
+    --ui-description-weight: 500;
+    --ui-description-line-height: 1.45;
+    --ui-description-bg: transparent;
+    --ui-description-border: 0;
+    --ui-description-radius: 0;
+    --ui-description-padding: 0;
+    color-scheme: light dark;
+    display: block;
+    min-width: 0;
+    color: var(--ui-description-color);
+    font-family: "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  }
+
+  .root {
+    min-width: 0;
+    margin: 0;
+    display: block;
+    box-sizing: border-box;
+    padding: var(--ui-description-padding);
+    border: var(--ui-description-border);
+    border-radius: var(--ui-description-radius);
+    background: var(--ui-description-bg);
+    color: inherit;
+    font-size: var(--ui-description-size);
+    font-weight: var(--ui-description-weight);
+    line-height: var(--ui-description-line-height);
+    letter-spacing: 0.01em;
+  }
+
+  :host([tone="brand"]) { --ui-description-color: var(--ui-color-primary, #2563eb); }
+  :host([tone="success"]) { --ui-description-color: var(--ui-color-success, #16a34a); }
+  :host([tone="warning"]) { --ui-description-color: var(--ui-color-warning, #d97706); }
+  :host([tone="danger"]) { --ui-description-color: var(--ui-color-danger, #dc2626); }
+
+  :host([size="sm"]),
+  :host([size="1"]) {
+    --ui-description-size: 11px;
+  }
+
+  :host([size="lg"]),
+  :host([size="3"]) {
+    --ui-description-size: 13px;
+  }
+
+  :host([variant="soft"]) {
+    --ui-description-bg: color-mix(in srgb, var(--ui-description-color) 8%, transparent);
+    --ui-description-border: 1px solid color-mix(in srgb, var(--ui-description-color) 16%, transparent);
+    --ui-description-radius: 10px;
+    --ui-description-padding: 8px 10px;
+  }
+
+  :host([variant="surface"]) {
+    --ui-description-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
+    --ui-description-border: 1px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 58%, transparent);
+    --ui-description-radius: 10px;
+    --ui-description-padding: 8px 10px;
+  }
+
+  :host([hidden]),
+  .root[hidden] {
+    display: none !important;
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --ui-description-color: CanvasText;
+      --ui-description-bg: Canvas;
+      --ui-description-border: 1px solid CanvasText;
+    }
+
+    .root {
+      forced-color-adjust: none;
+      background: var(--ui-description-bg);
+      color: var(--ui-description-color);
+      border-color: CanvasText;
+    }
+  }
+`;function l(t,i){return t.id||(t.id=`ui-description-${i}-${Math.random().toString(36).slice(2,9)}`),t.id}function p(t){return Array.from(new Set(t.filter(Boolean)))}function n(t,i,e,r){const o=(t.getAttribute(i)||"").split(/\s+/).filter(Boolean),s=r?p([...o,e]):o.filter(d=>d!==e);s.length?t.setAttribute(i,s.join(" ")):t.removeAttribute(i)}class c extends a.ElementBase{constructor(){super(...arguments),this._target=null,this._descriptionId=""}static get observedAttributes(){return["for","hidden"]}connectedCallback(){super.connectedCallback(),this._syncAssociation()}disconnectedCallback(){this._clearAssociation(),super.disconnectedCallback()}attributeChangedCallback(i,e,r){e!==r&&(i==="for"||i==="hidden")&&this._syncAssociation()}render(){this.setContent(`
+      <style>${u}</style>
+      <p class="root" part="root"><slot></slot></p>
+    `)}_resolveTarget(){const i=this.getAttribute("for");if(!i)return null;const e=this.getRootNode();return e instanceof Document||e instanceof ShadowRoot?e.getElementById(i):document.getElementById(i)}_clearAssociation(){this._target&&this._descriptionId&&n(this._target,"aria-describedby",this._descriptionId,!1),this._target=null}_syncAssociation(){if(this._clearAssociation(),this.hasAttribute("hidden"))return;const i=this._resolveTarget();i&&(this._descriptionId=l(this,"desc"),this._target=i,n(i,"aria-describedby",this._descriptionId,!0))}}typeof customElements<"u"&&!customElements.get("ui-description")&&customElements.define("ui-description",c);exports.UIDescription=c;

package/dist/description.esm.js

@@ -0,0 +1,136 @@
+import { E as d } from "./ElementBase-909688f3.mjs";
+const a = `
+  :host {
+    --ui-description-color: var(--ui-color-muted, var(--ui-muted, #64748b));
+    --ui-description-size: 12px;
+    --ui-description-weight: 500;
+    --ui-description-line-height: 1.45;
+    --ui-description-bg: transparent;
+    --ui-description-border: 0;
+    --ui-description-radius: 0;
+    --ui-description-padding: 0;
+    color-scheme: light dark;
+    display: block;
+    min-width: 0;
+    color: var(--ui-description-color);
+    font-family: "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  }
+
+  .root {
+    min-width: 0;
+    margin: 0;
+    display: block;
+    box-sizing: border-box;
+    padding: var(--ui-description-padding);
+    border: var(--ui-description-border);
+    border-radius: var(--ui-description-radius);
+    background: var(--ui-description-bg);
+    color: inherit;
+    font-size: var(--ui-description-size);
+    font-weight: var(--ui-description-weight);
+    line-height: var(--ui-description-line-height);
+    letter-spacing: 0.01em;
+  }
+
+  :host([tone="brand"]) { --ui-description-color: var(--ui-color-primary, #2563eb); }
+  :host([tone="success"]) { --ui-description-color: var(--ui-color-success, #16a34a); }
+  :host([tone="warning"]) { --ui-description-color: var(--ui-color-warning, #d97706); }
+  :host([tone="danger"]) { --ui-description-color: var(--ui-color-danger, #dc2626); }
+
+  :host([size="sm"]),
+  :host([size="1"]) {
+    --ui-description-size: 11px;
+  }
+
+  :host([size="lg"]),
+  :host([size="3"]) {
+    --ui-description-size: 13px;
+  }
+
+  :host([variant="soft"]) {
+    --ui-description-bg: color-mix(in srgb, var(--ui-description-color) 8%, transparent);
+    --ui-description-border: 1px solid color-mix(in srgb, var(--ui-description-color) 16%, transparent);
+    --ui-description-radius: 10px;
+    --ui-description-padding: 8px 10px;
+  }
+
+  :host([variant="surface"]) {
+    --ui-description-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
+    --ui-description-border: 1px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 58%, transparent);
+    --ui-description-radius: 10px;
+    --ui-description-padding: 8px 10px;
+  }
+
+  :host([hidden]),
+  .root[hidden] {
+    display: none !important;
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --ui-description-color: CanvasText;
+      --ui-description-bg: Canvas;
+      --ui-description-border: 1px solid CanvasText;
+    }
+
+    .root {
+      forced-color-adjust: none;
+      background: var(--ui-description-bg);
+      color: var(--ui-description-color);
+      border-color: CanvasText;
+    }
+  }
+`;
+function u(t, i) {
+  return t.id || (t.id = `ui-description-${i}-${Math.random().toString(36).slice(2, 9)}`), t.id;
+}
+function l(t) {
+  return Array.from(new Set(t.filter(Boolean)));
+}
+function n(t, i, r, e) {
+  const o = (t.getAttribute(i) || "").split(/\s+/).filter(Boolean), s = e ? l([...o, r]) : o.filter((c) => c !== r);
+  s.length ? t.setAttribute(i, s.join(" ")) : t.removeAttribute(i);
+}
+class p extends d {
+  constructor() {
+    super(...arguments), this._target = null, this._descriptionId = "";
+  }
+  static get observedAttributes() {
+    return ["for", "hidden"];
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._syncAssociation();
+  }
+  disconnectedCallback() {
+    this._clearAssociation(), super.disconnectedCallback();
+  }
+  attributeChangedCallback(i, r, e) {
+    r !== e && (i === "for" || i === "hidden") && this._syncAssociation();
+  }
+  render() {
+    this.setContent(`
+      <style>${a}</style>
+      <p class="root" part="root"><slot></slot></p>
+    `);
+  }
+  _resolveTarget() {
+    const i = this.getAttribute("for");
+    if (!i)
+      return null;
+    const r = this.getRootNode();
+    return r instanceof Document || r instanceof ShadowRoot ? r.getElementById(i) : document.getElementById(i);
+  }
+  _clearAssociation() {
+    this._target && this._descriptionId && n(this._target, "aria-describedby", this._descriptionId, !1), this._target = null;
+  }
+  _syncAssociation() {
+    if (this._clearAssociation(), this.hasAttribute("hidden"))
+      return;
+    const i = this._resolveTarget();
+    i && (this._descriptionId = u(this, "desc"), this._target = i, n(i, "aria-describedby", this._descriptionId, !0));
+  }
+}
+typeof customElements < "u" && !customElements.get("ui-description") && customElements.define("ui-description", p);
+export {
+  p as UIDescription
+};