@revikornmann/muka-ui 0.2.3 → 0.3.0

package/dist/esm/components/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../../components/Toast/Toast.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../../components/Toast/Toast.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Toggle/Toggle.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId } from 'react';
 import './Toggle.css';

package/dist/esm/components/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../components/Toggle/Toggle.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,cAAc,CAAC;AAqCtB;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,OAAO,EACP,cAAc,EACd,QAAQ,EACR,KAAK,EACL,OAAO,EACP,WAAW,GAAG,KAAK,EACnB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAC;IAElC,MAAM,cAAc,GAAG;QACrB,aAAa;QACb,QAAQ,IAAI,uBAAuB;QACnC,WAAW,IAAI,2BAA2B;QAC1C,OAAO,IAAI,2BAA2B;QACtC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,eAAK,SAAS,EAAE,cAAc,aAC3B,IAAI,IAAI,eAAM,SAAS,EAAC,mBAAmB,iBAAa,MAAM,YAAE,IAAI,GAAQ,EAE7E,eAAK,SAAS,EAAC,sBAAsB,aAClC,KAAK,IAAI,CACR,gBAAO,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,OAAO,YACnD,KAAK,GACA,CACT,EACA,OAAO,IAAI,CACV,eAAM,SAAS,EAAC,sBAAsB,YAAE,OAAO,GAAQ,CACxD,IACG,EAEN,iBAAO,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,OAAO,aACrD,gBACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,kBACI,OAAO,KACjB,KAAK,GACT,EACF,eAAM,SAAS,EAAC,oBAAoB,YAClC,eAAM,SAAS,EAAC,mBAAmB,GAAG,GACjC,IACD,EAEP,WAAW,IAAI,cAAK,SAAS,EAAC,sBAAsB,GAAG,IACpD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,cAAc,CAAC;AAqCtB;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,OAAO,EACP,cAAc,EACd,QAAQ,EACR,KAAK,EACL,OAAO,EACP,WAAW,GAAG,KAAK,EACnB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAC;IAElC,MAAM,cAAc,GAAG;QACrB,aAAa;QACb,QAAQ,IAAI,uBAAuB;QACnC,WAAW,IAAI,2BAA2B;QAC1C,OAAO,IAAI,2BAA2B;QACtC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,eAAK,SAAS,EAAE,cAAc,aAC3B,IAAI,IAAI,eAAM,SAAS,EAAC,mBAAmB,iBAAa,MAAM,YAAE,IAAI,GAAQ,EAE7E,eAAK,SAAS,EAAC,sBAAsB,aAClC,KAAK,IAAI,CACR,gBAAO,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,OAAO,YACnD,KAAK,GACA,CACT,EACA,OAAO,IAAI,CACV,eAAM,SAAS,EAAC,sBAAsB,YAAE,OAAO,GAAQ,CACxD,IACG,EAEN,iBAAO,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,OAAO,aACrD,gBACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,kBACI,OAAO,KACjB,KAAK,GACT,EACF,eAAM,SAAS,EAAC,oBAAoB,YAClC,eAAM,SAAS,EAAC,mBAAmB,GAAG,GACjC,IACD,EAEP,WAAW,IAAI,cAAK,SAAS,EAAC,sBAAsB,GAAG,IACpD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/esm/components/TopBar/TopBar.css

@@ -28,6 +28,7 @@
   --tb-title-line-height: var(--text-heading-xs-lineHeight);
   --tb-title-letter-spacing: var(--text-heading-xs-letterSpacing);
   --tb-breadcrumb-display: none;
+  --tb-pad-y: 0;
 }
 
 /* ─── Medium tier ─── */
