@revikornmann/muka-ui 0.10.0 → 0.12.0

package/dist/cjs/components/ChatComposer/ChatComposer.css

@@ -1,11 +1,15 @@
 /* ChatComposer Component Styles */
 
+/*
+ * The composer is a bare, fill-width row: no padding, background, border or
+ * max-width of its own (Figma 5243:14141). Whatever hosts it owns the
+ * container — see BottomBar's `chat` variant.
+ */
 .muka-chat-composer {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-3);
   width: 100%;
-  max-width: 768px;
 }
 
 .muka-chat-composer--disabled {
@@ -111,3 +115,11 @@
   right: var(--spacing-2);
   transform: translateY(-50%);
 }
+
+/* ─── Print ────────────────────────────────────────────── */
+
+@media print {
+  .muka-chat-composer {
+    display: none;
+  }
+}

package/dist/cjs/components/ChatMessageList/ChatMessageList.css

@@ -19,6 +19,22 @@
   align-items: stretch;
   gap: var(--spacing-8);
   width: 100%;
-  max-width: 640px;
+  max-width: var(--container-max-width-sm);
   margin: 0 auto;
 }
+
+/* ─── Print ────────────────────────────────────────────── */
+
+@media print {
+  .muka-chat-message-list {
+    overflow: visible;
+    height: auto;
+    max-height: none;
+    background: none;
+    padding: 0;
+  }
+
+  .muka-chat-message-list__inner {
+    max-width: 100%;
+  }
+}

package/dist/cjs/components/ChatPhotoGrid/ChatPhotoGrid.css

