@revikornmann/muka-ui 0.10.0 → 0.11.0

package/dist/types/components/BottomBar/BottomBar.d.ts

@@ -17,8 +17,8 @@ export interface BottomBarTabProps {
  */
 export declare const BottomBarTab: React.FC<BottomBarTabProps>;
 export interface BottomBarProps {
-    /** Bar variant — "actions" for horizontal buttons, "actions-vertical" for stacked buttons, "navigation" for tab items */
-    variant: 'actions' | 'actions-vertical' | 'navigation';
+    /** Bar variant — "actions" for horizontal buttons, "actions-vertical" for stacked buttons, "navigation" for tab items, "chat" to house a ChatComposer */
+    variant: 'actions' | 'actions-vertical' | 'navigation' | 'chat';
     /** Button size — only applies to "actions" and "actions-vertical" variants */
     size?: 'sm' | 'lg';
     /** Floating style — elevated card with rounded corners */
@@ -51,6 +51,7 @@ export interface BottomBarProps {
  * **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/types/components/BottomBar/BottomBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomBar.d.ts","sourceRoot":"","sources":["../../../../components/BottomBar/BottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AAIzB,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtB,gFAAgF;IAChF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IAEd,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2BpD,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,yHAAyH;IACzH,OAAO,EAAE,SAAS,GAAG,kBAAkB,GAAG,YAAY,CAAC;IAEvD,8EAA8E;IAC9E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAEjC,wFAAwF;IACxF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgC9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"BottomBar.d.ts","sourceRoot":"","sources":["../../../../components/BottomBar/BottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AAIzB,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtB,gFAAgF;IAChF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IAEd,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2BpD,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,yJAAyJ;IACzJ,OAAO,EAAE,SAAS,GAAG,kBAAkB,GAAG,YAAY,GAAG,MAAM,CAAC;IAEhE,8EAA8E;IAC9E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAEjC,wFAAwF;IACxF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgC9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revikornmann/muka-ui",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Muka Design System - Multi-brand design tokens and React components",
   "main": "dist/cjs/components/index.js",
   "module": "dist/esm/components/index.js",

package/tokens/t4-components/bottombar.json

@@ -55,17 +55,23 @@
       },
       "backdrop-end": {
         "$type": "color",
-        "$value": "{color.black-alpha.5}"
-      },
-      "backdrop-blur": {
-        "$type": "dimension",
-        "$value": "2px"
+        "$value": "{color.black-alpha.2}"
       },
       "padding-top": {
         "$type": "dimension",
         "$value": "{spacing.8}"
       }
     },
+    "chat": {
+      "max-width": {
+        "$type": "sizing",
+        "$value": "{container.max-width.lg}"
+      },
+      "padding": {
+        "$type": "dimension",
+        "$value": "{spacing.3}"
+      }
+    },
     "tab": {
       "icon-size": {
         "$type": "dimension",