@@ -58,16 +59,17 @@
   .muka-topbar:not([data-size]) {
     --tb-height: var(--topbar-height-lg);
     --tb-pad: var(--topbar-padding-x-lg);
+    --tb-pad-y: var(--spacing-4);
     --tb-title-position: static;
     --tb-title-left: auto;
     --tb-title-transform: none;
     --tb-title-align: left;
     --tb-title-max-width: none;
-    --tb-title-font-family: var(--text-heading-lg-fontFamily);
-    --tb-title-font-weight: var(--text-heading-lg-fontWeight);
-    --tb-title-font-size: var(--text-heading-lg-fontSize);
-    --tb-title-line-height: var(--text-heading-lg-lineHeight);
-    --tb-title-letter-spacing: var(--text-heading-lg-letterSpacing);
+    --tb-title-font-family: var(--text-heading-md-fontFamily);
+    --tb-title-font-weight: var(--text-heading-md-fontWeight);
+    --tb-title-font-size: var(--text-heading-md-fontSize);
+    --tb-title-line-height: var(--text-heading-md-lineHeight);
+    --tb-title-letter-spacing: var(--text-heading-md-letterSpacing);
     --tb-breadcrumb-display: flex;
   }
 }
@@ -75,16 +77,17 @@
 .muka-topbar[data-size='lg'] {
   --tb-height: var(--topbar-height-lg);
   --tb-pad: var(--topbar-padding-x-lg);
+  --tb-pad-y: var(--spacing-4);
   --tb-title-position: static;
   --tb-title-left: auto;
   --tb-title-transform: none;
   --tb-title-align: left;
   --tb-title-max-width: none;
-  --tb-title-font-family: var(--text-heading-lg-fontFamily);
-  --tb-title-font-weight: var(--text-heading-lg-fontWeight);
-  --tb-title-font-size: var(--text-heading-lg-fontSize);
-  --tb-title-line-height: var(--text-heading-lg-lineHeight);
-  --tb-title-letter-spacing: var(--text-heading-lg-letterSpacing);
+  --tb-title-font-family: var(--text-heading-md-fontFamily);
+  --tb-title-font-weight: var(--text-heading-md-fontWeight);
+  --tb-title-font-size: var(--text-heading-md-fontSize);
+  --tb-title-line-height: var(--text-heading-md-lineHeight);
+  --tb-title-letter-spacing: var(--text-heading-md-letterSpacing);
   --tb-breadcrumb-display: flex;
 }
 
@@ -109,17 +112,11 @@
   border-radius: var(--topbar-drag-handle-radius);
 }
 
-/* ─── Breadcrumb row (large tier) ─────────────────────── */
+/* ─── Breadcrumb (large tier, stacked above the title) ── */
 
 .muka-topbar__breadcrumb {
   display: var(--tb-breadcrumb-display);
   align-items: center;
-  padding: var(--spacing-3) var(--tb-pad) 0;
-}
-
-.muka-topbar:not(.muka-topbar--no-safe-area) .muka-topbar__breadcrumb {
-  padding-left: max(var(--tb-pad), env(safe-area-inset-left));
-  padding-right: max(var(--tb-pad), env(safe-area-inset-right));
 }
 
 /* ─── Container (the bar itself) ──────────────────────── */
@@ -128,8 +125,8 @@
   position: relative;
   display: flex;
   align-items: center;
-  height: var(--tb-height);
-  padding: 0 var(--tb-pad);
+  min-height: var(--tb-height);
+  padding: var(--tb-pad-y) var(--tb-pad);
 }
 
 /* Inset content on iPhone landscape with notch / iPad with curved corners. */
@@ -156,6 +153,36 @@
   display: none;
 }
 
