@mt-gloss/ui 0.1.82 → 0.1.84

package/{BaseAsyncButton-BE4m1Eff.js → BaseAsyncButton-Cq_l7clO.js}

@@ -1,48 +1,48 @@
 import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { d as p, B, ak as g, f } from "./UIContext-C7m-9sGv.js";
-import b, { useEffect as _ } from "react";
-const N = function(t) {
-  const { as: e, htmlFor: s, className: l, ...n } = t;
+import { g as p, d as B, al as g, i as _ } from "./UIContext-DP6JGCto.js";
+import b, { useEffect as f } from "react";
+const N = function(l) {
+  const { as: e, htmlFor: s, className: t, ...n } = l;
   return /* @__PURE__ */ o(
     p,
     {
       as: e || "label",
       htmlFor: s,
-      className: l ? `gloss-base-label ${l}` : "gloss-base-label",
+      className: t ? `gloss-base-label ${t}` : "gloss-base-label",
       ...n
     }
   );
 };
 N.displayName = "BaseLabel";
-const h = function(t) {
-  const { as: e, className: s, ...l } = t;
+const h = function(l) {
+  const { as: e, className: s, ...t } = l;
   return /* @__PURE__ */ o(
     p,
     {
       as: e || "span",
       "data-role": "value",
       className: s ? `gloss-base-value ${s}` : "gloss-base-value",
-      ...l
+      ...t
     }
   );
 };
 h.displayName = "BaseValue";
 function v({
   definition: a,
-  open: t,
+  open: l,
   onDismiss: e,
   className: s,
-  style: l,
+  style: t,
   children: n
 }) {
   const c = a?.position ?? "top-right", r = a?.duration ?? 0;
-  _(() => {
-    if (!t || r <= 0 || !e) return;
+  f(() => {
+    if (!l || r <= 0 || !e) return;
     const y = setTimeout(() => {
       e();
     }, r);
     return () => clearTimeout(y);
-  }, [t, r, e]);
+  }, [l, r, e]);
   const i = {
     portal: !0,
     dismissOnClickOutside: !1,
@@ -57,13 +57,13 @@ function v({
     B,
     {
       definition: i,
-      open: t,
+      open: l,
       onDismiss: e,
       children: /* @__PURE__ */ o(
         "div",
         {
           className: u.join(" "),
-          style: l,
+          style: t,
           role: "status",
           "aria-live": "polite",
           children: n
@@ -82,11 +82,11 @@ const A = {
   iconColor: "--_icon-color"
 };
 function C(a) {
-  const { definition: t, className: e, style: s, role: l, children: n, ...c } = a, { style: r, dataAttrs: i } = g(t, A);
+  const { definition: l, className: e, style: s, role: t, children: n, ...c } = a, { style: r, dataAttrs: i } = g(l, A);
   return /* @__PURE__ */ o(
     "div",
     {
-      role: l || "alert",
+      role: t || "alert",
       className: e ? `gloss-base-alert ${e}` : "gloss-base-alert",
       style: { ...r, ...s },
       ...i,
@@ -102,8 +102,8 @@ const S = {
   fontSize: "--_font-size"
 };
 function $(a) {
-  const { definition: t, separator: e = "/", className: s, style: l, children: n } = a, { style: c } = g(
-    t,
+  const { definition: l, separator: e = "/", className: s, style: t, children: n } = a, { style: c } = g(
+    l,
     S
   ), r = b.Children.toArray(n);
   return /* @__PURE__ */ o(
@@ -111,7 +111,7 @@ function $(a) {
     {
       "aria-label": "Breadcrumb",
       className: s ? `gloss-base-breadcrumbs-nav ${s}` : "gloss-base-breadcrumbs-nav",
-      style: { ...c, ...l },
+      style: { ...c, ...t },
       children: /* @__PURE__ */ o("ol", { className: "gloss-base-breadcrumbs", children: r.map((i, d) => {
         const u = d === r.length - 1;
         return /* @__PURE__ */ m(b.Fragment, { children: [
@@ -132,10 +132,10 @@ function $(a) {
 $.displayName = "BaseBreadcrumbs";
 function T(a) {
   const {
-    as: t,
+    as: l,
     definition: e,
     loading: s = !1,
-    disabled: l = !1,
+    disabled: t = !1,
     className: n,
     style: c,
     children: r,
@@ -145,11 +145,11 @@ function T(a) {
     n
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ m(
-    f,
+    _,
     {
-      as: t,
+      as: l,
       definition: e,
-      disabled: l || s,
+      disabled: t || s,
       loading: s,
       className: d,
       style: c,

package/{COMMITS-BcbOliuF.js → COMMITS-or4m2o8k.js}

@@ -1,4 +1,4 @@
-import { jsx as a, jsxs as u, Fragment as P } from "react/jsx-runtime";
+import { jsx as a, jsxs as u, Fragment as I } from "react/jsx-runtime";
 import { createContext as h, useContext as p, useReducer as g, useRef as i, useEffect as r, useMemo as f, useCallback as v, useLayoutEffect as C } from "react";
 const c = h(null);
 function m() {
@@ -54,7 +54,7 @@ function _(e, n) {
 function y(e) {
   return e.activePanelId === "notification-center" ? "notif-center" : (e.activePanelId != null, "idle");
 }
-function x() {
+function N() {
   const [e, n] = g(_, S), t = i([]);
   i(null), r(() => {
     if (e.pendingSideEffects.length !== 0) {
@@ -83,7 +83,7 @@ function x() {
   return { state: e, surfaceState: l, dispatch: n, getCloseLog: s };
 }
 function k({ children: e }) {
-  const n = x(), t = f(
+  const n = N(), t = f(
     () => n,
     // Re-publish only when one of the four coordinator fields changes identity.
     // dispatch + getCloseLog are stable. state + surfaceState change on dispatch.
@@ -91,12 +91,8 @@ function k({ children: e }) {
   );
   return /* @__PURE__ */ a(c.Provider, { value: t, children: e });
 }
-const N = {
-  position: "absolute",
-  top: "100%",
-  left: 0,
-  right: 0,
-  zIndex: 2,
+const x = {
+  position: "relative",
   pointerEvents: "auto"
 };
 function L({ children: e, onClose: n, isOpen: t = !0 }) {
@@ -108,7 +104,7 @@ function L({ children: e, onClose: n, isOpen: t = !0 }) {
       role: "dialog",
       "aria-modal": "true",
       className: "gloss-panel-chrome",
-      style: N,
+      style: x,
       children: [
         /* @__PURE__ */ a("div", { className: "gloss-panel-chrome__header", children: /* @__PURE__ */ a(
           "button",
@@ -154,8 +150,8 @@ function H({ panelComponents: e }) {
     n.activePanelId
   ), r(() => {
     if (n.activePanelId == null) return;
-    function d(I) {
-      I.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
+    function d(P) {
+      P.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
     return document.addEventListener("keydown", d), () => {
       document.removeEventListener("keydown", d);
@@ -177,7 +173,7 @@ function H({ panelComponents: e }) {
   const E = v(() => {
     t({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
   }, [t]);
-  return /* @__PURE__ */ a("div", { "data-panel-host": "true", style: b, children: n.activePanelId != null && s != null && /* @__PURE__ */ u(P, { children: [
+  return /* @__PURE__ */ a("div", { "data-panel-host": "true", style: b, children: n.activePanelId != null && s != null && /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -215,7 +211,7 @@ export {
   O as a,
   H as b,
   L as c,
-  x as d,
+  N as d,
   y as e,
   S as i,
   _ as r,