@mt-gloss/ui 0.1.140 → 0.1.141

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
- import { jsx as i, jsxs as N } from "react/jsx-runtime";
2
- import { motion as ie } from "framer-motion";
1
+ import { jsx as s, jsxs as N } from "react/jsx-runtime";
2
+ import { motion as se } from "framer-motion";
3
3
  import B, { useSyncExternalStore as le, useState as F, useRef as O, useMemo as z, useEffect as w, useCallback as T, createContext as ae, useContext as W, useReducer as ce, useId as X, useLayoutEffect as G } from "react";
4
4
  import { z as K } from "zod";
5
5
  const We = {
@@ -82,15 +82,15 @@ function ge({
82
82
  activeTab: n,
83
83
  onSelect: t,
84
84
  reduced: r,
85
- labels: s,
85
+ labels: i,
86
86
  ariaLabel: a = "Settings dimensions"
87
87
  }) {
88
88
  const c = ee(), o = r ?? c;
89
89
  if (e.length < 2) return null;
90
- const p = (d) => s?.[d] ?? me[d], u = (d, m) => {
90
+ const p = (d) => i?.[d] ?? me[d], u = (d, m) => {
91
91
  d.key === "ArrowRight" ? (d.preventDefault(), t(e[(m + 1) % e.length])) : d.key === "ArrowLeft" ? (d.preventDefault(), t(e[(m - 1 + e.length) % e.length])) : d.key === "Home" ? (d.preventDefault(), t(e[0])) : d.key === "End" && (d.preventDefault(), t(e[e.length - 1]));
92
92
  };
93
- return /* @__PURE__ */ i(
93
+ return /* @__PURE__ */ s(
94
94
  "div",
95
95
  {
96
96
  role: "tablist",
@@ -111,9 +111,9 @@ function ge({
111
111
  onClick: () => t(d),
112
112
  onKeyDown: (k) => u(k, m),
113
113
  children: [
114
- /* @__PURE__ */ i("span", { className: "settings-tab-strip__label", children: p(d) }),
115
- _ && !o && /* @__PURE__ */ i(
116
- ie.span,
114
+ /* @__PURE__ */ s("span", { className: "settings-tab-strip__label", children: p(d) }),
115
+ _ && !o && /* @__PURE__ */ s(
116
+ se.span,
117
117
  {
118
118
  layoutId: "settings-active-tab-indicator",
119
119
  "data-layout-id": "settings-active-tab-indicator",
@@ -142,8 +142,8 @@ function Q(e, n) {
142
142
  return t ? t.zoneKey : U(e, n);
143
143
  }
144
144
  function ve(e, n, t) {
145
- const r = [...e], [s] = r.splice(n, 1);
146
- return r.splice(t, 0, s), r;
145
+ const r = [...e], [i] = r.splice(n, 1);
146
+ return r.splice(t, 0, i), r;
147
147
  }
148
148
  function he(e) {
149
149
  return e.map((n) => `${n.zoneKey}:${n.items.map((t) => t.id).join(",")}`).join("|");
@@ -153,7 +153,7 @@ function ye(e) {
153
153
  () => e.zones.map((l) => l.maxItems !== void 0 && l.items.length > l.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
154
154
  `useSortableZones: zone "${l.zoneKey}" exceeds maxItems (${l.items.length} > ${l.maxItems}); trimming to cap.`
155
155
  ), { ...l, items: l.items.slice(0, l.maxItems) }) : l)
156
- ), [r, s] = F(null), [a, c] = F(null), o = O(null), p = O(e.onZoneChange);
156
+ ), [r, i] = F(null), [a, c] = F(null), o = O(null), p = O(e.onZoneChange);
157
157
  p.current = e.onZoneChange;
158
158
  const u = z(
159
159
  () => he(e.zones),
@@ -177,7 +177,7 @@ function ye(e) {
177
177
  break;
178
178
  }
179
179
  }
180
- o.current = y, s(C), c(y);
180
+ o.current = y, i(C), c(y);
181
181
  },
182
182
  [n]
183
183
  ), _ = T(
@@ -193,7 +193,7 @@ function ye(e) {
193
193
  ), k = T(
194
194
  (l) => {
195
195
  const { active: g, over: C } = l, y = () => {
196
- o.current = null, s(null), c(null);
196
+ o.current = null, i(null), c(null);
197
197
  };
198
198
  if (!C) {
199
199
  y();
@@ -223,12 +223,12 @@ function ye(e) {
223
223
  const h = x[x.length - 1];
224
224
  x = x.slice(0, S.maxItems - 1), j = [...D, h];
225
225
  }
226
- const q = Math.min(oe, x.length), se = [
226
+ const q = Math.min(oe, x.length), ie = [
227
227
  ...x.slice(0, q),
228
228
  M,
229
229
  ...x.slice(q)
230
230
  ];
231
- f[I] = { ...v, items: j }, f[E] = { ...S, items: se };
231
+ f[I] = { ...v, items: j }, f[E] = { ...S, items: ie };
232
232
  }
233
233
  t(f), p.current?.(f), y();
234
234
  },
@@ -280,9 +280,9 @@ function Se(e, n) {
280
280
  const t = [], r = e ?? {};
281
281
  for (const a of Ie)
282
282
  r[a] === void 0 && t.push(`@dnd-kit/core:${a}`);
283
- const s = n ?? {};
283
+ const i = n ?? {};
284
284
  for (const a of Ee)
285
- s[a] === void 0 && t.push(`@dnd-kit/sortable:${a}`);
285
+ i[a] === void 0 && t.push(`@dnd-kit/sortable:${a}`);
286
286
  return t.length === 0 ? { ok: !0 } : { ok: !1, missing: t };
287
287
  }
288
288
  function Ce() {
@@ -308,7 +308,7 @@ function Ce() {
308
308
  })(), R);
309
309
  }
310
310
  function be(e) {
311
- const { zones: n, onZoneChange: t, renderZone: r, renderItem: s, renderDragOverlay: a } = e, c = ye({ zones: n, onZoneChange: t }), [o, p] = B.useState(L);
311
+ const { zones: n, onZoneChange: t, renderZone: r, renderItem: i, renderDragOverlay: a } = e, c = ye({ zones: n, onZoneChange: t }), [o, p] = B.useState(L);
312
312
  return B.useEffect(() => {
313
313
  if (o) return;
314
314
  let u = !0;
@@ -317,18 +317,18 @@ function be(e) {
317
317
  }), () => {
318
318
  u = !1;
319
319
  };
320
- }, [o]), o ? /* @__PURE__ */ i(
320
+ }, [o]), o ? /* @__PURE__ */ s(
321
321
  ne,
322
322
  {
323
323
  state: c,
324
324
  modules: o,
325
325
  renderZone: r,
326
- renderItem: s,
326
+ renderItem: i,
327
327
  renderDragOverlay: a
328
328
  }
329
- ) : /* @__PURE__ */ i("div", { "data-sortable-zones-passive": "true", children: c.zones.map((u) => {
330
- const d = u.items.map((m) => /* @__PURE__ */ i(B.Fragment, { children: s(m) }, m.id));
331
- return /* @__PURE__ */ i("div", { ...c.getZoneProps(u.zoneKey), children: r(u.zoneKey, u.items, d) }, u.zoneKey);
329
+ ) : /* @__PURE__ */ s("div", { "data-sortable-zones-passive": "true", children: c.zones.map((u) => {
330
+ const d = u.items.map((m) => /* @__PURE__ */ s(B.Fragment, { children: i(m) }, m.id));
331
+ return /* @__PURE__ */ s("div", { ...c.getZoneProps(u.zoneKey), children: r(u.zoneKey, u.items, d) }, u.zoneKey);
332
332
  }) });
333
333
  }
334
334
  be.displayName = "SortableZones";
@@ -337,7 +337,7 @@ function ne({
337
337
  modules: n,
338
338
  renderZone: t,
339
339
  renderItem: r,
340
- renderDragOverlay: s
340
+ renderDragOverlay: i
341
341
  }) {
342
342
  const { core: a, sortable: c, utilities: o } = n, { DndContext: p, DragOverlay: u, useSensors: d, useSensor: m, useDroppable: _, PointerSensor: k, KeyboardSensor: A, closestCenter: H } = a, { SortableContext: l, verticalListSortingStrategy: g } = c, C = d(
343
343
  m(k, { activationConstraint: { distance: 5 } }),
@@ -353,7 +353,7 @@ function ne({
353
353
  onDragEnd: e.handleDragEnd,
354
354
  children: [
355
355
  e.zones.map((f) => {
356
- const I = f.items.map((v) => v.id), E = f.items.map((v) => /* @__PURE__ */ i(
356
+ const I = f.items.map((v) => v.id), E = f.items.map((v) => /* @__PURE__ */ s(
357
357
  te,
358
358
  {
359
359
  id: v.id,
@@ -363,30 +363,30 @@ function ne({
363
363
  },
364
364
  v.id
365
365
  ));
366
- return /* @__PURE__ */ i(
366
+ return /* @__PURE__ */ s(
367
367
  re,
368
368
  {
369
369
  zoneKey: f.zoneKey,
370
370
  zoneProps: e.getZoneProps(f.zoneKey),
371
371
  useDroppable: _,
372
- children: /* @__PURE__ */ i(P, { items: I, strategy: g, children: t(f.zoneKey, f.items, E) })
372
+ children: /* @__PURE__ */ s(P, { items: I, strategy: g, children: t(f.zoneKey, f.items, E) })
373
373
  },
374
374
  f.zoneKey
375
375
  );
376
376
  }),
377
- /* @__PURE__ */ i(b, { children: e.activeItem ? s?.(e.activeItem) ?? r(e.activeItem) : null })
377
+ /* @__PURE__ */ s(b, { children: e.activeItem ? i?.(e.activeItem) ?? r(e.activeItem) : null })
378
378
  ]
379
379
  }
380
380
  );
381
381
  }
382
382
  ne.displayName = "SortableZonesInner";
383
383
  function te({ id: e, useSortable: n, cssHelper: t, children: r }) {
384
- const { attributes: s, listeners: a, setNodeRef: c, transform: o, transition: p, isDragging: u } = n({ id: e }), d = {
384
+ const { attributes: i, listeners: a, setNodeRef: c, transform: o, transition: p, isDragging: u } = n({ id: e }), d = {
385
385
  transform: t?.Transform?.toString(o) ?? void 0,
386
386
  transition: p,
387
387
  opacity: u ? 0.5 : 1
388
388
  };
389
- return /* @__PURE__ */ i("div", { ref: c, style: d, "data-sortable-item-id": e, ...s, ...a, children: r });
389
+ return /* @__PURE__ */ s("div", { ref: c, style: d, "data-sortable-item-id": e, ...i, ...a, children: r });
390
390
  }
391
391
  te.displayName = "SortableItem";
392
392
  function re({
@@ -395,8 +395,8 @@ function re({
395
395
  useDroppable: t,
396
396
  children: r
397
397
  }) {
398
- const { setNodeRef: s, isOver: a } = t({ id: e });
399
- return /* @__PURE__ */ i("div", { ref: s, "data-zone-is-over": a || void 0, ...n, children: r });
398
+ const { setNodeRef: i, isOver: a } = t({ id: e });
399
+ return /* @__PURE__ */ s("div", { ref: i, "data-zone-is-over": a || void 0, ...n, children: r });
400
400
  }
401
401
  re.displayName = "ZoneDroppable";
402
402
  const V = ae(null);
@@ -492,12 +492,12 @@ function Te(e, n) {
492
492
  case "CLOSE_PANEL": {
493
493
  if (e.activePanelId == null)
494
494
  return e;
495
- const t = e.activePanelId, r = e.activeTrigger?.cardId ?? null, s = r != null ? e.bufferByCard[r] : void 0, a = e.isDirty ? n.reason === "apply-button" ? r != null && s != null ? [
495
+ const t = e.activePanelId, r = e.activeTrigger?.cardId ?? null, i = r != null ? e.bufferByCard[r] : void 0, a = e.isDirty ? n.reason === "apply-button" ? r != null && i != null ? [
496
496
  {
497
497
  type: "COMMIT_BUFFER",
498
- payload: { cardId: r, delta: s }
498
+ payload: { cardId: r, delta: i }
499
499
  }
500
- ] : [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [], c = r != null && s != null ? (() => {
500
+ ] : [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [], c = r != null && i != null ? (() => {
501
501
  const o = { ...e.bufferByCard };
502
502
  return delete o[r], o;
503
503
  })() : e.bufferByCard;
@@ -537,12 +537,12 @@ function Te(e, n) {
537
537
  { type: "INVALID_DISPATCH", reason: "no-buffer-panel" }
538
538
  ]
539
539
  };
540
- const t = e.bufferByCard[n.cardId], r = t == null, s = Ne(n.key, n.value);
541
- if (!r && t.changes[n.key] === s)
540
+ const t = e.bufferByCard[n.cardId], r = t == null, i = Ne(n.key, n.value);
541
+ if (!r && t.changes[n.key] === i)
542
542
  return e;
543
543
  const c = { kind: "settings", changes: {
544
544
  ...t?.kind === "settings" ? t.changes : {},
545
- [n.key]: s
545
+ [n.key]: i
546
546
  } }, o = { ...e.bufferByCard, [n.cardId]: c }, p = r ? [
547
547
  {
548
548
  type: "SCHEDULE_TIMER",
@@ -559,8 +559,8 @@ function Te(e, n) {
559
559
  case "CLEAR_BUFFER": {
560
560
  if (e.bufferByCard[n.cardId] == null)
561
561
  return e;
562
- const r = Object.keys(e.bufferByCard).length === 1, s = { ...e.bufferByCard };
563
- delete s[n.cardId];
562
+ const r = Object.keys(e.bufferByCard).length === 1, i = { ...e.bufferByCard };
563
+ delete i[n.cardId];
564
564
  const a = r && e.isDirty ? [
565
565
  {
566
566
  type: "SCHEDULE_TIMER",
@@ -570,7 +570,7 @@ function Te(e, n) {
570
570
  ] : [];
571
571
  return {
572
572
  ...e,
573
- bufferByCard: s,
573
+ bufferByCard: i,
574
574
  pendingSideEffects: [...e.pendingSideEffects, ...a]
575
575
  };
576
576
  }
@@ -648,11 +648,11 @@ function Le() {
648
648
  c
649
649
  ];
650
650
  }, [e.lastClose]);
651
- const s = z(
651
+ const i = z(
652
652
  () => ke(e),
653
653
  [e.activePanelId, e.bellCutoutOpen, e.isDirty]
654
654
  ), a = T(() => t.current.slice(), []);
655
- return { state: e, surfaceState: s, dispatch: n, getCloseLog: a };
655
+ return { state: e, surfaceState: i, dispatch: n, getCloseLog: a };
656
656
  }
657
657
  function on({ children: e }) {
658
658
  const n = Le(), t = z(
@@ -661,12 +661,12 @@ function on({ children: e }) {
661
661
  // dispatch + getCloseLog are stable. state + surfaceState change on dispatch.
662
662
  [n.state, n.surfaceState, n.dispatch, n.getCloseLog]
663
663
  );
664
- return /* @__PURE__ */ i(V.Provider, { value: t, children: e });
664
+ return /* @__PURE__ */ s(V.Provider, { value: t, children: e });
665
665
  }
666
666
  function Me({ title: e, onClose: n, titleId: t }) {
667
667
  return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__header", children: [
668
- e != null && /* @__PURE__ */ i("span", { id: t, className: "gloss-panel-chrome-v2__title", children: e }),
669
- /* @__PURE__ */ i(
668
+ e != null && /* @__PURE__ */ s("span", { id: t, className: "gloss-panel-chrome-v2__title", children: e }),
669
+ /* @__PURE__ */ s(
670
670
  "button",
671
671
  {
672
672
  id: "panel-close",
@@ -680,7 +680,7 @@ function Me({ title: e, onClose: n, titleId: t }) {
680
680
  ] });
681
681
  }
682
682
  function Re({ children: e }) {
683
- return /* @__PURE__ */ i(
683
+ return /* @__PURE__ */ s(
684
684
  "div",
685
685
  {
686
686
  "data-panel-stage": !0,
@@ -691,15 +691,15 @@ function Re({ children: e }) {
691
691
  );
692
692
  }
693
693
  function Fe({ children: e }) {
694
- return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__navigation", children: e });
694
+ return /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__navigation", children: e });
695
695
  }
696
696
  function Ae({ children: e }) {
697
- return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__body", children: e });
697
+ return /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__body", children: e });
698
698
  }
699
699
  function He({ left: e, right: n }) {
700
700
  return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__footer", children: [
701
- /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__footer-left", children: e }),
702
- /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__footer-right", children: n })
701
+ /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__footer-left", children: e }),
702
+ /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__footer-right", children: n })
703
703
  ] });
704
704
  }
705
705
  function Be({
@@ -707,7 +707,7 @@ function Be({
707
707
  onClose: n,
708
708
  title: t,
709
709
  variant: r = "no-stage",
710
- stage: s,
710
+ stage: i,
711
711
  navigation: a,
712
712
  footer: c
713
713
  }) {
@@ -724,12 +724,12 @@ function Be({
724
724
  "aria-label": u ? void 0 : "Panel",
725
725
  className: `gloss-panel-chrome-v2 gloss-panel-chrome-v2--${r}${o ? " gloss-panel-chrome-v2--headerless" : ""}`,
726
726
  children: [
727
- !o && /* @__PURE__ */ i(Me, { title: t, onClose: n, titleId: p }),
728
- r === "with-stage" && /* @__PURE__ */ i(Re, { children: s }),
729
- a != null && /* @__PURE__ */ i(Fe, { children: a }),
730
- /* @__PURE__ */ i(Ae, { children: e }),
731
- c != null && /* @__PURE__ */ i(He, { left: c.left, right: c.right }),
732
- o && /* @__PURE__ */ i(
727
+ !o && /* @__PURE__ */ s(Me, { title: t, onClose: n, titleId: p }),
728
+ r === "with-stage" && /* @__PURE__ */ s(Re, { children: i }),
729
+ a != null && /* @__PURE__ */ s(Fe, { children: a }),
730
+ /* @__PURE__ */ s(Ae, { children: e }),
731
+ c != null && /* @__PURE__ */ s(He, { left: c.left, right: c.right }),
732
+ o && /* @__PURE__ */ s(
733
733
  "button",
734
734
  {
735
735
  id: "panel-close",
@@ -746,19 +746,19 @@ function Be({
746
746
  }
747
747
  function sn({ isOpen: e }) {
748
748
  const n = Pe();
749
- return /* @__PURE__ */ i(
749
+ return /* @__PURE__ */ s(
750
750
  Be,
751
751
  {
752
752
  variant: "no-stage",
753
753
  title: "Notifications",
754
754
  onClose: () => n?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }),
755
- children: /* @__PURE__ */ i(
755
+ children: /* @__PURE__ */ s(
756
756
  "div",
757
757
  {
758
758
  "data-shell": "notification-center",
759
759
  "data-panel": "notification-center",
760
760
  "aria-hidden": !e,
761
- children: /* @__PURE__ */ i("p", { children: "No notifications" })
761
+ children: /* @__PURE__ */ s("p", { children: "No notifications" })
762
762
  }
763
763
  )
764
764
  }
@@ -768,21 +768,21 @@ const Ze = {
768
768
  position: "relative",
769
769
  pointerEvents: "auto"
770
770
  };
771
- function Ke({ children: e, onClose: n, footer: t, title: r, variant: s = "default" }) {
771
+ function Ke({ children: e, onClose: n, footer: t, title: r, variant: i = "default" }) {
772
772
  const a = `panel-close-${X().replace(/:/g, "-")}`;
773
773
  return /* @__PURE__ */ N(
774
774
  "div",
775
775
  {
776
776
  "data-chrome": "panel",
777
- "data-chrome-variant": s,
777
+ "data-chrome-variant": i,
778
778
  role: "dialog",
779
779
  "aria-modal": "true",
780
- className: s === "merged-stage" ? "gloss-panel-chrome gloss-panel-chrome--merged-stage" : "gloss-panel-chrome",
780
+ className: i === "merged-stage" ? "gloss-panel-chrome gloss-panel-chrome--merged-stage" : "gloss-panel-chrome",
781
781
  style: Ze,
782
782
  children: [
783
783
  /* @__PURE__ */ N("div", { className: "gloss-panel-chrome__header", children: [
784
- r != null && /* @__PURE__ */ i("span", { className: "gloss-panel-chrome__title", children: r }),
785
- /* @__PURE__ */ i(
784
+ r != null && /* @__PURE__ */ s("span", { className: "gloss-panel-chrome__title", children: r }),
785
+ /* @__PURE__ */ s(
786
786
  "button",
787
787
  {
788
788
  id: a,
@@ -794,15 +794,19 @@ function Ke({ children: e, onClose: n, footer: t, title: r, variant: s = "defaul
794
794
  }
795
795
  )
796
796
  ] }),
797
- /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__body", children: e }),
798
- t != null && /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__footer", children: t })
797
+ /* @__PURE__ */ s("div", { className: "gloss-panel-chrome__body", children: e }),
798
+ t != null && /* @__PURE__ */ s("div", { className: "gloss-panel-chrome__footer", children: t })
799
799
  ]
800
800
  }
801
801
  );
802
802
  }
803
803
  function Ue(e) {
804
804
  if (process.env.NODE_ENV === "production" || !e || !e.parentElement) return;
805
- const n = e.parentElement, t = window.getComputedStyle(n);
805
+ let n = e.parentElement;
806
+ for (; n && window.getComputedStyle(n).display === "contents"; )
807
+ n = n.parentElement;
808
+ if (!n) return;
809
+ const t = window.getComputedStyle(n);
806
810
  t.perspective === "none" && console.warn(
807
811
  "[PanelMount] §2.7 violation: parent of .gloss-panel-mount has perspective:none. Rotated mount will render flat. Parent:",
808
812
  n
@@ -816,7 +820,7 @@ function ze({ isOpen: e, children: n }) {
816
820
  G(() => {
817
821
  Ue(r.current);
818
822
  }, []);
819
- const [s, a] = F(!1);
823
+ const [i, a] = F(!1);
820
824
  w(() => {
821
825
  if (!e) {
822
826
  a(!1);
@@ -827,10 +831,10 @@ function ze({ isOpen: e, children: n }) {
827
831
  }, [e]);
828
832
  const c = [
829
833
  "gloss-panel-mount",
830
- s ? "has-panel" : "",
834
+ i ? "has-panel" : "",
831
835
  t ? "reduced-motion" : ""
832
836
  ].filter(Boolean).join(" ");
833
- return /* @__PURE__ */ i(
837
+ return /* @__PURE__ */ s(
834
838
  "div",
835
839
  {
836
840
  ref: r,
@@ -867,8 +871,8 @@ const Ve = {
867
871
  background: "rgba(0, 0, 0, 0.04)"
868
872
  };
869
873
  function ln({ panelComponents: e }) {
870
- const { state: n, dispatch: t, getCloseLog: r } = _e(), s = n.activePanelId ? e[n.activePanelId] : null;
871
- n.activePanelId && !s && process.env.NODE_ENV !== "production" && console.error(
874
+ const { state: n, dispatch: t, getCloseLog: r } = _e(), i = n.activePanelId ? e[n.activePanelId] : null;
875
+ n.activePanelId && !i && process.env.NODE_ENV !== "production" && console.error(
872
876
  "[panels] No panel component registered for activePanelId:",
873
877
  n.activePanelId
874
878
  ), w(() => {
@@ -894,21 +898,21 @@ function ln({ panelComponents: e }) {
894
898
  o.__panelsHostHandle?.dispatch === t && delete o.__panelsHostHandle;
895
899
  };
896
900
  }, [t, r]);
897
- const c = n.activePanelId != null && s != null;
901
+ const c = n.activePanelId != null && i != null;
898
902
  return /* @__PURE__ */ N("div", { "data-panel-host": "true", style: Ve, children: [
899
- c && /* @__PURE__ */ i(
903
+ c && /* @__PURE__ */ s(
900
904
  "div",
901
905
  {
902
906
  "data-panel-scrim": "true",
903
907
  style: $e
904
908
  }
905
909
  ),
906
- /* @__PURE__ */ i(ze, { isOpen: c, children: c && /* @__PURE__ */ i(
910
+ /* @__PURE__ */ s(ze, { isOpen: c, children: c && /* @__PURE__ */ s(
907
911
  Ke,
908
912
  {
909
913
  isOpen: !0,
910
914
  onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
911
- children: /* @__PURE__ */ i(s, { isOpen: !0 })
915
+ children: /* @__PURE__ */ s(i, { isOpen: !0 })
912
916
  }
913
917
  ) })
914
918
  ] });
@@ -1,5 +1,5 @@
1
- import { u as M, g as xe, m as ae, n as z, l as Ae, S as De, e as Me, o as Le } from "./COMMITS-DEdHYT0E.js";
2
- import { C as Wt, N as jt, w as Zt, x as Xt, q as Jt, f as en, v as tn, P as nn, t as an, k as sn, j as on, i as rn, h as ln } from "./COMMITS-DEdHYT0E.js";
1
+ import { u as M, g as xe, m as ae, n as z, l as Ae, S as De, e as Me, o as Le } from "./COMMITS-fUdex1LY.js";
2
+ import { C as Wt, N as jt, w as Zt, x as Xt, q as Jt, f as en, v as tn, P as nn, t as an, k as sn, j as on, i as rn, h as ln } from "./COMMITS-fUdex1LY.js";
3
3
  import { jsx as a, jsxs as b, Fragment as ge } from "react/jsx-runtime";
4
4
  import * as U from "react";
5
5
  import I, { useState as E, useRef as K, createContext as ye, useContext as be, useMemo as ie, useEffect as F, useCallback as k, useLayoutEffect as ke } from "react";
@@ -1555,7 +1555,7 @@ function re() {
1555
1555
  )
1556
1556
  );
1557
1557
  else {
1558
- const o = getComputedStyle(r), i = getComputedStyle(s), l = o.perspective || r.style.perspective || "", d = (o.perspectiveOrigin || r.style.perspectiveOrigin || "").trim(), u = i.perspectiveStyle || s.style.perspectiveStyle || "", v = l !== "" && l !== "none" && (d === "center bottom" || d === "50% 100%") && u === "flat";
1558
+ const o = getComputedStyle(r), i = getComputedStyle(s), l = o.perspective || r.style.perspective || "", d = (o.perspectiveOrigin || r.style.perspectiveOrigin || "").trim(), u = i.transformStyle || s.style.transformStyle || "", v = l !== "" && l !== "none" && (d === "center bottom" || d === "50% 100%") && u === "flat";
1559
1559
  e.push(
1560
1560
  C(
1561
1561
  "C5",
@@ -1677,8 +1677,8 @@ function St() {
1677
1677
  id: "Q12-12",
1678
1678
  constraint: "single source of motion — DOM shape (mount/chrome/frozen/zIndex)",
1679
1679
  expected: "valid:true; mount/chrome consistent with activePanelId",
1680
- actual: `valid=${e.valid} mount=${e.mount} chrome=${e.chrome} frozen=${e.frozen} orphans=[${e.orphans.join(",")}]`,
1681
- pass: e.valid
1680
+ actual: `valid=${e.valid} mount=${e.mount} chrome=${e.chrome} frozen=${e.frozen} orphans=[${(e.orphans ?? []).join(",")}]`,
1681
+ pass: e.valid ?? !1
1682
1682
  }
1683
1683
  ], cc: re() };
1684
1684
  }
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { s as U, c as j, g as Ne, u as Be } from "./COMMITS-DEdHYT0E.js";
2
- import { H as ir, N as lr, C as or, f as cr, P as dr, l as ur, S as mr, b as pr, k as gr, j as hr, i as fr, p as br, a as vr, r as yr, e as wr, h as _r, d as Cr } from "./COMMITS-DEdHYT0E.js";
1
+ import { s as U, c as j, g as Ne, u as Be } from "./COMMITS-fUdex1LY.js";
2
+ import { H as ir, N as lr, C as or, f as cr, P as dr, l as ur, S as mr, b as pr, k as gr, j as hr, i as fr, p as br, a as vr, r as yr, e as wr, h as _r, d as Cr } from "./COMMITS-fUdex1LY.js";
3
3
  import { u as ze, C as Ge } from "./Expandable-D0on5vJa.js";
4
4
  import { Q as kr, V as Sr, T as Dr, U as xr, a5 as Tr, b8 as Rr, aB as Mr, aj as Pr, $ as Ar, ap as Fr, N as Er, aa as Ir, P as Lr, B as Or, a as $r, A as Br, K as zr, bi as Gr, J as Hr, L as Wr, E as Kr, D as Vr, H as jr, F as Ur, bq as Yr, b as qr, c as Qr, O as Jr, q as Xr, af as Zr, aP as es, A as ts, K as as, J as ns, L as rs, E as ss, D as is, H as ls, F as os, b1 as cs, b4 as ds, b3 as us, b2 as ms, b5 as ps, aE as gs, a7 as hs, a6 as fs, as as bs, m as vs, o as ys, aH as ws, ad as _s, ba as Cs, ab as Ns, _ as ks, bA as Ss, bz as Ds, bB as xs, ar as Ts, aS as Rs, bc as Ms, bF as Ps, bo as As, p as Fs, ao as Es, bu as Is, bl as Ls, a2 as Os, at as $s, a4 as Bs, bt as zs, bK as Gs, G as Hs, f as Ws, ac as Ks, bC as Vs, aV as js, t as Us, x as Ys, I as qs, i as Qs, ay as Js, bG as Xs, M as Zs, y as ei, W as ti, Z as ai, X as ni, Y as ri, au as si, bI as ii, bE as li, aq as oi, w as ci, aU as di, al as ui, aM as mi, ai as pi, an as gi, aw as hi, aT as fi, ae as bi, av as vi, e as yi, R as wi, l as _i, r as Ci, aJ as Ni, br as ki, bs as Si, ak as Di, ag as xi, j as Ti, z as Ri, b9 as Mi, ah as Pi, bH as Ai, be as Fi, bh as Ei, bf as Ii, bg as Li, k as Oi, bb as $i, S as Bi, bj as zi, ax as Gi, bd as Hi, bJ as Wi, am as Ki, v as Vi, bD as ji, n as Ui, h as Yi, s as qi, a0 as Qi, a1 as Ji, a9 as Xi, bp as Zi, bw as el, aC as tl, aD as al, a8 as nl, aQ as rl, aR as sl, aF as il, aG as ll, aI as ol, aX as cl, aY as dl, by as ul, bx as ml, a_ as pl, a$ as gl, az as hl, aA as fl, b7 as bl, b6 as vl, b0 as yl, aN as wl, aO as _l, aZ as Cl, aK as Nl, aL as kl, d as Sl, bv as Dl, bk as xl, bm as Tl, bn as Rl, aW as Ml, a3 as Pl, bL as Al, g as Fl } from "./Expandable-D0on5vJa.js";
5
5
  import { jsxs as f, jsx as n, Fragment as I } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mt-gloss/ui",
3
- "version": "0.1.140",
3
+ "version": "0.1.141",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "restricted"