+/* ─── Heading (breadcrumb + title) ────────────────────── */
+
+/* Base/sm/md: transparent wrapper so the title keeps its absolute-centered
+   layout (containing block stays the positioned container) and the breadcrumb
+   stays hidden — identical to the pre-refinement mobile bar. */
+.muka-topbar__heading {
+  display: contents;
+}
+
+/* Large tier: a tight column with the breadcrumb stacked above the title. */
+@media (min-width: 1024px) {
+  .muka-topbar:not([data-size]) .muka-topbar__heading {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: var(--spacing-1);
+    flex: 1 1 0%;
+    min-width: 0;
+  }
+}
+
+.muka-topbar[data-size='lg'] .muka-topbar__heading {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: var(--spacing-1);
+  flex: 1 1 0%;
+  min-width: 0;
+}
+
 /* ─── Title ───────────────────────────────────────────── */
 
 .muka-topbar__title {

package/dist/esm/components/TopBar/TopBar.js

@@ -26,7 +26,7 @@ export const TopBar = ({ title, leading, trailing, trailingSecondary, variant =
         disableSafeArea && 'muka-topbar--no-safe-area',
         className,
     ].filter(Boolean).join(' ');
-    return (_jsxs("header", { className: topBarClasses, "data-size": size, children: [variant === 'draggable' && (_jsx("div", { className: "muka-topbar__drag-handle-container", children: _jsx("div", { className: "muka-topbar__drag-handle" }) })), breadcrumb && (_jsx("div", { className: "muka-topbar__breadcrumb", children: breadcrumb })), _jsxs("div", { className: "muka-topbar__container", children: [leading && (_jsx("div", { className: "muka-topbar__leading", children: leading })), title && (_jsx("p", { className: "muka-topbar__title", "aria-live": "polite", children: title })), _jsxs("div", { className: "muka-topbar__trailing", children: [trailingSecondary && (_jsx("div", { className: "muka-topbar__trailing-action", children: trailingSecondary })), trailing && (_jsx("div", { className: "muka-topbar__trailing-action", children: trailing }))] })] }), controlBar && (_jsx("div", { className: "muka-topbar__controlbar", children: controlBar }))] }));
+    return (_jsxs("header", { className: topBarClasses, "data-size": size, children: [variant === 'draggable' && (_jsx("div", { className: "muka-topbar__drag-handle-container", children: _jsx("div", { className: "muka-topbar__drag-handle" }) })), _jsxs("div", { className: "muka-topbar__container", children: [leading && (_jsx("div", { className: "muka-topbar__leading", children: leading })), _jsxs("div", { className: "muka-topbar__heading", children: [breadcrumb && (_jsx("div", { className: "muka-topbar__breadcrumb", children: breadcrumb })), title && (_jsx("p", { className: "muka-topbar__title", "aria-live": "polite", children: title }))] }), _jsxs("div", { className: "muka-topbar__trailing", children: [trailingSecondary && (_jsx("div", { className: "muka-topbar__trailing-action", children: trailingSecondary })), trailing && (_jsx("div", { className: "muka-topbar__trailing-action", children: trailing }))] })] }), controlBar && (_jsx("div", { className: "muka-topbar__controlbar", children: controlBar }))] }));
 };
 export default TopBar;
 //# sourceMappingURL=TopBar.js.map

package/dist/esm/components/TopBar/TopBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopBar.js","sourceRoot":"","sources":["../../../../components/TopBar/TopBar.tsx"],"names":[],"mappings":";AACA,OAAO,cAAc,CAAC;AA8CtB;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,KAAK,EACL,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,UAAU,EACV,UAAU,EACV,eAAe,GAAG,KAAK,EACvB,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,aAAa,GAAG;QACpB,aAAa;QACb,OAAO,KAAK,WAAW,IAAI,wBAAwB;QACnD,eAAe,IAAI,2BAA2B;QAC9C,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,kBAAQ,SAAS,EAAE,aAAa,eAAa,IAAI,aAC9C,OAAO,KAAK,WAAW,IAAI,CAC1B,cAAK,SAAS,EAAC,oCAAoC,YACjD,cAAK,SAAS,EAAC,0BAA0B,GAAG,GACxC,CACP,EAEA,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,yBAAyB,YACrC,UAAU,GACP,CACP,EAED,eAAK,SAAS,EAAC,wBAAwB,aACpC,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,sBAAsB,YAClC,OAAO,GACJ,CACP,EAEA,KAAK,IAAI,CACR,YAAG,SAAS,EAAC,oBAAoB,eAAW,QAAQ,YACjD,KAAK,GACJ,CACL,EAED,eAAK,SAAS,EAAC,uBAAuB,aACnC,iBAAiB,IAAI,CACpB,cAAK,SAAS,EAAC,8BAA8B,YAC1C,iBAAiB,GACd,CACP,EACA,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,8BAA8B,YAC1C,QAAQ,GACL,CACP,IACG,IACF,EAEL,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,yBAAyB,YACrC,UAAU,GACP,CACP,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"TopBar.js","sourceRoot":"","sources":["../../../../components/TopBar/TopBar.tsx"],"names":[],"mappings":";AACA,OAAO,cAAc,CAAC;AA8CtB;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,KAAK,EACL,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,UAAU,EACV,UAAU,EACV,eAAe,GAAG,KAAK,EACvB,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,aAAa,GAAG;QACpB,aAAa;QACb,OAAO,KAAK,WAAW,IAAI,wBAAwB;QACnD,eAAe,IAAI,2BAA2B;QAC9C,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,kBAAQ,SAAS,EAAE,aAAa,eAAa,IAAI,aAC9C,OAAO,KAAK,WAAW,IAAI,CAC1B,cAAK,SAAS,EAAC,oCAAoC,YACjD,cAAK,SAAS,EAAC,0BAA0B,GAAG,GACxC,CACP,EAED,eAAK,SAAS,EAAC,wBAAwB,aACpC,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,sBAAsB,YAClC,OAAO,GACJ,CACP,EAED,eAAK,SAAS,EAAC,sBAAsB,aAClC,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,yBAAyB,YACrC,UAAU,GACP,CACP,EAEA,KAAK,IAAI,CACR,YAAG,SAAS,EAAC,oBAAoB,eAAW,QAAQ,YACjD,KAAK,GACJ,CACL,IACG,EAEN,eAAK,SAAS,EAAC,uBAAuB,aACnC,iBAAiB,IAAI,CACpB,cAAK,SAAS,EAAC,8BAA8B,YAC1C,iBAAiB,GACd,CACP,EACA,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,8BAA8B,YAC1C,QAAQ,GACL,CACP,IACG,IACF,EAEL,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,yBAAyB,YACrC,UAAU,GACP,CACP,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/esm/components/View/View.css

@@ -50,6 +50,12 @@
   overflow-y: auto;
   overflow-x: clip;
   z-index: 1;
+
+  /* Column flow so the footer (now a scroll-area child) can pin to the bottom and
+     content scrolls *behind* it — letting a floating BottomBar's frosted backdrop
+     reveal the content underneath. */
+  display: flex;
+  flex-direction: column;
 }
 
 /* Inner wrapper constrains content width at the large tier (enterprise desktop)
@@ -57,6 +63,9 @@
    width. Full-bleed below large. */
 .muka-view__body-inner {
   width: 100%;
+  /* Grow on short content so the sticky footer is pushed to the bottom rather
+     than floating mid-screen. */
+  flex: 1 0 auto;
 }
 
 @media (min-width: 1024px) {
@@ -76,6 +85,8 @@
 /* ─── Footer (e.g. BottomBar) ─────────────────────────── */
 
 .muka-view__footer {
+  position: sticky;
+  bottom: 0;
   flex-shrink: 0;
   z-index: 2;
 }

package/dist/esm/components/View/View.js

@@ -21,7 +21,7 @@ export const View = ({ level, title, leading, trailing, trailingSecondary, contr
         `muka-view--surface-${surfaceLevel}`,
         className,
     ].filter(Boolean).join(' ');
-    return (_jsxs("div", { className: viewClasses, "data-size": size, children: [_jsx(TopBar, { title: title, leading: leading, trailing: trailing, trailingSecondary: trailingSecondary, controlBar: controlBar, breadcrumb: breadcrumb, size: size }), _jsx("main", { className: "muka-view__body", children: _jsx("div", { className: "muka-view__body-inner", children: children }) }), footer && (_jsx("div", { className: "muka-view__footer", children: footer }))] }));
+    return (_jsxs("div", { className: viewClasses, "data-size": size, children: [_jsx(TopBar, { title: title, leading: leading, trailing: trailing, trailingSecondary: trailingSecondary, controlBar: controlBar, breadcrumb: breadcrumb, size: size }), _jsxs("main", { className: "muka-view__body", children: [_jsx("div", { className: "muka-view__body-inner", children: children }), footer && (_jsx("div", { className: "muka-view__footer", children: footer }))] })] }));
 };
 export default View;
 //# sourceMappingURL=View.js.map

package/dist/esm/components/View/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../components/View/View.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,YAAY,CAAC;AAiDpB;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,YAAY,GAAG,CAAC,EAChB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,WAAW,GAAG;QAClB,WAAW;QACX,cAAc,KAAK,EAAE;QACrB,sBAAsB,YAAY,EAAE;QACpC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,eAAK,SAAS,EAAE,WAAW,eAAa,IAAI,aAC1C,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,GACV,EAEF,eAAM,SAAS,EAAC,iBAAiB,YAC/B,cAAK,SAAS,EAAC,uBAAuB,YACnC,QAAQ,GACL,GACD,EAEN,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,mBAAmB,YAC/B,MAAM,GACH,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../components/View/View.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,YAAY,CAAC;AAiDpB;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,YAAY,GAAG,CAAC,EAChB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,WAAW,GAAG;QAClB,WAAW;QACX,cAAc,KAAK,EAAE;QACrB,sBAAsB,YAAY,EAAE;QACpC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,eAAK,SAAS,EAAE,WAAW,eAAa,IAAI,aAC1C,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,GACV,EAEF,gBAAM,SAAS,EAAC,iBAAiB,aAC/B,cAAK,SAAS,EAAC,uBAAuB,YACnC,QAAQ,GACL,EAEL,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,mBAAmB,YAC/B,MAAM,GACH,CACP,IACI,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,IAAI,EAAiC,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,MAAM,EAAuC,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,YAAY,EAA0B,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,eAAe,EAAuD,MAAM,mBAAmB,CAAC;AACzG,OAAO,EAAE,MAAM,EAAoB,UAAU,EAAwB,MAAM,UAAU,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,YAAY,EAA+C,MAAM,aAAa,CAAC;AACnG,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAkC,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,WAAW,EAA2C,MAAM,UAAU,CAAC;AACxF,OAAO,EAAE,YAAY,EAA0B,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAA4C,MAAM,YAAY,CAAC;AAChF,OAAO,EAAE,YAAY,EAA0B,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,eAAe,EACf,iBAAiB,GAWlB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,SAAS,GAKV,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,YAAY,EAA8C,MAAM,gBAAgB,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAmD,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,UAAU,EACV,cAAc,GAMf,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,QAAQ,CAAC;AAehB,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,gBAAgB,EAChB,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,eAAe,CAAC;AAgBvB,8EAA8E;AAC9E,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,UAAU,EAA6C,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,EACL,OAAO,EACP,cAAc,EACd,WAAW,EACX,cAAc,EACd,YAAY,GAGb,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAyC,MAAM,YAAY,CAAC;AACtF,OAAO,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,WAAW,GAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,YAAY,EAA0B,MAAM,gBAAgB,CAAC;AACtE,OAAO,EACL,aAAa,GAGd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,QAAQ,GAGT,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,YAAY,GAGb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,aAAa,EAA2B,MAAM,iBAAiB,CAAC;AACzE,OAAO,EACL,iBAAiB,GAElB,MAAM,qBAAqB,CAAC"}

package/dist/styles/components/Badge.css

@@ -3,56 +3,98 @@
 .muka-badge {
   display: inline-flex;
   align-items: center;
-  gap: var(--spacing-1);
   border-radius: var(--border-radius-full);
   white-space: nowrap;
   user-select: none;
   box-sizing: border-box;
 }
 
-/* Sizes */
+/*
+ * Sizes — height, gap, type, and default (label-edge) horizontal padding.
+ * Mirrors Chip so the two components share sizing, fonts, and spacing.
+ * Vertical centering is handled by the fixed height + align-items: center.
+ * The leading side gets a tighter padding when an icon/dot is present, via the
+ * --has-icon / --has-dot modifiers below.
+ */
 .muka-badge--sm {
   height: var(--badge-size-height-sm);
-  padding: 0 var(--spacing-2);
-  font-family: var(--text-label-sm-semibold-fontFamily);
-  font-weight: var(--text-label-sm-semibold-fontWeight);
-  font-size: var(--text-label-sm-semibold-fontSize);
-  line-height: var(--text-label-sm-semibold-lineHeight);
+  gap: var(--badge-gap-sm);
+  padding: 0 var(--badge-padding-label-sm);
+  font-family: var(--text-label-sm-regular-fontFamily);
+  font-weight: var(--text-label-sm-regular-fontWeight);
+  font-size: var(--text-label-sm-regular-fontSize);
+  line-height: var(--text-label-sm-regular-lineHeight);
 }
 
 .muka-badge--md {
   height: var(--badge-size-height-md);
-  padding: 0 var(--spacing-2);
-  font-family: var(--text-label-sm-semibold-fontFamily);
-  font-weight: var(--text-label-sm-semibold-fontWeight);
-  font-size: var(--text-label-sm-semibold-fontSize);
-  line-height: var(--text-label-sm-semibold-lineHeight);
+  gap: var(--badge-gap-md);
+  padding: 0 var(--badge-padding-label-md);
+  font-family: var(--text-label-md-regular-fontFamily);
+  font-weight: var(--text-label-md-regular-fontWeight);
+  font-size: var(--text-label-md-regular-fontSize);
+  line-height: var(--text-label-md-regular-lineHeight);
 }
 
 .muka-badge--lg {
   height: var(--badge-size-height-lg);
-  padding: 0 var(--spacing-3);
-  font-family: var(--text-label-md-semibold-fontFamily);
-  font-weight: var(--text-label-md-semibold-fontWeight);
-  font-size: var(--text-label-md-semibold-fontSize);
-  line-height: var(--text-label-md-semibold-lineHeight);
+  gap: var(--badge-gap-lg);
+  padding: 0 var(--badge-padding-label-lg);
+  font-family: var(--text-label-lg-regular-fontFamily);
+  font-weight: var(--text-label-lg-regular-fontWeight);
+  font-size: var(--text-label-lg-regular-fontSize);
+  line-height: var(--text-label-lg-regular-lineHeight);
 }
 
-/* Icon slot */
+/* Tighter leading padding when a leading icon or dot is present */
+.muka-badge--sm.muka-badge--has-icon,
+.muka-badge--sm.muka-badge--has-dot {
+  padding-left: var(--badge-padding-leading-sm);
+}
+.muka-badge--md.muka-badge--has-icon,
+.muka-badge--md.muka-badge--has-dot {
+  padding-left: var(--badge-padding-leading-md);
+}
+.muka-badge--lg.muka-badge--has-icon,
+.muka-badge--lg.muka-badge--has-dot {
+  padding-left: var(--badge-padding-leading-lg);
+}
+
+/* Leading icon slot — Figma icon sizes: sm 16, md 20, lg 24 (matches Chip) */
 .muka-badge__icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  width: 1em;
-  height: 1em;
 }
 