@@ -0,0 +1,113 @@
+/* ChatPhotoGrid Component Styles */
+
+.muka-chat-photo-grid {
+  display: grid;
+  gap: var(--chatphotogrid-gap);
+  width: 100%;
+  min-width: 0;
+}
+
+/* ─── Tiles ────────────────────────────────────────────── */
+
+.muka-chat-photo-grid__tile {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: none;
+  border-radius: var(--chatphotogrid-radius);
+  background-color: var(--chatphotogrid-color-placeholder);
+  aspect-ratio: 1 / 1;
+}
+
+button.muka-chat-photo-grid__tile {
+  cursor: pointer;
+  appearance: none;
+}
+
+button.muka-chat-photo-grid__tile:focus-visible {
+  outline: var(--border-width-bold) solid var(--color-border-focus);
+  outline-offset: var(--spacing-1);
+}
+
+.muka-chat-photo-grid__image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+/* ─── Overflow tile ────────────────────────────────────── */
+
+.muka-chat-photo-grid__overflow {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--chatphotogrid-color-overflow-background);
+  color: var(--chatphotogrid-color-overflow-foreground);
+  font-family: var(--text-body-2xl-regular-fontFamily);
+  font-weight: var(--text-body-2xl-regular-fontWeight);
+  font-size: var(--text-body-2xl-regular-fontSize);
+  line-height: var(--text-body-2xl-regular-lineHeight);
+}
+
+/* ─── Layouts ──────────────────────────────────────────── */
+
+.muka-chat-photo-grid--1 {
+  grid-template-columns: 1fr;
+}
+
+.muka-chat-photo-grid--landscape .muka-chat-photo-grid__tile {
+  aspect-ratio: 4 / 3;
+}
+
+.muka-chat-photo-grid--portrait .muka-chat-photo-grid__tile {
+  aspect-ratio: 3 / 4;
+}
+
+.muka-chat-photo-grid--2 {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.muka-chat-photo-grid--3 {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.muka-chat-photo-grid--4 {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+/* 5 photos: a 2-up row above a 3-up row, on a shared 6-column track */
+.muka-chat-photo-grid--5 {
+  grid-template-columns: repeat(6, 1fr);
+}
+
+.muka-chat-photo-grid--5 .muka-chat-photo-grid__tile:nth-child(-n + 2) {
+  grid-column: span 3;
+}
+
+.muka-chat-photo-grid--5 .muka-chat-photo-grid__tile:nth-child(n + 3) {
+  grid-column: span 2;
+}
+
+.muka-chat-photo-grid--6,
+.muka-chat-photo-grid--overflow {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+/* ─── Print ────────────────────────────────────────────── */
+
+@media print {
+  .muka-chat-photo-grid {
+    break-inside: avoid;
+  }
+
+  .muka-chat-photo-grid__image {
+    print-color-adjust: exact;
+    -webkit-print-color-adjust: exact;
+  }
+}

package/dist/cjs/components/ChatPhotoGrid/ChatPhotoGrid.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatPhotoGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("./ChatPhotoGrid.css");
+/**
+ * ChatPhotoGrid — responsive photo grid for a chat message.
+ *
+ * Column counts follow the design: 1 → single tile (4:3 or 3:4), 2 → 2 columns,
+ * 3 → 3 columns, 4 → 2×2, 5 → a 2-up row above a 3-up row, 6 → 2×3. Beyond
+ * `max`, the final tile shows a `+N` overflow badge.
+ *
+ * Compose into `ChatBubble`'s `media` slot.
+ */
+const ChatPhotoGrid = ({ photos, singleOrientation = 'landscape', max = 6, overflowLabel = (count) => `+${count}`, onOverflowClick, 'aria-label': ariaLabel = 'Photos', className = '', }) => {
+    if (photos.length === 0)
+        return null;
+    const overflowCount = photos.length - max;
+    const hasOverflow = overflowCount > 0;
+    const visible = hasOverflow ? photos.slice(0, max) : photos;
+    const layout = hasOverflow ? 'overflow' : String(visible.length);
+    const classes = [
+        'muka-chat-photo-grid',
+        `muka-chat-photo-grid--${layout}`,
+        visible.length === 1 && `muka-chat-photo-grid--${singleOrientation}`,
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return ((0, jsx_runtime_1.jsx)("div", { className: classes, role: "group", "aria-label": ariaLabel, children: visible.map((photo, i) => {
+            const isOverflowTile = hasOverflow && i === visible.length - 1;
+            const interactive = isOverflowTile ? onOverflowClick : photo.onClick;
+            const Tag = interactive ? 'button' : 'div';
+            return ((0, jsx_runtime_1.jsxs)(Tag, { className: "muka-chat-photo-grid__tile", ...(interactive
+                    ? {
+                        type: 'button',
+                        onClick: interactive,
+                        'aria-label': isOverflowTile
+                            ? overflowLabel(overflowCount)
+                            : photo.alt || `Photo ${i + 1}`,
+                    }
+                    : {}), children: [(0, jsx_runtime_1.jsx)("img", { className: "muka-chat-photo-grid__image", src: photo.src, alt: isOverflowTile ? '' : photo.alt || '', loading: "lazy" }), isOverflowTile && ((0, jsx_runtime_1.jsx)("span", { className: "muka-chat-photo-grid__overflow", "aria-hidden": "true", children: overflowLabel(overflowCount) }))] }, i));
+        }) }));
+};
+exports.ChatPhotoGrid = ChatPhotoGrid;
+exports.default = exports.ChatPhotoGrid;
+//# sourceMappingURL=ChatPhotoGrid.js.map

package/dist/cjs/components/ChatPhotoGrid/ChatPhotoGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPhotoGrid.js","sourceRoot":"","sources":["../../../../components/ChatPhotoGrid/ChatPhotoGrid.tsx"],"names":[],"mappings":";;;;AACA,+BAA6B;AA0C7B;;;;;;;;GAQG;AACI,MAAM,aAAa,GAAiC,CAAC,EAC1D,MAAM,EACN,iBAAiB,GAAG,WAAW,EAC/B,GAAG,GAAG,CAAC,EACP,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,EAAE,EACtC,eAAe,EACf,YAAY,EAAE,SAAS,GAAG,QAAQ,EAClC,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAErC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC;IAC1C,MAAM,WAAW,GAAG,aAAa,GAAG,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAC5D,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG;QACd,sBAAsB;QACtB,yBAAyB,MAAM,EAAE;QACjC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,yBAAyB,iBAAiB,EAAE;QACpE,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,gCAAK,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,gBAAa,SAAS,YACxD,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACxB,MAAM,cAAc,GAAG,WAAW,IAAI,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;YAC/D,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;YACrE,MAAM,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;YAE3C,OAAO,CACL,wBAAC,GAAG,IAEF,SAAS,EAAC,4BAA4B,KAClC,CAAC,WAAW;oBACd,CAAC,CAAC;wBACE,IAAI,EAAE,QAAiB;wBACvB,OAAO,EAAE,WAAW;wBACpB,YAAY,EAAE,cAAc;4BAC1B,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC;4BAC9B,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,SAAS,CAAC,GAAG,CAAC,EAAE;qBAClC;oBACH,CAAC,CAAC,EAAE,CAAC,aAEP,gCACE,SAAS,EAAC,6BAA6B,EACvC,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,EAAE,EAC1C,OAAO,EAAC,MAAM,GACd,EACD,cAAc,IAAI,CACjB,iCAAM,SAAS,EAAC,gCAAgC,iBAAa,MAAM,YAChE,aAAa,CAAC,aAAa,CAAC,GACxB,CACR,KAtBI,CAAC,CAuBF,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AA9DW,QAAA,aAAa,iBA8DxB;AAEF,kBAAe,qBAAa,CAAC"}

package/dist/cjs/components/ChatPhotoGrid/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.ChatPhotoGrid = void 0;
+var ChatPhotoGrid_1 = require("./ChatPhotoGrid");
+Object.defineProperty(exports, "ChatPhotoGrid", { enumerable: true, get: function () { return ChatPhotoGrid_1.ChatPhotoGrid; } });
+var ChatPhotoGrid_2 = require("./ChatPhotoGrid");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ChatPhotoGrid_2).default; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ChatPhotoGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/ChatPhotoGrid/index.ts"],"names":[],"mappings":";;;;;;AAAA,iDAIyB;AAHvB,8GAAA,aAAa,OAAA;AAIf,iDAA0C;AAAjC,yHAAA,OAAO,OAAA"}

package/dist/cjs/components/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableHeaderCell = exports.TableCell = exports.TableRow = exports.TableBody = exports.TableHead = exports.Table = exports.RangeSlider = exports.DataPieChart = exports.PieChart = exports.Progress = exports.ProfileBadge = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Container = exports.Section = exports.NavigationTransition = exports.AppShell = exports.View = exports.Dialog = exports.BottomBarTab = exports.BottomBar = exports.ControlBar = exports.TopBar = exports.ProgressAccordeon = exports.ProgressTracker = exports.EmptyState = exports.Toast = exports.Alert = exports.RadioTile = exports.CheckboxTile = exports.Toggle = exports.Checkbox = exports.Radio = exports.TabPanel = exports.Tab = exports.TabList = exports.Tabs = exports.Select = exports.Divider = exports.Chip = exports.Icon = exports.Label = exports.Card = exports.NumberInput = exports.useForm = exports.Form = exports.Input = exports.ListItem = exports.Button = void 0;
 exports.AccordionContent = exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = exports.PopoverClose = exports.PopoverTrigger = exports.PopoverRoot = exports.PopoverContent = exports.Popover = exports.Tooltip = exports.Drawer = exports.Pagination = exports.Breadcrumb = exports.Skeleton = exports.Textarea = exports.ContextMenuSubContent = exports.ContextMenuSubTrigger = exports.ContextMenuSub = exports.ContextMenuRadioItem = exports.ContextMenuRadioGroup = exports.ContextMenuCheckboxItem = exports.ContextMenuGroup = exports.ContextMenuSeparator = exports.ContextMenuItem = exports.ContextMenuContent = exports.ContextMenuTrigger = exports.ContextMenu = exports.MenuSubContent = exports.MenuSubTrigger = exports.MenuSub = exports.MenuRadioItem = exports.MenuRadioGroup = exports.MenuCheckboxItem = exports.MenuGroup = exports.MenuSeparator = exports.MenuItem = exports.MenuContent = exports.MenuTrigger = exports.Menu = exports.FileUploadItem = exports.FileUpload = exports.SmsOtpField = exports.DocumentViewer = exports.Tile = exports.PriceTag = exports.SegmentGroup = exports.DatePicker = exports.DataTable = exports.useTableSelection = exports.TablePagination = void 0;
-exports.PhotoUploader = exports.Thumbnail = exports.LicensePlateInput = exports.PullToRefresh = exports.SwipeActions = exports.Combobox = exports.ChatAttachmentChip = exports.TypingIndicator = exports.AgentTaskList = exports.ChatComposer = exports.ChatMessageList = exports.ChatBubble = exports.SearchInput = exports.ActionSheet = exports.FAB = exports.SpecRow = exports.SpecList = exports.Spinner = exports.Sheet = void 0;
+exports.PhotoUploader = exports.Thumbnail = exports.LicensePlateInput = exports.PullToRefresh = exports.SwipeActions = exports.Combobox = exports.ChatAttachmentChip = exports.TypingIndicator = exports.AgentTaskList = exports.ChatComposer = exports.ChatPhotoGrid = exports.ChatMessageList = exports.ChatBubble = exports.SearchInput = exports.ActionSheet = exports.FAB = exports.SpecRow = exports.SpecList = exports.Spinner = exports.Sheet = void 0;
 // Muka Design System Components
 var Button_1 = require("./Button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
@@ -178,6 +178,8 @@ var ChatBubble_1 = require("./ChatBubble");
 Object.defineProperty(exports, "ChatBubble", { enumerable: true, get: function () { return ChatBubble_1.ChatBubble; } });
 var ChatMessageList_1 = require("./ChatMessageList");
 Object.defineProperty(exports, "ChatMessageList", { enumerable: true, get: function () { return ChatMessageList_1.ChatMessageList; } });
+var ChatPhotoGrid_1 = require("./ChatPhotoGrid");
+Object.defineProperty(exports, "ChatPhotoGrid", { enumerable: true, get: function () { return ChatPhotoGrid_1.ChatPhotoGrid; } });
 var ChatComposer_1 = require("./ChatComposer");
 Object.defineProperty(exports, "ChatComposer", { enumerable: true, get: function () { return ChatComposer_1.ChatComposer; } });
 var AgentTaskList_1 = require("./AgentTaskList");

package/dist/cjs/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":"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"}

package/dist/esm/components/AgentTaskList/AgentTaskList.css

@@ -20,12 +20,19 @@
   margin: 0;
   cursor: pointer;
   color: var(--color-text-subtle-default);
+  font-family: var(--text-body-sm-regular-fontFamily);
+  font-weight: var(--text-body-sm-regular-fontWeight);
+  font-size: var(--text-body-sm-regular-fontSize);
+  line-height: var(--text-body-sm-regular-lineHeight);
+  text-align: left;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.muka-agent-task-list--open .muka-agent-task-list__header {
   font-family: var(--text-body-sm-bold-fontFamily);
   font-weight: var(--text-body-sm-bold-fontWeight);
   font-size: var(--text-body-sm-bold-fontSize);
   line-height: var(--text-body-sm-bold-lineHeight);
-  text-align: left;
-  -webkit-tap-highlight-color: transparent;
 }
 
 .muka-agent-task-list__header:focus-visible {
@@ -83,7 +90,7 @@
   position: absolute;
   left: 7px;
   width: 1px;
-  background-color: var(--color-border-default, #d9d9d9);
+  background-color: var(--color-border-default);
 }
 
 .muka-agent-task-list__line--top {
@@ -145,3 +152,15 @@
   line-height: var(--text-body-sm-regular-lineHeight);
   word-break: break-word;
 }
+
+/* ─── Print ────────────────────────────────────────────── */
+
+@media print {
+  .muka-agent-task-list {
+    break-inside: avoid;
+  }
+
+  .muka-agent-task-list__chevron {
+    display: none;
+  }
+}

package/dist/esm/components/BottomBar/BottomBar.css

@@ -62,6 +62,25 @@
   flex-direction: row;
 }
 
+/* ─── Chat variant (houses a ChatComposer) ───────────── */
+
+.muka-bottombar--chat .muka-bottombar__content {
+  flex-direction: row;
+  max-width: var(--bottombar-chat-max-width);
+  width: 100%;
+  margin: 0 auto;
+}
+
+/* Docked chat pads its content; the floating card supplies its own padding. */
+.muka-bottombar--chat:not(.muka-bottombar--floating) .muka-bottombar__content {
+  padding: var(--bottombar-chat-padding);
+}
+
+/* Floating chat card widens to the chat cap (overrides the md default below). */
+.muka-bottombar--chat.muka-bottombar--floating .muka-bottombar__content {
+  max-width: var(--bottombar-chat-max-width);
+}
+
 /* ─── Tab item ────────────────────────────────────────── */
 
 .muka-bottombar__tab {
@@ -118,8 +137,6 @@
     var(--bottombar-floating-backdrop-start),
     var(--bottombar-floating-backdrop-end)
   );
-  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;
@@ -274,3 +291,11 @@
     box-shadow: none;
   }
 }
+
+/* ─── Print ────────────────────────────────────────────── */
+
+@media print {
+  .muka-bottombar {
+    display: none;
+  }
+}

package/dist/esm/components/BottomBar/BottomBar.js

@@ -19,6 +19,7 @@ export const BottomBarTab = ({ icon, activeIcon, label, active = false, onClick,
  * **Variants:**
  * - `actions`: Renders children as a row of action buttons.
  * - `navigation`: Renders BottomBarTab children as a tab bar.
+ * - `chat`: Houses a ChatComposer, capped at `container.max-width.lg` and centered.
  *
  * **Floating:** When `floating={true}`, the bar becomes a floating card
  * with rounded corners, padding, and shadow — used in "top level" views.

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

@@ -1 +1 @@
-{"version":3,"file":"BottomBar.js","sourceRoot":"","sources":["../../../../components/BottomBar/BottomBar.tsx"],"names":[],"mappings":";AACA,OAAO,iBAAiB,CAAC;AAqBzB;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,GAAG,KAAK,EACd,OAAO,GACR,EAAE,EAAE;IACH,MAAM,UAAU,GAAG;QACjB,qBAAqB;QACrB,MAAM,IAAI,6BAA6B;KACxC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,kBACE,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,KAAK,mBACK,MAAM,gBACT,KAAK,EACjB,IAAI,EAAC,QAAQ,aAEb,eAAM,SAAS,EAAC,0BAA0B,YACvC,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,GACpC,EACP,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,IACnD,CACV,CAAC;AACJ,CAAC,CAAC;AAsCF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG;QACvB,gBAAgB;QAChB,mBAAmB,OAAO,EAAE;QAC5B,IAAI,IAAI,mBAAmB,IAAI,EAAE;QACjC,QAAQ,IAAI,0BAA0B;QACtC,SAAS,IAAI,OAAO,KAAK,YAAY,IAAI,2BAA2B,SAAS,EAAE;QAC/E,eAAe,IAAI,8BAA8B;QACjD,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,aAAa,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvE,OAAO,CACL,kBAAQ,SAAS,EAAE,gBAAgB,aAChC,CAAC,QAAQ,IAAI,QAAQ,IAAI,CACxB,cAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAC,WAAW,GAAG,CAC7D,EACD,cAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAE,aAAa,YACzD,QAAQ,GACL,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"BottomBar.js","sourceRoot":"","sources":["../../../../components/BottomBar/BottomBar.tsx"],"names":[],"mappings":";AACA,OAAO,iBAAiB,CAAC;AAqBzB;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,GAAG,KAAK,EACd,OAAO,GACR,EAAE,EAAE;IACH,MAAM,UAAU,GAAG;QACjB,qBAAqB;QACrB,MAAM,IAAI,6BAA6B;KACxC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,kBACE,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,KAAK,mBACK,MAAM,gBACT,KAAK,EACjB,IAAI,EAAC,QAAQ,aAEb,eAAM,SAAS,EAAC,0BAA0B,YACvC,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,GACpC,EACP,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,IACnD,CACV,CAAC;AACJ,CAAC,CAAC;AAsCF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG;QACvB,gBAAgB;QAChB,mBAAmB,OAAO,EAAE;QAC5B,IAAI,IAAI,mBAAmB,IAAI,EAAE;QACjC,QAAQ,IAAI,0BAA0B;QACtC,SAAS,IAAI,OAAO,KAAK,YAAY,IAAI,2BAA2B,SAAS,EAAE;QAC/E,eAAe,IAAI,8BAA8B;QACjD,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,aAAa,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvE,OAAO,CACL,kBAAQ,SAAS,EAAE,gBAAgB,aAChC,CAAC,QAAQ,IAAI,QAAQ,IAAI,CACxB,cAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAC,WAAW,GAAG,CAC7D,EACD,cAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAE,aAAa,YACzD,QAAQ,GACL,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/components/Button/Button.css

@@ -96,10 +96,13 @@
 }
 
 /* `[data-state="open"]` keeps a Button pressed while it's an open disclosure
-   trigger (Radix Menu/Popover set this on the trigger). */
+   trigger (Radix Menu/Popover set this on the trigger). `[aria-pressed="true"]`
+   gives toggle buttons a visible selected state, so the toggle is not conveyed
+   to sighted users by the accessibility tree alone. */
 .muka-button--primary:active:not(:disabled),
 .muka-button--primary.muka-button--pressed:not(:disabled),
-.muka-button--primary[data-state="open"]:not(:disabled) {
+.muka-button--primary[data-state="open"]:not(:disabled),
+.muka-button--primary[aria-pressed="true"]: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);
@@ -128,7 +131,8 @@
 
 .muka-button--secondary:active:not(:disabled),
 .muka-button--secondary.muka-button--pressed:not(:disabled),
-.muka-button--secondary[data-state="open"]:not(:disabled) {
+.muka-button--secondary[data-state="open"]:not(:disabled),
+.muka-button--secondary[aria-pressed="true"]: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);
@@ -157,7 +161,8 @@
 
 .muka-button--tertiary:active:not(:disabled),
 .muka-button--tertiary.muka-button--pressed:not(:disabled),
-.muka-button--tertiary[data-state="open"]:not(:disabled) {
+.muka-button--tertiary[data-state="open"]:not(:disabled),
+.muka-button--tertiary[aria-pressed="true"]: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);
@@ -186,7 +191,8 @@
 
 .muka-button--ghost:active:not(:disabled),
 .muka-button--ghost.muka-button--pressed:not(:disabled),
-.muka-button--ghost[data-state="open"]:not(:disabled) {
+.muka-button--ghost[data-state="open"]:not(:disabled),
+.muka-button--ghost[aria-pressed="true"]: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);
@@ -215,7 +221,8 @@
 
 .muka-button--muted:active:not(:disabled),
 .muka-button--muted.muka-button--pressed:not(:disabled),
-.muka-button--muted[data-state="open"]:not(:disabled) {
+.muka-button--muted[data-state="open"]:not(:disabled),
+.muka-button--muted[aria-pressed="true"]:not(:disabled) {
   background-color: var(--button-color-muted-background-pressed);
   color: var(--button-color-muted-foreground-pressed);
   border-color: var(--button-color-muted-border-pressed);

package/dist/esm/components/Button/Button.js

@@ -18,7 +18,7 @@ import './Button.css';
  * - Uses native <button> element for full keyboard support
  * - Focus indicator meets WCAG 2.4.7 (visible focus)
  * - When iconOnly=true, aria-label is required (dev warning if missing)
- * - Supports aria-pressed for toggle buttons
+ * - Supports aria-pressed for toggle buttons (renders the pressed treatment when true)
  * - Supports aria-expanded/aria-controls for menu buttons
  *
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/button/