@iyulab/u-widgets 0.7.0 → 0.7.1

package/dist/u-widgets.js

@@ -410,7 +410,7 @@ I.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
-      container: u-metric / inline-size;
+      container: uw-metric / inline-size;
     }
 
     /* ── metric (single) ── */
@@ -427,7 +427,7 @@ I.styles = [b, w`
       color: var(--u-widget-text, #1a1a2e);
     }
 
-    @container u-metric (max-width: 30rem) {
+    @container uw-metric (max-width: 30rem) {
       .metric-value {
         font-size: 1.5rem;
       }
@@ -494,7 +494,7 @@ I.styles = [b, w`
       padding-left: 1.5rem;
     }
 
-    @container u-metric (max-width: 30rem) {
+    @container uw-metric (max-width: 30rem) {
       .stat-group {
         flex-direction: column;
         gap: 1rem;
@@ -520,7 +520,7 @@ Z([
   f({ type: String, reflect: !0 })
 ], I.prototype, "theme", 2);
 I = Z([
-  x("u-metric")
+  x("uw-metric")
 ], I);
 var Me = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, Q = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? Te(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -626,7 +626,7 @@ N.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
-      container: u-gauge / inline-size;
+      container: uw-gauge / inline-size;
     }
 
     .gauge-container {
@@ -701,7 +701,7 @@ N.styles = [b, w`
       color: var(--u-widget-text-secondary, #64748b);
     }
 
-    @container u-gauge (max-width: 10rem) {
+    @container uw-gauge (max-width: 10rem) {
       .gauge-value {
         font-size: 1.25rem;
       }
@@ -726,7 +726,7 @@ Q([
   f({ type: String, reflect: !0 })
 ], N.prototype, "theme", 2);
 N = Q([
-  x("u-gauge")
+  x("uw-gauge")
 ], N);
 var qe = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, C = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? Be(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -958,7 +958,7 @@ _.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
-      container: u-table / inline-size;
+      container: uw-table / inline-size;
     }
 
     /* ── table ── */
@@ -1228,7 +1228,7 @@ _.styles = [b, w`
     }
 
     /* ── container-query responsive ── */
-    @container u-table (max-width: 30rem) {
+    @container uw-table (max-width: 30rem) {
       table {
         font-size: 0.75rem;
       }
@@ -1285,7 +1285,7 @@ C([
   S()
 ], _.prototype, "_focusedIdx", 2);
 _ = C([
-  x("u-table")
+  x("uw-table")
 ], _);
 var We = Object.defineProperty, He = Object.getOwnPropertyDescriptor, H = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? He(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -1588,7 +1588,7 @@ D.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
-      container: u-form / inline-size;
+      container: uw-form / inline-size;
     }
 
     .form-container {
@@ -1773,7 +1773,7 @@ D.styles = [b, w`
       line-height: 1.5;
     }
 
-    @container u-form (max-width: 20rem) {
+    @container uw-form (max-width: 20rem) {
       .form-container {
         gap: 12px;
       }
@@ -1815,7 +1815,7 @@ H([
   S()
 ], D.prototype, "_errors", 2);
 D = H([
-  x("u-form")
+  x("uw-form")
 ], D);
 var Ke = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, ee = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? Ve(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -1865,7 +1865,7 @@ let F = class extends y {
 F.styles = [b, w`
     :host {
       display: block;
-      container: u-compose / inline-size;
+      container: uw-compose / inline-size;
     }
 
     .compose-container {
@@ -1953,7 +1953,7 @@ F.styles = [b, w`
     }
 
     /* ── container-query responsive ── */
-    @container u-compose (max-width: 30rem) {
+    @container uw-compose (max-width: 30rem) {
       .layout-row {
         flex-direction: column;
       }
@@ -1970,7 +1970,7 @@ ee([
   f({ type: String, reflect: !0 })
 ], F.prototype, "theme", 2);
 F = ee([
-  x("u-compose")
+  x("uw-compose")
 ], F);
 var Ge = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, te = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? Xe(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -2049,7 +2049,7 @@ M.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
-      container: u-content / inline-size;
+      container: uw-content / inline-size;
     }
 
     /* ── markdown ── */
@@ -2203,7 +2203,7 @@ M.styles = [b, w`
       margin-bottom: 4px;
     }
 
-    @container u-content (max-width: 20rem) {
+    @container uw-content (max-width: 20rem) {
       .markdown {
         font-size: 0.8125rem;
       }
@@ -2229,7 +2229,7 @@ te([
   f({ type: String, reflect: !0 })
 ], M.prototype, "theme", 2);
 M = te([
-  x("u-content")
+  x("uw-content")
 ], M);
 var Je = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, re = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? Ye(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -2271,7 +2271,7 @@ T.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
-      container: u-kv / inline-size;
+      container: uw-kv / inline-size;
     }
 
     .kv-vertical {
@@ -2346,7 +2346,7 @@ T.styles = [b, w`
       text-align: left;
     }
 
-    @container u-kv (max-width: 20rem) {
+    @container uw-kv (max-width: 20rem) {
       .kv-horizontal {
         flex-direction: column;
         gap: 8px;
@@ -2368,7 +2368,7 @@ re([
   f({ type: String, reflect: !0 })
 ], T.prototype, "theme", 2);
 T = re([
-  x("u-kv")
+  x("uw-kv")
 ], T);
 var Ze = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, G = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? Qe(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -2582,7 +2582,7 @@ O.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
-      container: u-code / inline-size;
+      container: uw-code / inline-size;
     }
 
     .code-block {
@@ -2675,7 +2675,7 @@ O.styles = [b, w`
     :host([theme="dark"]) .hl-c { color: #64748b; }
     :host([theme="dark"]) .hl-n { color: #fbbf24; }
 
-    @container u-code (max-width: 20rem) {
+    @container uw-code (max-width: 20rem) {
       pre { font-size: 0.75rem; padding: 8px; }
       .code-header { padding: 4px 8px; }
       .line-no { width: 2.5ch; margin-right: 1ch; }
@@ -2691,7 +2691,7 @@ G([
   S()
 ], O.prototype, "_copied", 2);
 O = G([
-  x("u-code")
+  x("uw-code")
 ], O);
 var nt = Object.defineProperty, ot = Object.getOwnPropertyDescriptor, ae = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? ot(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -2789,7 +2789,7 @@ U.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
-      container: u-citation / inline-size;
+      container: uw-citation / inline-size;
     }
 
     .citations {
@@ -2877,7 +2877,7 @@ U.styles = [b, w`
     .citations[data-compact] .cite-snippet,
     .citations[data-compact] .cite-source { display: none; }
 
-    @container u-citation (max-width: 20rem) {
+    @container uw-citation (max-width: 20rem) {
       .cite-title { font-size: 0.8125rem; }
       .cite-snippet { font-size: 0.75rem; }
     }
@@ -2889,7 +2889,7 @@ ae([
   f({ type: String, reflect: !0 })
 ], U.prototype, "theme", 2);
 U = ae([
-  x("u-citation")
+  x("uw-citation")
 ], U);
 var lt = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, ie = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? ct(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -2957,7 +2957,7 @@ R.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
-      container: u-status / inline-size;
+      container: uw-status / inline-size;
     }
 
     .status-list {
@@ -3013,7 +3013,7 @@ R.styles = [b, w`
       color: var(--u-widget-text-secondary, #64748b);
     }
 
-    @container u-status (max-width: 20rem) {
+    @container uw-status (max-width: 20rem) {
       .status-list { gap: 8px 16px; }
       .status-item { font-size: 0.8125rem; }
     }
@@ -3025,7 +3025,7 @@ ie([
   f({ type: String, reflect: !0 })
 ], R.prototype, "theme", 2);
 R = ie([
-  x("u-status")
+  x("uw-status")
 ], R);
 var ut = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, se = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? gt(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -3116,7 +3116,7 @@ q.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
-      container: u-steps / inline-size;
+      container: uw-steps / inline-size;
     }
 
     /* ── Vertical Layout ── */
@@ -3300,7 +3300,7 @@ q.styles = [b, w`
     .steps-horizontal[data-compact] .step-icon { width: 20px; height: 20px; font-size: 0.625rem; }
     .steps-horizontal[data-compact] .step-label { font-size: 0.6875rem; margin-top: 4px; }
 
-    @container u-steps (max-width: 20rem) {
+    @container uw-steps (max-width: 20rem) {
       .step-label { font-size: 0.8125rem; }
       .step-desc { font-size: 0.75rem; }
 
@@ -3351,7 +3351,7 @@ se([
   f({ type: String, reflect: !0 })
 ], q.prototype, "theme", 2);
 q = se([
-  x("u-steps")
+  x("uw-steps")
 ], q);
 var ht = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, X = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? mt(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -3448,7 +3448,7 @@ E.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
-      container: u-rating / inline-size;
+      container: uw-rating / inline-size;
     }
 
     .rating {
@@ -3545,7 +3545,7 @@ E.styles = [b, w`
       color: var(--u-widget-primary, #4f46e5);
     }
 
-    @container u-rating (max-width: 20rem) {
+    @container uw-rating (max-width: 20rem) {
       .rating-icon { font-size: 1rem; }
       .rating-value { font-size: 0.8125rem; }
     }
@@ -3560,7 +3560,7 @@ X([
   S()
 ], E.prototype, "_hoverIdx", 2);
 E = X([
-  x("u-rating")
+  x("uw-rating")
 ], E);
 var bt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, ne = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? wt(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -3605,7 +3605,7 @@ B.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
-      container: u-video / inline-size;
+      container: uw-video / inline-size;
     }
 
     .video-container {
@@ -3624,7 +3624,7 @@ B.styles = [b, w`
       color: var(--u-widget-text-secondary, #64748b);
     }
 
-    @container u-video (max-width: 20rem) {
+    @container uw-video (max-width: 20rem) {
       video {
         border-radius: 4px;
       }
@@ -3642,7 +3642,7 @@ ne([
   f({ type: String, reflect: !0 })
 ], B.prototype, "theme", 2);
 B = ne([
-  x("u-video")
+  x("uw-video")
 ], B);
 var yt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, oe = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? xt(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -3694,7 +3694,7 @@ W.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
-      container: u-gallery / inline-size;
+      container: uw-gallery / inline-size;
     }
 
     .gallery-grid {
@@ -3722,7 +3722,7 @@ W.styles = [b, w`
       background: var(--u-widget-surface, #f1f5f9);
     }
 
-    @container u-gallery (max-width: 20rem) {
+    @container uw-gallery (max-width: 20rem) {
       .gallery-grid {
         grid-template-columns: 1fr !important;
       }
@@ -3735,7 +3735,7 @@ oe([
   f({ type: String, reflect: !0 })
 ], W.prototype, "theme", 2);
 W = oe([
-  x("u-gallery")
+  x("uw-gallery")
 ], W);
 var $t = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, J = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? _t(t, a) : t, s = e.length - 1, n; s >= 0; s--)
@@ -3782,51 +3782,51 @@ let P = class extends y {
     switch (t) {
       case "metric":
       case "stat-group":
-        c = o`<u-metric .spec=${r} theme=${s ?? l}></u-metric>`;
+        c = o`<uw-metric .spec=${r} theme=${s ?? l}></uw-metric>`;
         break;
       case "gauge":
       case "progress":
-        c = o`<u-gauge .spec=${r} theme=${s ?? l}></u-gauge>`;
+        c = o`<uw-gauge .spec=${r} theme=${s ?? l}></uw-gauge>`;
         break;
       case "table":
       case "list":
-        c = o`<u-table .spec=${r} theme=${s ?? l}></u-table>`;
+        c = o`<uw-table .spec=${r} theme=${s ?? l}></uw-table>`;
         break;
       case "form":
       case "confirm":
-        c = o`<u-form .spec=${r} theme=${s ?? l}></u-form>`;
+        c = o`<uw-form .spec=${r} theme=${s ?? l}></uw-form>`;
         break;
       case "compose":
-        c = o`<u-compose .spec=${r} theme=${s ?? l}></u-compose>`;
+        c = o`<uw-compose .spec=${r} theme=${s ?? l}></uw-compose>`;
         break;
       case "markdown":
       case "image":
       case "callout":
-        c = o`<u-content .spec=${r} theme=${s ?? l}></u-content>`;
+        c = o`<uw-content .spec=${r} theme=${s ?? l}></uw-content>`;
         break;
       case "kv":
-        c = o`<u-kv .spec=${r} theme=${s ?? l}></u-kv>`;
+        c = o`<uw-kv .spec=${r} theme=${s ?? l}></uw-kv>`;
         break;
       case "code":
-        c = o`<u-code .spec=${r} theme=${s ?? l}></u-code>`;
+        c = o`<uw-code .spec=${r} theme=${s ?? l}></uw-code>`;
         break;
       case "citation":
-        c = o`<u-citation .spec=${r} theme=${s ?? l}></u-citation>`;
+        c = o`<uw-citation .spec=${r} theme=${s ?? l}></uw-citation>`;
         break;
       case "status":
-        c = o`<u-status .spec=${r} theme=${s ?? l}></u-status>`;
+        c = o`<uw-status .spec=${r} theme=${s ?? l}></uw-status>`;
         break;
       case "steps":
-        c = o`<u-steps .spec=${r} theme=${s ?? l}></u-steps>`;
+        c = o`<uw-steps .spec=${r} theme=${s ?? l}></uw-steps>`;
         break;
       case "rating":
-        c = o`<u-rating .spec=${r} theme=${s ?? l}></u-rating>`;
+        c = o`<uw-rating .spec=${r} theme=${s ?? l}></uw-rating>`;
         break;
       case "video":
-        c = o`<u-video .spec=${r} theme=${s ?? l}></u-video>`;
+        c = o`<uw-video .spec=${r} theme=${s ?? l}></uw-video>`;
         break;
       case "gallery":
-        c = o`<u-gallery .spec=${r} theme=${s ?? l}></u-gallery>`;
+        c = o`<uw-gallery .spec=${r} theme=${s ?? l}></uw-gallery>`;
         break;
       case "actions":
         c = this.renderActionsWidget(r);
@@ -3838,8 +3838,8 @@ let P = class extends y {
         c = this.renderHeader(r);
         break;
       default:
-        if (t.startsWith("chart.") && customElements.get("u-chart")) {
-          c = o`<u-chart .spec=${r} theme=${s ?? l}></u-chart>`;
+        if (t.startsWith("chart.") && customElements.get("uw-chart")) {
+          c = o`<uw-chart .spec=${r} theme=${s ?? l}></uw-chart>`;
           break;
         }
         return this.renderFallback(r);