+.muka-badge--sm .muka-badge__icon {
+  width: var(--icon-size-xs);
+  height: var(--icon-size-xs);
+}
+.muka-badge--md .muka-badge__icon {
+  width: var(--icon-size-sm);
+  height: var(--icon-size-sm);
+}
+.muka-badge--lg .muka-badge__icon {
+  width: var(--icon-size-default);
+  height: var(--icon-size-default);
+}
+
+/* Force the passed content (raw <svg> or an <Icon> wrapper) to the slot size,
+   so callers don't have to size the icon to match each badge size. The
+   .muka-icon selector is intentionally 2 classes deep to override .muka-icon--md. */
+.muka-badge__icon .muka-icon,
 .muka-badge__icon svg {
   width: 100%;
   height: 100%;
 }
 
+/* Icons inherit the badge's per-variant foreground color */
+.muka-badge .muka-icon {
+  color: inherit;
+}
+
 /* Dot indicator */
 .muka-badge__dot {
   flex-shrink: 0;
@@ -79,6 +121,13 @@
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
+  /*
+   * The badge sets a tight line-height for compact sizing, but the label's
+   * `overflow: hidden` (needed for ellipsis) then clips glyph descenders (g, y, p). Give the
+   * label its own roomier line-height so descenders render; vertical centering is unaffected
+   * because the badge height is fixed and content is centered via align-items: center.
+   */
+  line-height: normal;
 }
 
 /* Neutral variant */
