@nexdom/uimed-vue 2.0.0-beta.57 → 2.0.0-beta.59

package/AGENTS.md

@@ -179,7 +179,7 @@ Use an existing composable (e.g. `use-toast`) as the reference, and deliver in t
 - Reuse the shared internal composables for props that recur across components, so every component maps them to Vuetify the same way, instead of mapping them again:
   - `fullWidth`/`fullHeight`: `useFullWidth`/`useFullHeight` (`src/composables/dimensions/dimensions.ts`), applying Vuetify's `w-100`/`h-100` classes even where the component has `width`/`height` props.
   - `alignX`/`alignY`: `useAlignX`/`useAlignY` (`src/composables/alignment/alignment.ts`), with the `AlignX`/`AlignY` types from the group's `types.ts`.
-  - `color`: `useVuetifyColor` (`src/composables/colors/use-vuetify-color.ts`), with the `ColorVariant` type from the group's `types.ts`. Where the color is the text's instead of a fill (e.g. `UButton`'s `ghost` variant), use `useVuetifyTextColor` (`use-vuetify-text-color.ts`) instead: the fills are too light to reach WCAG AA's contrast as text, so each one has a darker text shade in the theme.
+  - `color`: `useVuetifyColor` (`src/composables/colors/use-vuetify-color.ts`), with the `ColorVariant` type from the group's `types.ts`. Where the color is the text's instead of a fill (e.g. `UButton`'s `ghost` variant), use `useVuetifyTextColor` (`use-vuetify-text-color.ts`) instead: most fills are too light to reach WCAG AA's contrast as text, so each color has a text shade in the theme, darker than its fill (primary's fill is dark enough to be its own shade).
 
   A new prop that does the same as one of these takes its name and type. When a second component needs a mapping that only one component has, move it into a shared composable first.
 

package/dist/components.d.ts

@@ -303,6 +303,22 @@ type MainProps = {
    */
   background?: ColorVariant;
 };
+/**
+ * Slots exposed by the {@link Main} component.
+ */
+type MainSlots = {
+  /**
+   * Content of the page, below the app bar (and above the footer, when shown).
+   */
+  default?: () => unknown;
+  /**
+   * Details of the user shown in the user menu of the app bar, below the
+   * name and subtitle and above the options, with the text centered like
+   * them (e.g. the user's organization and profile, and an action to manage
+   * the profile). Only shown when `appBar.user` is given.
+   */
+  "user-section-details"?: () => unknown;
+};
 //#endregion
 //#region src/components/main/main.vue.d.ts
 /**
@@ -328,9 +344,7 @@ declare const __VLS_export$21: __VLS_WithSlots$12<import("vue", { with: { "resol
   notificationsOpen?: boolean;
 }> & Readonly<{
   "onUpdate:notificationsOpen"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
-  default?: (props: {}) => any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, MainSlots>;
 type __VLS_WithSlots$12<T, S> = T & {
   new (): {
     $slots: S;

package/dist/components.js

@@ -251,6 +251,7 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 	emits: ["update:notificationsOpen", "update:navigationOpen"],
 	setup(__props) {
 		const props = __props;
+		const slots = useSlots();
 		const notificationsOpen = useModel(__props, "notificationsOpen");
 		const navigationOpen = useModel(__props, "navigationOpen");
 		const { ariaKeyshortcuts: navigationKeyshortcuts } = useNavigationShortcutKeys();
@@ -391,6 +392,14 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 										subtitle: __props.user?.subtitle,
 										class: "text-center"
 									}, null, 8, ["title", "subtitle"])) : createCommentVNode("v-if", true),
+									createCommentVNode(" The app's details of the user continue the header, so their text is centered too "),
+									slots["user-section-details"] ? (openBlock(), createBlock(unref(VCardText), {
+										key: 1,
+										class: "text-center"
+									}, {
+										default: withCtx(() => [renderSlot(_ctx.$slots, "user-section-details")]),
+										_: 3
+									})) : createCommentVNode("v-if", true),
 									createVNode(unref(VDivider)),
 									createCommentVNode(" Vuetify's `list` role only allows list items, but the options are links and\n            separators "),
 									createVNode(unref(VList), {
@@ -425,12 +434,12 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 										_: 1
 									})
 								]),
-								_: 1
+								_: 3
 							}, 8, ["data-testid"])]),
-							_: 1
+							_: 3
 						})) : createCommentVNode("v-if", true)
 					]),
-					_: 1
+					_: 3
 				}, 8, ["loading"])]),
 				default: withCtx(() => [
 					__props.navigation ? (openBlock(), createBlock(unref(VAppBarNavIcon), {
@@ -463,7 +472,7 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 						_: 1
 					})) : createCommentVNode("v-if", true)
 				]),
-				_: 1
+				_: 3
 			}, 8, ["data-testid", "aria-busy"]);
 		};
 	}
@@ -1458,6 +1467,7 @@ var main_default = /* @__PURE__ */ defineComponent({
 	emits: ["update:notificationsOpen"],
 	setup(__props) {
 		const props = __props;
+		const slots = useSlots();
 		const appBarProps = computed(() => props.appBar ? {
 			...props.appBar,
 			logo: props.logo,
@@ -1478,7 +1488,11 @@ var main_default = /* @__PURE__ */ defineComponent({
 						"onUpdate:notificationsOpen": _cache[0] || (_cache[0] = ($event) => notificationsOpen.value = $event),
 						"navigation-open": navigationMenuOpen.value,
 						"onUpdate:navigationOpen": _cache[1] || (_cache[1] = ($event) => navigationMenuOpen.value = $event)
-					}), null, 16, ["notifications-open", "navigation-open"])) : createCommentVNode("v-if", true),
+					}), createSlots({ _: 2 }, [slots["user-section-details"] ? {
+						name: "user-section-details",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "user-section-details")]),
+						key: "0"
+					} : void 0]), 1040, ["notifications-open", "navigation-open"])) : createCommentVNode("v-if", true),
 					props.navigationMenu ? (openBlock(), createBlock(navigation_menu_default, mergeProps({ key: 1 }, props.navigationMenu, {
 						modelValue: navigationMenuOpen.value,
 						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => navigationMenuOpen.value = $event),

package/dist/index.js

@@ -25,14 +25,14 @@ function createUimed() {
 				colors: {
 					background: "#EAEDF0",
 					surface: "#FCFCFD",
-					primary: "#00995D",
+					primary: "#074D31",
 					secondary: "#FCFCFD",
 					success: "#A9EFC5",
 					warning: "#FFE596",
 					error: "#D92D20",
 					info: "#9ACBE5",
-					"on-primary": "#000000",
-					"primary-text": "#007A4A",
+					"on-primary": "#FCFCFD",
+					"primary-text": "#074D31",
 					"success-text": "#16783E",
 					"info-text": "#277096",
 					"warning-text": "#846300",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "2.0.0-beta.57",
+  "version": "2.0.0-beta.59",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",