@@ -94,39 +143,39 @@
 /* Info variant */
 .muka-badge--info {
   background-color: var(--color-state-info-background);
-  color: var(--color-state-info-foreground);
+  color: var(--color-state-info-contrast);
 }
 
 .muka-badge--info .muka-badge__dot {
-  background-color: var(--color-state-info-foreground);
+  background-color: var(--color-state-info-default);
 }
 
 /* Success variant */
 .muka-badge--success {
   background-color: var(--color-state-success-background);
-  color: var(--color-state-success-foreground);
+  color: var(--color-state-success-contrast);
 }
 
 .muka-badge--success .muka-badge__dot {
-  background-color: var(--color-state-success-foreground);
+  background-color: var(--color-state-success-default);
 }
 
 /* Warning variant */
 .muka-badge--warning {
   background-color: var(--color-state-warning-background);
-  color: var(--color-state-warning-foreground);
+  color: var(--color-state-warning-contrast);
 }
 
 .muka-badge--warning .muka-badge__dot {
-  background-color: var(--color-state-warning-foreground);
+  background-color: var(--color-state-warning-default);
 }
 
 /* Error variant */
 .muka-badge--error {
   background-color: var(--color-state-error-background);
-  color: var(--color-state-error-foreground);
+  color: var(--color-state-error-contrast);
 }
 
 .muka-badge--error .muka-badge__dot {
-  background-color: var(--color-state-error-foreground);
+  background-color: var(--color-state-error-default);
 }

package/dist/styles/components/BottomBar.css

@@ -121,6 +121,15 @@
   backdrop-filter: blur(var(--bottombar-floating-backdrop-blur));
   -webkit-backdrop-filter: blur(var(--bottombar-floating-backdrop-blur));
   padding: var(--bottombar-floating-padding-top) var(--bottombar-floating-margin-x) var(--bottombar-floating-margin-bottom);
+
+  /* The transparent frosted margin around the pill overlays scrolling content;
+     let scroll/taps fall through to that content, keeping only the pill itself
+     interactive (re-enabled on __content below). */
+  pointer-events: none;
+}
+
+.muka-bottombar--floating .muka-bottombar__content {
+  pointer-events: auto;
 }
 
 .muka-bottombar--floating .muka-bottombar__content {

package/dist/styles/components/Button.css

@@ -95,8 +95,11 @@
   box-shadow: var(--button-color-primary-shadow-hover);
 }
 
+/* `[data-state="open"]` keeps a Button pressed while it's an open disclosure
+   trigger (Radix Menu/Popover set this on the trigger). */
 .muka-button--primary:active:not(:disabled),
-.muka-button--primary.muka-button--pressed:not(:disabled) {
+.muka-button--primary.muka-button--pressed:not(:disabled),
+.muka-button--primary[data-state="open"]:not(:disabled) {
   background-color: var(--button-color-primary-background-pressed);
   color: var(--button-color-primary-foreground-pressed);
   box-shadow: var(--button-color-primary-shadow-pressed);
@@ -124,7 +127,8 @@
 }
 
 .muka-button--secondary:active:not(:disabled),
-.muka-button--secondary.muka-button--pressed:not(:disabled) {
+.muka-button--secondary.muka-button--pressed:not(:disabled),
+.muka-button--secondary[data-state="open"]:not(:disabled) {
   background-color: var(--button-color-secondary-background-pressed);
   color: var(--button-color-secondary-foreground-pressed);
   box-shadow: var(--button-color-secondary-shadow-pressed);
@@ -152,7 +156,8 @@
 }
 
 .muka-button--tertiary:active:not(:disabled),
-.muka-button--tertiary.muka-button--pressed:not(:disabled) {
+.muka-button--tertiary.muka-button--pressed:not(:disabled),
+.muka-button--tertiary[data-state="open"]:not(:disabled) {
   background-color: var(--button-color-tertiary-background-pressed);
   color: var(--button-color-tertiary-foreground-pressed);
   border-color: var(--button-color-tertiary-border-pressed);
@@ -180,7 +185,8 @@
 }
 
 .muka-button--ghost:active:not(:disabled),
-.muka-button--ghost.muka-button--pressed:not(:disabled) {
+.muka-button--ghost.muka-button--pressed:not(:disabled),
+.muka-button--ghost[data-state="open"]:not(:disabled) {
   background-color: var(--button-color-ghost-background-pressed);
   color: var(--button-color-ghost-foreground-pressed);
   border-color: var(--button-color-ghost-border-pressed);